/*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-----*/

body {
margin:0;
padding:0;
border:0;
height:100%;
background: inherit url("") repeat-x top left;
}

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;
}

a {
text-decoration:none;
}

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

h2 {
margin:0px 0px 10px 0px;
font: bold 22px Arial;
color:#5fb5f8;
}

h3 {
margin:0px 0px 10px 0px;
font: bold 16px Arial;
color:#5fb5f8;
}

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

.wrapper {
margin: 30px auto 0 auto;
padding:0;
width:855px;
height:auto;
min-height:400px;
/*border:1px solid #000;*/
}

.head {
margin:0;
padding:0;
width:855px;
height:121px;
background: url("bilder/face-rank-huvud.jpg") no-repeat top left;
}


.head p {
display:inline;
float:left;
margin:54px 4px 0px 44px;
font: normal 13px Arial;
color:#fff;
}

.head h1 {
display:inline;
float:left;
margin:54px 0px 0px 0px;
font: bold 13px Arial;
color:#fff;
}

.menu {
display:inline;
float:right;
margin:38px 80px 0px 0px;
padding:0;
width:300px;
height:auto;
}/*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:300px;
height:auto;
border:0;
}

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


.menu li a {
display:block;
float:left;
margin:0;
padding:3px 15px 0px 15px;
font:bold 12px Arial;
color:#fff;
width:auto;
height:auto;
text-decoration:underline;
}

.menu li a:hover {
color:#1379a5;
}

.menu li a.current {
color:#1379a5;
}

/**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.*/


.menu li a:hover {
font:;
color:;
background: ;
}

.adstop {
display:inline;
float:left;
width:728px;
height:15px;
margin:29px 0px 0px 60px;
}

.main {
display:inline;
float:left;
margin:15px 10px 0px 10px;
padding:0;
width:833px;
height:auto;
min-height:400px;
}

.main p {
margin:5px 0px 10px 0px;
font:normal 12px Arial;
color:#797979;
}

.left_content {
display:inline;
float:left;
margin:0;
padding:0;
width:545px;
height:auto;
min-height:300px;
}

.facerank {
display:inline;
float:left;
margin:0;
padding:0;
width:545px;
height:198px;
background: url("bilder/facerank-info.jpg") no-repeat top left;
}

.facerank h2 {
margin:15px 0px 0px 65px;
}

.facerank p {
margin:10px 40px 0px 35px;
}

.facerank .content {
display:inline;
float:left;
width:450px;
height:auto;
margin:15px 0px 0px 70px;
border:1px solid #000;
}

.contentads {
display:inline;
float:left;
margin:15px 0px 15px 30px;
width:468px;
height:130px;
}

.leftsmall {
display:inline;
float:left;
margin:10px 25xp 0px 0px;
padding:0;
width:247px;
height:auto;
min-height:40px;

}

.rightsmall {
display:inline;
float:right;
margin:0px 5px 25px 0px;
padding:0;
width:247px;
height:auto;
min-height:40px;
}


.rightsmall p, .leftsmall p {
margin:-3px 0px 0px 0px;
font:normal 11px Arial;
}

.right_content {
display:inline;
float:right;
margin:0;
padding:0;
width:223px;
height:auto;
}

.nyttig {
display:block;
float:left;
margin:0;
padding:5px 0px 0px 70px;
width:163px;
height:35px;
background: url("bilder/facerank-links.jpg") no-repeat top left;
}

.sponsored {
display:inline;
float:left;
width:200px;
height:auto;
margin:5px 0px 0px 8px;
}

.sponsored h2 {
font:bold 11px Verdana;
color:#60b5f9;
margin:0;
padding:0;
}

.sponsored h2 a {
font:bold 11px Verdana;
color:#60b5f9;
margin:0;
padding:0;
text-decoration:underline;
}

.sponsored p {
font:normal 10px Verdana;
color:#000;
margin:2px 0px -5px 0px;
padding:0;
}

.sponsored a {
font:normal 10px Verdana;
color:#808080;
margin:0px 0px 15px 0px;
padding:0;
}

/*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.
*/


.bottom {
display:inline;
float:left;
margin:30px 0xp 10xp 0px;
padding:0;
width:100%;
height:50px;
background: url("bilder/facerank-bottom.jpg") no-repeat top left;
border:0;
}

.bottomads {
display:inline;
float:left;
width:728px;
height:15px;
margin:25px 0px 0px 60px;
}