/*

Theme Name: Asusena
Description: Dark and high contrast.
Version: 1.0
Author: qts.no
Author URI: http://qts.no
Tags: left sidebar, two columns
*/

/*

This theme is released under the GPL.

*/

* { margin:0; padding:0; }

p { 
        margin: 10px 0px 10px 0px; 
        padding: 0px; 
}

body {
	font-family: Verdana;
	background:#D2E0E9 url(images/bakgrunn2.jpg) repeat-x top left;
        background-attachment:fixed;
}



img {
	border:0;
}

#wrapper {
	width: 900px;
	margin: 25px auto 0;
}

#content {
float: left; 
	width: 868px;
	height: auto;
	padding-left: 16px;
	padding-right: 16px;
	background:url(images/main_bg.png);
}

#top {
float: left; 
	background-image: url(images/top.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 100%;
}

#header {
	height: 148px;
	width: 100%;
	background-repeat: repeat-y;
}

#header img {
	padding-top: 8px;
}

#flagg {
	padding: 0 0px 0 756px;
}


h1 {
font:16px verdana, Tahoma,Arial,sans-serif;
font-weight:600;
}

h2 {
color: #000000;
font:14px verdana, Tahoma,Arial,sans-serif;
font-weight:600;
}







#side {
	background:#ffffff url(images/page-gradient.png) repeat-y;
	font-family: Verdana; 
        font-size:12px;
        margin: 0px 2px 0px 2px;
overflow: hidden;
	padding: 3px 5px 3px 5px;
min-height:200px;
        width: 868px;
}

#side a {
color:#000000;
	font-family: Verdana; 
        font-size:12px;
}


#footertekst {
        float: left; 
        color:#072656;
        font-size:9px;
        margin:0 0 0 0px;
	padding: 2px 0 0px 260px;
	list-style: none;
}

#footertekst a {
color:#072656;
}

#footer {
float: left; 
color:#072656;
font-size:9px;
	height: 8px;
	width: 100%;
	background: url(http://www.lystang.no/wp-content/themes/asusena/images/bottom.png) no-repeat;
        margin:0 0 0 0px;
	text-align: center;
	padding: 0px 0 10px 0;
	list-style: none;
}

#footer a {
color:#072656;
}







/*-------------------------------------------------------
 Navigation
-------------------------------------------------------*/

#navcontainer {
     width:868px;
     height:35px;
     background:#fff url(images/navigation-bg2.jpg) repeat-x top left;
     overflow:hidden;
     }

#nav, #nav ul { /* all lists */
     padding: 1px 0 0px 0;
     margin: 0px 0 0px 9px;
     list-style: none;
     line-height: 1;
     text-decoration:none;
     }

#nav a:link {
     display: block;
font-weight: bold;
     width: auto;
     padding:7px 0 8px 0;
     color:#ffffff;
     border:none;
text-decoration:none;
     }

#nav a:visited {
     display: block;
font-weight: bold;
     width: auto;
     padding:7px 0 8px 0;
     color:#ffffff;
     border:none;
text-decoration:none;
}  /* visited link */

#nav a:hover {
     display: block;
font-weight: bold;
     width: auto;
     padding:7px 0 8px 0;
     color:#151724;
     border:none;
text-decoration:none;
}  /* mouse over link */

#nav li { /* all list items */
        font-size:14px;
     float: left;
     width: auto; /* width needed or else Opera goes nuts */
     margin: 0px 21px 0px 0px;
     }

#nav li ul { /* second-level lists */

z-index:999;
        font-size:12px;
color:#151724;
     position: absolute;
     background:#ffffff;
     margin:0px 0 0px 0;
     padding:0px 0 0px 0;
     width: 120px;
     border-right:1px solid #777;
     border-bottom:1px solid #777;
     border-left:1px solid #777;
     left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a:link {
color:#151724;
     padding:0;
     text-decoration:none;
     border:none;
     }

#nav li ul a:visited {
color:#151724;
     padding:0;
     text-decoration:none;
     border:none;
}  /* visited link */

#nav li ul a:hover {
color:#5B5B5B;
     padding:0;
     text-decoration:none;
     border:none;}  /* mouse over link */



#nav li ul li {
color:#151724;
     padding:5px;
     text-decoration:none;
        font-size:12px;
     }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
     left: auto;
     }




.feature2 {
			clear: both;
			overflow: hidden;
			background: transparent;
            width: 864px;  
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 0;
			padding-right: 0;
			margin-top: 0;
			margin-bottom: 0;
			margin-right: 0;
			margin-left: 0;
			border: 0px dotted #FFFFFF;
		}


.venstre2_2 {
			float: left;
			overflow: hidden;
	                background:#DCE5EA url(images/bloggbakgrunn.jpgxxx) no-repeat;
			background: transparentxxx;
            width: 423px;  
			padding: 5px 5px 5px 5px;
			margin-top: 0;
			margin-bottom: 0;
			margin-right: 0;
			margin-left: 0;
		}



.hoyre2_2 {
			float: right;
			overflow: hidden;
	                background:#DCE5EA url(images/bloggbakgrunn.jpgxxx) no-repeat;
			background: transparentxxx;
            width: 412px;  
			padding: 5px 5px 5px 5px;
			margin-top: 0;
			margin-bottom: 0px;
			margin-right: 5px;
			margin-left: 0px;
		}


.venstre2_2 img,.hoyre2_2 img {
			clear: both;
			overflow: hidden;
			background: transparent;

			padding-top: 4px;
			padding-bottom: 4px;
			padding-left: 4px;
			padding-right: 8px;
			margin-top: 0;
			margin-bottom: 10px;
			margin-right: auto;
			margin-left: auto;
			border: 0px solid #999999;
		}


.venstre2_textxxx {
			padding: 10px 0 10px 0;
			margin: 0 0 0 0;
			border: 1px dotted #FFFFFF;
		}


#postfelt {
			  overflow: hidden;
width: 826px; 
	background:#DCE5EA;
margin:0 5px 5px 0;
padding:15px 15px 15px 15px;
color:#000000;
font-size:12px;
}


/*WP styling for bilde i post*/
img.alignright {float:right; margin:0 5px 1em 30px; padding: 0 5px 0 0 ;} 
img.alignleft {float:left; margin:0 1em 1em 0} 
img.aligncenter {display: block; margin-left: auto; margin-right: auto} 
a img.alignright {float:right; margin:0 0 1em 30px} 
a img.alignleft {float:left; margin:0 1em 1em 0} 
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
