/* 
Theme Name:jonasfjeld
Theme URI:http://jonasfjeld.hiof.no
Description:Tema for Jonas Fjeld Online. Kompatibelt med nyeste versjon av alle nettlesere.
Author:Petter D. Ruud & Tor G. Nærland
*/

/* Colorcombo 
#3F3928
#FFE89C
#C5AD73
*/
/*---------------------------------------/
Global & reset
/*--------------------------------------*/
*{margin:0px;padding:0px;}
img{border:0;}
body{font-size:12px;font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;background:#130806 url(images/body_bg.png) repeat;color:#3F3928;line-height:1.4;text-align:left;margin:0;padding:0;}
/***** links *****/
a:link,
a:active,
a:visited{color:#3F3928;}
a:hover{color:#222;font-weight:bold;}
/*---------------------------------------/
Header
/*--------------------------------------*/
#topline{background:#860D0B;height:5px;width:100%;}
#wrapper{width:960px;margin:0 auto;}
#header{text-align:left;}
#logo{background:url(images/logo.png) no-repeat;height:90px;width:400px;margin:15px 0px 35px 0px;float:left}
#logo strong{display:none;}
/*---------------------------------------/
Meta-menu
/*--------------------------------------*/
.meta-menu{float:right;overflow:hidden;}
.meta-menu .left{background:url(images/meta-menu_corner.png) no-repeat 0 0;width:25px;height:30px;float:left;}
.meta-menu .right{background:url(images/meta-menu_corner.png) no-repeat -25px 0;width:25px;height:30px;float:right;}
.meta-menu ul{background:url(images/meta-menu_bg.png) repeat-x;margin:0;padding:0;height:30px;list-style:none;color:#FFF;}
.meta-menu ul li{float:left;padding:5px 10px 5px 0px;}
.meta-menu a{color:#FFF;text-decoration:none;font-size:12px;font-weight:normal;}
/*---------------------------------------/
Navigation & submenu
/*--------------------------------------*/
#top_nav_menu{background:url(images/submenu.png) no-repeat;margin:0 auto;height:47px;}
/***** drop menu *****/
#dropdown{list-style:none;}
#dropmenu,#dropmenu ul{list-style:none;position:relative;line-height:1.5em;z-index:99;font-weight:normal;letter-spacing:.18em;margin:0px 0px 0px 135px;padding-left:40px;}
#dropmenu a{display:block;height:47px;text-decoration:none;}
#dropmenu a:hover{color:#000;}
#dropmenu li{float:left;height:47px;text-align:center;width:100%;}
#dropmenu li.nyheter,
#dropmenu li.nyheter-current{width:147px;}
#dropmenu li.biografi,
#dropmenu li.biografi-current{width:143px;}
#dropmenu li.media,
#dropmenu li.media-current{width:130px;}
#dropmenu li.gjestebok,
#dropmenu li.gjestebok-current{width:186px;}
#dropmenu li.kontakt,
#dropmenu li.kontakt-current{width:150px;}
#dropmenu li.nyheter a:hover,
#dropmenu li.nyheter-current{background:url(images/submenu-hover.png) -175px 0px no-repeat;}
#dropmenu li.biografi a:hover,
#dropmenu li.biografi-current{background:url(images/submenu-hover.png) -322px 0px no-repeat;}
#dropmenu li.media a:hover,
#dropmenu li.media-current{background:url(images/submenu-hover.png) -465px 0px no-repeat;}
#dropmenu li.gjestebok a:hover,
#dropmenu li.gjestebok-current{background:url(images/submenu-hover.png) -595px 0px no-repeat;}
#dropmenu li.kontakt a:hover,
#dropmenu li.kontakt-current{background:url(images/submenu-hover.png) -781px 0px no-repeat;}
#dropmenu ul{position:relative;width:auto;}
#dropmenu li ul{margin:0px;position:relative;height:auto;padding:0px;width:auto;background:#42170C;}
ul#dropmenu li a span{/* display:none;*/
color:#FFF;font-family:rockwell,Arial,sans-serif;text-decoration:none;font-size:26px;position:relative;top:13px;font-weight:bold;letter-spacing:0.02em;text-shadow:2px 2px 2px #000;}
#dropmenu li ul a{height:30px;width:auto;padding:12px 0px;color:#FFF;background:#42170C;-moz-border-radius-bottomleft:7px;/* Create rounded border in firefox */
-moz-border-radius-bottomright:7px;/* Create rounded border in firefox */
-webkit-border-bottom-left-radius:7px;/* Create rounded border in safari */
-webkit-border-bottom-right-radius:7px;/* Create rounded border in safari */
cursor:pointer;}
#dropmenu li ul li{text-align:center;}
.dropdown{background:#42170C;}
#dropmenu li ul.dropdown li a:hover{background:#691D0A;color:#FFF;}
#dropmenu li ul ul{left:265px;margin:0px 0 0 10px;}
#dropmenu li:hover ul ul,#dropmenu li:hover ul ul ul,#dropmenu li:hover ul ul ul ul{display:none;}
#dropmenu li:hover ul,#dropmenu li li:hover ul,#dropmenu li li li:hover ul,#dropmenu li li li li:hover ul{display:block;}
/*---------------------------------------/
Guitar & cds
/*--------------------------------------*/
#guitar-box{margin:0 auto;padding:0;position:relative;display:block;}
.guitar{background:url(images/guitar.png) no-repeat;width:169px;height:120px;float:left;position:absolute;top:-60px;/* 90px */
left:-40px;padding:0;display:block;}
#cder-box{margin:0 auto;padding:0;position:relative;display:block;}
.cder{background:url(images/cder.png) no-repeat;width:193px;height:162px;float:left;position:absolute;top:-60px;/* 90px */
left:-40px;padding:0;display:block;}
/*---------------------------------------/
rotator
/*--------------------------------------*/
#rotator{background:transparent;width:550px;height:250px;float:right;overflow:hidden;}
#rotator a{font-weight:normal;}
#slideshow{margin:0 auto;width:550px;height:249px;background:transparent url(images/bg_slideshow.png) no-repeat 0 0;position:relative;border:0;border-top:1px solid #222;}
#slideshow #slidesContainer{margin:0 auto;width:540px;height:249px;overflow:auto;/* allow scrollbar */
position:relative;}
#slideshow #slidesContainer .slide{margin:0 auto;width:520px;/* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:249px;}
/*** Slideshow controls style rules ***/
.control{display:block;width:39px;height:263px;text-indent:-10000px;position:absolute;cursor:pointer;}
#leftControl{top:100px;left:0;background:transparent url(images/controls.png) no-repeat -31px 0;z-index:1;}
#rightControl{top:100px;right:-8px;background:transparent url(images/controls.png) no-repeat 0 0;z-index:1;}
.slide h2,.slide p{margin:15px 15px 15px 40px;color:#EEEEEE;}
.slide h2{font-family:'rockwell',Verdana,Arial,Sans-Serif;font-size:24px;color:#FFE48E;letter-spacing:-1px;text-shadow:2px 2px 2px #000;}
.slide img{float:right;margin:0 20px;border:2px solid #EEEEEE;}
/*---------------------------------------/
Events
/*--------------------------------------*/
#events{/*background:url(images/events.png) no-repeat;*/
width:400px;height:250px;float:left;}
#events h3{color:#681D0A;font-family:rockwell,Arial,sans-serif;font-size:28px;margin:5px 0px 0px 170px;}
#events .show-events{padding:15px 15px 10px 35px;}
/*---------------------------------------/
content
/*--------------------------------------*/
#content{background:url(images/content_top.png) no-repeat;width:960px;margin:0 auto;text-align:left;}
#content-splitter{background: #C5AD73;height:6px; border:0;border-top: 1px solid #AA9859;border-bottom: 1px solid #AA9859;}
#inner-content{background:#FFE89C;height:100%;}
#post-area .content h2{font-size:35px;color:#3C1A19;font-family:rockwell,Arial,sans-serif;line-height:.5;}
#post-area .content h1{font-size:40px;color:#3C1A19;font-family:rockwell,Arial,sans-serif;text-transform:uppercase;}
/*---------------------------------------/
postarea
/*--------------------------------------*/
#post-area{float:left;width:713px;background:url(images/post-area.png) no-repeat;border:0;height:100%;}
#post-area .post-thumb{background:#FFF;padding:2px;border:2px solid #C5AD73;margin:8px 8px 0 0;}
#post-area-wide{width:960px;background:url(images/post-area.png) repeat-x;}
#post-area .content,
#post-area .content-single{padding:15px;margin-top:40px;}
.post{}
.post h3,
.post h3 a{font-family:rockwell,Arial,sans-serif;text-decoration:none;font-size:25px;color:#A1521F;margin:0;padding:6px 0 0;line-height:30px;position:relative;}
.post .poststart{margin:10px 0px;}
.post .poststart .small{font-size:10px;}
.post .poststart .normal{font-size:12px;}
.post .poststart .big{font-size:18px;}
.post .poststart img{border:2px solid #FFFFFF;margin:2px;}
.post .date{color:#97561C;float:right;font-size:0.8em;height:55px;line-height:2.3em;margin-right:0;padding-top:10px;position:relative;text-align:center;}
.post .author,
.post .author a{color:#222;text-decoration:none;}
.post .author strong{font-family:'rockwell',Verdana,Arial,Sans-Serif;font-size:15px;}
.post .date_day{display:block;font-size:3em;text-align:right;}
.post .date_month{display:block;font-size:3em;font-weight:bold;text-align:right;}
.post .date_year{display:block;font-size:1.4em;line-height:0.9em;}
.post .left{float:left;}
.post .right{float:right;}
.post .poststart p{line-height:24px;margin:0 0 20px;}
.readmore,
.readmore a{float:right;font-family:rockwell,Arial,sans-serif;text-decoration:none;font-size:15px;letter-spacing:1px;}
#post-area .nrcomments a,
#post-area .commentsword{font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;color :#222;text-decoration:none;}
#post-area .edit{float:right;}
.sitemap{padding-left:60px;font-size:15px;text-align:left;}
/*---------------------------------------/
sidebar
/*--------------------------------------*/
#sidebar{background:url(images/sidebar.png) no-repeat;float:right;width:245px;min-height:825px;border-left:1px solid #C5AD73;}
#sidebar .content{padding:15px 0px 0px 5px;text-align:left;}
#sidebar .content ul,
#sidebar .content ul li{list-style-type:none;margin:5px 0 10px;padding:0px 15px 0px 15px;}
#sidebar h2{font-family:'rockwell',Verdana,Arial,Sans-Serif;color:#3C1F19;font-size:30px;margin-left:25px;text-shadow:2px 2px 2px #C5AD73;}

.bottom{background:url(images/sidebar-bottom.png) no-repeat;width:119px;height:152px;float:right;position:relative;bottom:158px;display:block;}

/*---------------------------------------/
rounded boxes
/*--------------------------------------*/
.links,
.calbox,
.mediabox,
.storebox{margin:5px 10px 5px 5px;;padding:7px;background:#F8D77B;border:1px solid #C5AD73;-moz-border-radius-bottomleft:5px;/* Create rounded border in firefox */
-moz-border-radius-bottomright:5px;/* Create rounded border in firefox */
-moz-border-radius-topleft:5px;/* Create rounded border in firefox */
-moz-border-radius-topright:5px;/* Create rounded border in firefox */
-webkit-border-top-left-radius:5px;/* Create rounded border in safari */
-webkit-border-top-right-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-left-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-right-radius:5px;/* Create rounded border in safari */
display:block;
}

.links a,
.calbox a,
.mediabox a,
.storebox a{text-decoration:none;color:#222;font-weight: normal;}
.mediabox{font-size:24px;text-decoration:none;color:#222;}
.mediabox:hover{background:#592C21;color:#FFF;font-size:24px;}
.calbox,
.mediabox{text-align:center;}
.storebox h4 a,
.storebox h4 a:hover{
font-size: 16px;
font-weight: bold;
}
.storebox span a {
font-weight: normal;
}
.storebox:hover,
.storebox:hover a {
background:#592C21;color:#FFF;
}
/*---------------------------------------/
footer
/*--------------------------------------*/
#footer{background:url(images/footer_bg.png) no-repeat;height:100px;margin:0 auto 15px auto;border:0;border-top:1px solid #C5AD73;padding-top:5px;}
#footer a{text-decoration:none;}
#footer .left{text-align:left;float:left;padding:7px 0px 0px 15px;}
#footer .right{float:right;text-align:right;width:160px;}
#footer ul{list-style-image:none;list-style-type:none;padding:0;}
#footer li{float:left;padding-right:8px;}
hr{border:0;border-top:1px solid #C5AD73;}
/*---------------------------------------/
search
/*--------------------------------------*/
#search{padding:0 5px 15px 5px;}
#search #s{background:url(images/searchbg.png);border:0 none;color:#222;float:left;font-size:14px;height:23px;padding:7px 0 0 30px;width:135px;}
#search #searchsubmit{background:url(images/searchbtn.png);border:0 none;color:#222;float:left;font-size:14px;height:30px;width:55px;color:#FFF;left:-6px;position:relative;}
/*---------------------------------------/
discography
/*--------------------------------------*/
.utgivelser img{border:3px solid #A1521F;-moz-border-radius-bottomleft:5px;/* Create rounded border in firefox */
-moz-border-radius-bottomright:5px;/* Create rounded border in firefox */
-moz-border-radius-topleft:5px;/* Create rounded border in firefox */
-moz-border-radius-topright:5px;/* Create rounded border in firefox */
-webkit-border-top-left-radius:5px;/* Create rounded border in safari */
-webkit-border-top-right-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-left-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-right-radius:5px;/* Create rounded border in safari */
z-index:1;}

.biography p{
padding: 10px 0px;

}
/*---------------------------------------/
wordpress
/*--------------------------------------*/
.imageCaption{
font-style: italic;
font-size: 11px;
}
/***** calendar *****/
#wp-calendar{empty-cells:show;margin:10px auto 0;width:210px;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar a{display:block;}
#wp-calendar caption{text-align:center;width:100%;font-family:'rockwell',Verdana,Arial,Sans-Serif;font-size:15px;}
#wp-calendar td{padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover{/* Doesn't work in IE */
background-color:transparent;}
/***** misc tags *****/
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite{margin:5px 0 0;display:block;}
.history{margin:20px 0px;font-size:15px;}
/***** float *****/
.alignright{float:right;}
.alignleft{float:left;}
/*---------------------------------------/
form 
/*--------------------------------------*/
select{background:#FFE48E;border:1px solid #C5AD73;padding:3px;}
/***** comments *****/
.commentlist{padding:5px 10px;}
.commentheader{padding:0.5em 0 0.25em;}
.floatbox{overflow:hidden;}
.commentheader .avatar{margin:0 15px 0.5em 0.5em;}
.commentheader img{float:left;}
.commentheader h3{margin:0;padding:0.5em 0.5em 0.25em;float:left;}
.commentmeta{font-size:12px;margin-bottom:0;padding-top:20px;float:right;}
.commenttext{border:1px solid #C5AD73;padding:3px 10px;background:#DEC682;-moz-border-radius-bottomleft:5px;/* Create rounded border in firefox */
-moz-border-radius-bottomright:5px;/* Create rounded border in firefox */
-moz-border-radius-topleft:5px;/* Create rounded border in firefox */
-moz-border-radius-topright:5px;/* Create rounded border in firefox */
-webkit-border-top-left-radius:5px;/* Create rounded border in safari */
-webkit-border-top-right-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-left-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-right-radius:5px;/* Create rounded border in safari */}
/***** input *****/
label{width:200px;}
label small{font-size:15px;}
input,textarea{border:1px solid #C5AD73;background:#DEC682;font-family:'rockwell',Verdana,Arial,Sans-Serif;font-size:15px;width:100%;padding:2px;-moz-border-radius-bottomleft:5px;/* Create rounded border in firefox */
-moz-border-radius-bottomright:5px;/* Create rounded border in firefox */
-moz-border-radius-topleft:5px;/* Create rounded border in firefox */
-moz-border-radius-topright:5px;/* Create rounded border in firefox */
-webkit-border-top-left-radius:5px;/* Create rounded border in safari */
-webkit-border-top-right-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-left-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-right-radius:5px;/* Create rounded border in safari */}
#commentform{}
#commentform label.error{font-size:11px;margin-left:200px;background:#fbfcda url(images/cancel.png) no-repeat left;border:1px solid #dbdbd3;width:209px;;margin-top:4px;padding-left:20px;}
#commentform p{clear:both;padding:3px;}
/***** misc *****/
.center{text-align:center; margin:0 auto;}
.cleared{clear:both;}
.hidden{display:none;}
.rockwell{font-family:'rockwell',Verdana,Arial,Sans-Serif;font-size:15px;color:#A1521F;}
.rockwell h1{font-size:25px;}
.small,
.small a{font-size:10px;font-family:Arial,Verdana,sans-serif;padding:2px;font-weight: normal;}
/***** tooltip *****/
#tooltip{position:absolute;display:none;color:#FFF;font-size:14px;padding:7px 7px 7px 27px;z-index:500;background:#222 url(images/plus.png) no-repeat;-moz-border-radius-bottomleft:5px;/* Create rounded border in firefox */
-moz-border-radius-bottomright:5px;/* Create rounded border in firefox */
-moz-border-radius-topleft:5px;/* Create rounded border in firefox */
-moz-border-radius-topright:5px;/* Create rounded border in firefox */
-webkit-border-top-left-radius:5px;/* Create rounded border in safari */
-webkit-border-top-right-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-left-radius:5px;/* Create rounded border in safari */
-webkit-border-bottom-right-radius:5px;/* Create rounded border in safari */}
/*---------------------------------------/
project 
/*--------------------------------------*/
#project{margin:0;padding:0;height:30px;background:#222;}
#project .menu,
#project .menu a{padding-top:3px;color:#FFF;font-size:15px;}
#project .menu .left{float:left;padding-left:20px;}
#project .menu .right{float:right;padding-right:20px;}
.ie6 a{background:transparent url(images/background_browser.gif) no-repeat scroll left top;display:block;margin:0px 10px;padding:0px;float:left;width:120px;height:122px;text-align:center;font-family:'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;font-size:10px;color:#4F4F4F;text-decoration:none;}