/*

Theme Name: su

Description: Theme for AHOs studentutvalg

Author: Henrik Haanes

Author URI: http://haanes.no/

*/





/* standard elements */


/* linker */
a {

color : #444;

text-decoration : none;

}



/* linker når musen holdes over */

a:hover {
color: #5cca31;
}







/* bakgrunn */

body {

margin: 0;

padding: 0;

background : #ddd;

color : #333;

text-align : center;

font-style : normal;

font-variant : normal;

font-weight : normal;

font-size : 11px;

font-family : verdana, sans;

}




/* tittel på blogginnlegg (entry) */

h1 {

margin : 0 0 10px 0;

font-size : 18px;

padding-top : 10px;

border-top : 1px dotted #5cca31;

font-family : "trebuchet ms", verdana, sans;



color: #222;


}




/* Mellomtitler */

h3 {

font-size : 12px;

color : #5cca31;

border-top : 1px dotted #ddd;

padding-top : 5px;

margin-top : 8px;

margin-left : 0px;

font-family : "trebuchet ms", trebuchet, verdana, sans;

font-weight : bold;

text-transform: uppercase;

letter-spacing: 2px;



}


/* Titler i sidespalte */

h2 {

font-size : 10px;

color : #5cca31;

margin-top : 8px;


font-family : "trebuchet ms", trebuchet, verdana, sans;

text-transform: uppercase;

letter-spacing: 2px;



}




/* navn i listen over su-medlemmer */
.sunavn {

font-size : 10px;

color : #666;

padding-top : 5px;

margin-top : 8px;


font-family : verdana, sans;

font-weight : bold;

text-transform: uppercase;

clear: both;

}



/* navn på leder, nestleder og kasserer */
.suleder {

font-size : 10px;

color : #5cca31;

padding-top : 5px;

margin-top : 8px;

margin-left : 0px;

font-family : verdana, sans;

font-weight : bold;

text-transform: uppercase;

clear: both;

}



/*header */

.header-top {

float: left;
width: 740px;
padding-right: 0px;
padding-top: 20px;
margin-bottom:10px;
display: inline;
}

.header-top span {
display: inline;
float: right;
margin-right: 20px;
}

/* searchbar (and other forms) */

input {
color:#bbb;
border: 1px solid #ccc;
background-color: #fff;
padding: 2px;
font-family: arial, sans;
font-size: 10px;
}



.header a {

background : #fff url('img/header.png') no-repeat;

display: inline;

width: 220px; 

height :50px;


margin: 0 0 0 40px;

background-position: top left;

float: left;
clear: left;

}








/* post-it-lapp */

.headerimgleft a {
display: inline;
width: 370px;
height: 150px;
background: #fff url('img/headerimgleft.jpg') no-repeat;

margin: 10px 0 10px 0;
float: left;
clear: left;

}


/* se hva su gj√∏r - tekst og pil */

.headerimgright a {
display: inline;
width: 370px;
height: 150px;
background: #fff url('img/headerimgright.jpg') no-repeat;

margin: 10px 0 10px 0;
float: right;

}

/* main */



.main {

background : #fff;

margin : 0 auto 20px;

text-align : left;

width : 740px;

}



.container {

margin : 0;
padding-left: 20px;

width : 740px;

}



/* menyen √∏verst til h√∏yre */


.menu {
width: 400px;
float: right;
display: inline;
background-color: #fff;
padding-top: 0px;
margin-top: 18px;
margin-right: 6px;

}

.menu a span{

color: #555;

float : right;

padding-top : 5px;

padding-bottom : 2px;

padding-left : 6px;

padding-right : 10px;

font-family : arial, sans;

font-size : 9px;

font-weight : bold;
text-transform: uppercase;


border-left: 2px solid #aaa;
background:  #fff;
vertical-align: bottom;

}



.menu span:hover {

color: #5cca31;
}



/* sidebar */



#side {

float : right;

display : block;

width : 195px;



background : #fff;

padding : 0px;

font-size : 10px;
line-height : 1.5;

}




/* lister */

ul.arch-list {



padding-right : 20px;

padding-bottom : 20px;
padding-left: 0;
margin-left: 0;

color: #777;

}



ul.arch-list li {

list-style-type : none;

}


/* content */



.content {

background : #ffffff;

float : left;

width : 470px;
padding-left: 30px;

}



.content p {

margin : 3px 0 6px;

color : #666;

line-height: 1.5;

}





.content img {

float: left;
margin-right: 10px;
margin-bottom : 10px;

border: 1px solid #ccc;

}

.content img:hover {
border: 1px dotted red;}





.item {

background : #ffffff;

padding : 10px;

margin : 0;

}





/* sitat med innrykk */

blockquote {

margin : 15px 30px 0 10px;

padding-left : 20px;

border : 3px double #cecece;

font-style : italic;

}




/* forfatter og dato for post  */

.dateline {

margin-top : 0px;
margin-bottom: 15px;

color : #777;

font-size : 9px;

text-align : left;

padding-top: 0px;

}



/* les resten av posten */

.lesmer {

padding : 10px;

font-weight : bold;

text-align: left;

font-family : "trebuchet ms", trebuchet, arial, sans;

font-size : 10px;

font-weight : normal;

text-transform: uppercase;

letter-spacing: 2px;



}





/* footer */



.footer {

padding-top :  20px;
padding-bottom : 20px;

border-top : 2px solid #ccc;

color : #666;

font-size : 9px;

font-family : arial, arial, sans;

font-weight : normal;

text-align: center;

clear : both;

}





/* post styling */

/* lenker i innlegg */

.entry a {

color : #5cca31;

text-decoration : none;

}


/* teksten på bunnen av hver post */

.item .info {

padding : 10px 0 3px;
margin-bottom: 40px;

font-family : arial, arial, sans;

font-size : 9px;

color : #777;

text-align : left;

}





/* comment styling */



#commentlist li {

margin-bottom : 1.5em;

padding-bottom : 1em;

border-bottom : 1px solid #700000;

}



#commentform {

margin : 10px 10px 10px 0px;

background : #ffffff;

width : 280px;

}



#commentform textarea {

background : #f5f5f5;

border : 1px solid #d6d3d3;

width : 280px;

}



#commentform textarea:hover {

background : #ffffff;

border : 1px solid #ffffff;

}



#commentform textarea:focus {

background : #ffffff;

border : 1px solid #ffffff;

}



#commentform #email, #commentform #author, #commentform #url {

font-size : 1.1em;

background : #f5f5f5;

border : 1px solid #d6d3d3;

width : 280px;

}



#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size : 1.1em;

background : #ffffff;

border : 1px solid #d6d3d3;

width : 280px;

}



#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size : 1.1em;

background : #ffffff;

border : 1px solid #939793;

width : 280px;

}



#commentform input {

margin-bottom : 3px;

}