/*Element som är nollställda för kompabilitet
och attribut som inte är ifyllda. Anpassa till ert sätt så ni kan jobba snabbare.*/

/*-----START på nollställning-----*/

/*old: 525
new: 471
diff: -54
*/

body {
margin:0;
padding:0;
border:0;
height:100%;
background: url("/images/v2/bakgrund-liten.gif") repeat-x top left;
font-family: tahoma, Geneva, "Trebuchet MS", verdana;
font-size: 13px;
}

html {
margin:0;
padding:0;
border:0;
}

img, p, a, h1, h2, h3, h4, ul, ol, li, br,
form, table {
margin:0;
padding:0;
border:0;
}

li {
list-style-type:none;
font-size: 13px;
}

a img {
border:0;
}

a {
text-decoration:none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/*------SLUT på nollställning-----*/

.wrapper {
margin: 0 auto 0 auto;
padding:0;
width:900px;
height:auto;
min-height:900px;
}


.logo {
display:inline;
float:left;
margin:0;
padding:0;
width:488px;
height:120px;
}


.menu {
display:inline;
float:left;
margin:3px 0px 0px 0px;
padding:0;
width:900px;
height:30px;
}/*En container till ul (den riktiga menyn) för att enklare placera ut och flytta den. */



.menu ul {
display:inline;
float:left;
margin:0;
padding:0;
width:900px;
height:30px;

}

.menu li {
display:inline;
float:left;
margin:0;
padding:0;
width:auto;
height:auto;
}/*Ingen storlek på li, låt detta styras av a-länk*/


.menu li a {
display:block;
float:left;
margin:0;
padding:13px 25px 0px 25px;
font-size: 16px;
color:#fff;
width:auto;
height:30px;
}

.menu li a:hover {
text-decoration: underline;
color:#fff;
}

.menu li a:visited {
color:#fff;
}

/**a-länk görs till ett block-element för enklare hantering och kompabilitet./
/*Sätt width:auto eftersom textens längd påverkar knappens längd.*/ 
/*Kom ihåg att sätta height för att reglera höjden.*/
/*Det du ökar i padding-top ska du minska med i height. padding-bottom behövs ej.*/



.main {
display:inline;
float:left;
margin:50px 0px 0px 0px;
padding:0;
width:900px;
height:auto;
min-height:800px;
border:0;
}

.main a {
color:#e30040;
}

.main a:hover {
text-decoration:underline;
}

h1 {
font-size: 18px;
color:#e30040;
margin:0px 0px 10px 0px;
}

h2 {
font-size: 18px;
font-weight: bold;
color:#e30040;
margin:0px 0px 10px 0px;
}

.left_content {
display:inline;
float:left;
margin:0;
width:181px;
height:auto;
min-height:200px;
}

.topborder {
display:inline;
float:left;
margin:0;
padding:0;
width:181px;
height:9px;
background: url("/images/v2/box-top.jpg") no-repeat top left;
}

.boxborder {
display:inline;
float:left;
margin:0;
padding:5px 8px 5px 8px;
width:163px;
height:auto;
min-height:40px;
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
background:#f6f6f6;
}

.boxborder ul {
width:auto;
height:auto;
}

.boxborder ul a {
	display:block;
	width:auto;
	height:auto;
	padding:5px 0px 5px 3px;
	color:#e30040;
	border-bottom:1px solid #e2e2e2;
}

.boxborder ul a:hover {
	background: url("/images/v2/box-hover.jpg") repeat-y top right;
}


.bottomborder {
	display:inline;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0;
	width:181px;
	height:9px;
	background: url("/images/v2/box-bottom.jpg") no-repeat top left;
}

.middle_content {
	display:inline;
	float:left;
	margin:0px 0px 0px 30px;
	padding:0;
	width:463px;
	height:auto;
	min-height:200px;
}


.middle_content .top_10 {
	display:inline;
	float:left;
	margin:0px 0px 20px 0px;
	padding:15px 15px 15px 15px;
	width:433px;
	height:277px;
	background: url("/images/v2/top-10.jpg") no-repeat top left;
}

.middle_content .top_10 a {
	display:block;
	margin:1px 0px 0px 0px;
	font-size: 14px;
}

/*Tabell top_10*/
.c1 {
	clear:both;
}

.c2 {
	float:left;
	width:60%;
	margin:0px 0px 10px 0px;
}

.c3 {
	float:left;
	width:39%;
}

.c4 {

}

.c5 {
	font-size: 12px;
}

.middle_content .top_10 .number {
display:inline;
float:left;
width: 18px;
height: 18px;
/*padding: 1px 0px 0px 5px;*/
/*margin:0px 5px 0px 0px;*/
margin-right: 5px;
background: url("/images/v2/number.jpg") no-repeat top left;
font-size: 13px;
color: #fff;
text-align: center;
}


.middle_content .senaste {
display:inline;
float:left;
width:auto;
height:auto;
margin:0px 0px 15px 0px;
padding:0;
}


.middle_content .senaste .box {
	display:inline;
	float:left;
	margin:0px 0px 5px 0px;
	padding:10px 25px 10px 25px;
	width:415px;
	height:101px;
	background: url("/images/v2/senaste-lustbloggarna.jpg") no-repeat top left;
}

.middle_content .senaste .box .title {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:20px;
	border-bottom:1px solid #e2e2e2;
}

.middle_content .senaste .box .comment {
	display:inline;
	float:right;
	margin:0;
	padding:0;
	width: 120px;
	height:20px;
	text-align: left;
}


.middle_content .senaste .box .comment img {
	display:inline;
	float:left;
	margin:3px 5px 0px 0px;
	padding:0;
}

.middle_content .senaste .box .comment a {
	display:block;
	margin:4px 0px 0px 0px;
	font-size: 10px;
	color:#737373;
}


.middle_content .senaste .box h3 a {
	display:block;
	margin:0;
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color:#737373;
	width:80%;
}

.middle_content .senaste .box .visit  {
display:inline;
float:right;
margin:0;
padding:0;
width:
}

span.pipe
{
	padding-left: 3px;
	padding-right: 3px;
	color: #bbb;
	font-size: 11px;
}


.blog {
	display:inline;
	float:left;
	margin-top: 32px;
	margin-bottom: 5px;
	padding:15px 15px 15px 15px;
	width:433px;
	height:277px;
	background: url("/images/v2/top-10.jpg") no-repeat top left;
	color: #686868;
}



.middle_content .senaste .box .kategori {
margin:2px 0px 0px 0px;
padding:0;
width:420px;
height:20px;
overflow: hidden;
}

.middle_content .senaste .box .kategori a {
/*display:block;
float:left;
*/
/*width:auto;*/
/*height:auto;*/
margin:2px 5px 5px 0px;
font-size: 10px;
color:#e30040;
}


.middle_content .senaste .box p {
font-size: 11px;
color:#767676;
}

.star {
	display:block;
	float:right;
	margin:0;
	padding:0;
	margin-right: 5px;
	width:150px;
	height:20px;
	border:0px solid #000;
	text-align: right;
}

.vote {
	display: block;
	float: right;
	width: 100px;
}

.besok {
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:77px;
	height:20px;
	background: url("/images/v2/besok.jpg") no-repeat top left;
}

.besok a {
	display:block;
	font-size: 11px;
	color:#fff;
	width:auto;
	height:15px;
	margin:2px 0px 0px 0px;
	padding:0;
	text-align:center;
}


.right_content {
	display:inline;
	float:left;
	margin:0px 0px 0px 30px;
	width:181px;
	height:auto;
}



/*I HTML-koden brukar jag skriva ut right_content före left_content. Detta eftersom den trycks ner till samma höjd som
left_content. Inte alltid dock =)
*/


.bottom_text {
float:left;
padding:0;
width:100%;
height: 14px;
text-align: center;
font-size: 13px;
}

.bottom {
float:left;
margin:10px 0px 0px 0px;
padding:0;
width:100%;
height:136px;
background: url("/images/v2/footer.jpg") repeat-x top left;
}

.prenumerera {
display:inline;
float:left;
margin:0px 10px -5px 0px;
}

a.white
{
	color: white;
}

a.white:visited
{
	color: white;
}

table.pages
{
	text-align: center;
}

table.pages td
{
	width: 22px;
	height: 22px;
}

span.error
{
	color: red;
	font-weight: bold;
}

.textad
{
	font-size: 10px;
}

.framsidan_top_textblock {
height: 94px; 
background:url("/images/v2/toptxt_bg.jpg") no-repeat; vertical-align: top; padding-top: 11px; 
font: 16px verdana; color: #FFFFFF; text-align: center; line-height: 1.7em;
}

h1.front
{
	display: inline;
	color: white;
	font-size: 15px;
}