/*  
Theme Name: Mimbo
Theme URI: http://www.henriksteen.net
Description: Stilsett for HenrikSteen.net
Version: 2.0
Author: Henrik Steen
Author URI: http://www.henriksteen.net
*/

/*
OPPSETT:

1	Reset og import
2	Form og struktur
3	Float og clearing
4	Typografi:
		Generelle stiler
		Forsidehenvisninger
		Lenker
		Titler
		Bilder
		Farger
5	Diverse
*/

@import url('css/reset.css');
@import url('css/meny.css');
@import url('css/hsnet.css');
@import url('css/single.css');

/*
ALT: @import url('meny.css');
Form og struktur
*/

body,html{
min-height:101%; /* fix scrollbar i Firefox*/
}
html{
background: #f9f7f5 url(images/bkg-html.jpg) repeat-x;
height: 101%;
width: 100%;
}
body{
background: #f9f7f5 url(images/bkg-blue.png) top right no-repeat;
color:black;
outline-style:none;
outline-width:0;
padding-top:40px;
margin-bottom: 40px;
vertical-align:baseline;
}

#page{
width:960px;
z-index: 1;
margin:auto auto;
background:transparent url(images/bkg-shadow.png) center top repeat-x;
}
#toppskygge {
padding:0px 0 0 0;
height:16px;
background:transparent url(images/bkg-hodeskygge.png) center bottom no-repeat;
}

#wrapper{
width:950px;
background:#fff url(images/xrshade.jpg) right 14px no-repeat;/* #f9f7f5 */
margin-left:2px;/* IKKE RØR - viser skyggen mellom denne og page */
padding:0 0px 0px 0px;
border-top:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
}

/* 
HEADER
*/

#logo{
float:left;
margin-left:4px;
width:250px;
background: transparent url(images/headerlogo.jpg) no-repeat bottom left;
text-align:left;
height:30px;
}
#logo h1 a{
display:block;
width:200px;
height:28px;
text-indent:-9000px;
}

/*
Søk
*/


#finn{
float:right;
margin-right:2px;
width:194px;
height:30px;
}

#finn form{
width:190px;
background:url(images/finn.gif) no-repeat 0 0;
margin: 0px 16px 4px 0px;
}

#finn input{
border:0px solid #fff;
color:#555;
font-weight:normal;
width:152px;
margin:0px 0px 0 32px;
float:left;
background-color: transparent;
}
#s{
width:152px;
background-color: transparent !important;
}
#s:focus{
background-color: transparent !important;
}
#finn button{
width:50px;
height:30px;
text-indent:-9999px;
margin-left:10px;
border:0;
background:transparent;
}
div.rssikon{
float:right;
margin-right:4px;
width:32px;
height:32px;
background:url(images/hsrss.png) 0% 0px no-repeat;
}
div.rssikon a{
display:block;
width:32px;
height:32px;
text-indent:-8000px;
}
div.strek{
width:100%;
margin:0 0 3px 0px;
height:2px;
border-top:5px solid #474A51;
border-bottom:1px solid #474A51;
}
#content{
width:630px;
padding-left:0px;
margin-left:10px;
float:left;
background:transparent;
}
#sidebar{
width:290px; /* INNHOLD 275 */
margin-right:10px;
float:right;
}

#more-posts{
width:440px;
float:right;
margin-bottom:20px;
}
#featured-cats{
width:180px;
float:left;
background:transparent;
}

#bunnskygge{
width:950px;
height:16px;
margin-left:0px;
padding-top:0px;
background:transparent url(images/bkg-footer.png) no-repeat left top;
}

/*
float and clearing
*/

.left{
float:left;
}
.right{
float:right;
}
.clearfloat:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

.clearfloat{
display:block;
}


hr{
display:block;
height:1px;
background:#d7d7d7;
border:0;
color:#d7d7d7;
}
table{
border-collapse:collapse;
width:100%;
margin:15px 0;
border-top:1px solid #e0ded9;
border-bottom:1px solid #e0ded9;
}
td{
padding:4px 6px;
background:#F5F3EE;
border-bottom:1px solid #FFF;
}
table caption{
background:#f5f3ee;
padding:2px 0;
}


/*
Henvisninger (index og archives)
*/

#framhevet-text h2 a{
color:#474A51;
font-size:2em;
line-height:1;
margin:0px 0 0px 0;
padding:0;
}
#framhevet-text{
float:left;
width:400px;
padding:15px 0px 10px 10px;
}
#framhevet img{
float:left;
margin:10px 0 10px 10px;
padding:2px;
border:1px solid #b9b9b9;
background:#FFF;
}
#wrapper br{
line-height:1;
margin:6px 0 6px 0;
}
.recent-excerpts{
margin-bottom:20px;
}


/*
Footer
*/
#footer{
font-size:80%;
}
#footer a,#footer a:visited{
color:#94928b;
text-decoration:none;
}
#footer a:hover{
color:#5a5954;
}
#footer a:active{
text-decoration:underline;
}
#footer img{
vertical-align:middle;
}
#copyright{
float:left;
margin-left:5px;
width:65%;
}
#rss{
float:right;
margin-right:5px;
width:30%;
text-align:right;
}

/*
Bugs & optimalisering


img { -ms-interpolation-mode: bicubic; }
*/


/* TABS */

.tabcontainer {
width: 100%; 
margin: 10px 0px 0px 0px;
}

.tabcontainer p {
font-size: 12px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #d7d7d7;
	border-left: none;
	margin-bottom: -1px;
	background: #f9f7f5;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 8px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #d7d7d7;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 6px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #d7d7d7;
	padding: 3px;
}