/*

Theme Name: Volumfestivalen 2010
Theme URI: http://oidesign.no
Description: Theme laget av oidesign.no
Version: 1.0
Author: Simen Granerud
Author URI: http://oidesign.no/
Tags: 


*/



@import url("reset.css");



/*

	Basic Layout

############################################################ */

em { font-style: italic;}

.hide { display: none;}


body {
	background: url("imgs/bg.jpg") top center repeat-y;
	
	font: normal 13px/18px Arial, Verdana, Helvetica, sans-serif;
		
	color: #FFF; /* #EFE8DB */ 
	
	overflow-x: hidden;
}

#wrap {
	padding-top: 20px; /* For jquery scrollen */
	width: 960px;
	min-height: 500px;
	position: relative;
	margin: 0 auto;
}

#header {
	height: 698px;
	position: relative;
	margin: 0 auto;
	display: block;
	background: url("imgs/header.jpg") center top repeat-x;
	text-align: center;
}

#footer {
	height: 190px;
	padding-top: 50px;
	margin-top: 20px;
	background: url("imgs/footer.jpg") center top;
	text-align: center;
}

#footer img {margin-right: 20px; height: 50px !important; width: auto; margin-bottom: 20px;}

#footer p { margin-top: 15px;}

#footer p a { color: #FFF;}

#header #pilwrap {
	width: 960px;
	position: relative;
	margin: 0 auto;
	height: 698px;		
	padding-top: 500px;
}

#header #pil {
	display: none;	
	position: absolute;
	height: 122px;
	width: 88px;
	background: url("imgs/pil.png");
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/pil.png', sizingMethod='fixed');
	text-indent: -99999px;
	
	margin-left: 440px;	
}

#header #pil:hover { cursor: pointer;}




a { color: #483057;}








/*

	Headerlinks

############################################################ */

.headerlinks {
	position: absolute;
	display: block;
	text-indent: -9999px;
	height: 50px;
	width: 100px;
}

#pilwrap #top_musikk {
	top: 340px;
	left: 355px;
}

#pilwrap #top_litteratur {
	top: 390px;
	right: 230px;
}

#pilwrap #top_filmogscene {
	top: 243px;
	left: 265px;
}

#pilwrap #top_kunst {
	top: 270px;
	right: 210px;
}

#pilwrap #top_lavtvolum {
	top: 400px;
	left: 205px;
}

#pilwrap #top_seminar {
	top: 320px;
	right: 70px;
}













/*

	Navigation

############################################################ */



#nav {
	width: 175px;
	padding-top: 20px;
	float: left;
	display: inline;
	background: url("imgs/nav.jpg") no-repeat;
	margin-left: 20px;
	margin-top: -20px;
}

#nav ul li a {
	width: 166px;
	height: 34px;
	padding-top: 10px;
	text-align: center;
	font-size: 16px;
	display: inline;
	float: left;
	clear: both;
	
	color: #FFF;
	text-decoration: none;
	text-indent: -99999px;
}

#nav ul li a:hover,
#nav ul li #active { color: #98DC92; cursor: pointer;}



#nav #nyheter a { height: ;}
#nav #deltakere a { height: 52px;}
#nav #program a { height:  32px;}
#nav #info a { height: 27px;}
#nav #omvolum a { height: 46px;}
#nav #festivalcamp a { height: 46px;}
#nav #lavtvolum a { }






/* plakater under navigasjonen */
#nav img {
	margin-top: 20px;
}






/*

	#rightcontent

############################################################ */

#rightcontent {
	width: 226px;
	float: right;
	display: inline;
	margin-right: 20px;
}



#kjopbillett {
	display: inline;
	float: left;
	width: 226px;
	height: 194px;
	background: url("imgs/kjop_billett.jpg");
	text-indent: -99999px;
	margin-bottom: 40px;
}

#booket { margin-bottom: 20px;}

#facebook {margin-bottom: 40px; margin-top: 20px;}


.rightstroke { height: 7px; width: 226px; display: inline; float: left; margin: 20px 0; text-indent: -99999px; background: url("imgs/right_stroke.jpg");}







/*

	twitter oversikt

############################################################ */


.widgettitle {display: none;}

.widget_twitter_hash_tag {
	list-style: none;
	margin: 0; padding: 0;
	
	margin-top: 40px;
}

.widget_twitter_hash_tag img {
	float: left;
	margin-right: 10px;
}

.widget_twitter_hash_tag li {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.widget_twitter_hash_tag li a {
	font-weight: bold;
}









/*

	Content

############################################################ */

#content {
	width: 482px;
	margin-left: 20px;
	float: left;
	padding-bottom: 50px;
}

.article {
	margin-bottom: 50px;
	padding-bottom: 10px;
	background: url("imgs/center_stroke.jpg") repeat-x bottom left;
}







.details {
	width: 100%;
	height: 25px;
	padding-top: 2px;
	clear: both;
	
	font-size: 12px;
	color: #FFF;
}

.details .comments {
	float: right;
}

.details .comments a,
.details .date a,
.details .breadcrumb a { color: #FFF; text-decoration: none;}










h1 a,
.en_side h1 {
	font-size: 28px;
	color: #FFF;
	width: 100%;
	background: url("imgs/center_stroke.jpg") repeat-x bottom left;
	padding-bottom: 15px;
	clear: both;
	display: block;
	line-height: 1.3;

	text-decoration: none;
}

.en_side h1 { margin-bottom: 10px;}


h1.cat_header {
	font-size: 36px;
	color: #FFF;
	width: 100%;
	background: url("imgs/center_stroke.jpg") repeat-x bottom left;
	padding-bottom: 15px;
	padding-top: 20px;
	margin-bottom: 30px;
	clear: both;
	display: block;
	position: relative;
}

h1.cat_header a {
	height: 20px;
	width: 35px;
	float: right;
	display: inline;
	text-indent: -9999px;
	background: url("imgs/pil_opp.png");
	
	position: absolute;
	right: 0;
}

.page-id-148 h1.cat_header,
.page-id-51 h1.cat_header {
	margin-bottom: 10px;
} 

/* fjerner tittel på infosiden */
.page-id-148 .en_side h1 { display: none;}
.page-id-148 .en_side .entry h1 { display: block;}



#underkategorier { background: url("imgs/center_stroke.jpg") bottom left no-repeat; clear: both; float: left; padding-bottom: 20px; width: 485px;}

#underkategorier a {
	display: inline;
	float: left;
	height: 41px;
	width: 90px;
	text-indent: -99999px;
	margin-right: 20px;
}

.page-id-51 #underkategorier a { margin-right: 0;}

#underkategorier #musikkbtn { background: url("imgs/musikk.png");}
#underkategorier #litteraturbtn { background: url("imgs/litteratur.png"); width: 88px; height: 40px;}
#underkategorier #filmogscenebtn { background: url("imgs/filmogscene.png"); width: 116px; height: 47px;}
#underkategorier #kunstbtn { background: url("imgs/kunst.png"); width: 99px; height: 46px;}
#underkategorier #lavtvolumbtn { background: url("imgs/lavtvolum_btn.png");}


#underkategorier #festivalbyenbtn { background: url("imgs/festivalbyen.png"); width: 112px; height: 42px;}
#underkategorier #historikkbtn { background: url("imgs/historikk.png"); width: 112px; height: 39px;}
#underkategorier #volumscenerbtn { background: url("imgs/volumscener.png"); width: 115px; height: 39px;}
#underkategorier #kontaktbtn { background: url("imgs/kontakt.png"); width: 88px; height: 42px;}

#underkategorier #festivalbyenbtn,
#underkategorier #historikkbtn,
#underkategorier #volumscenerbtn,
#underkategorier #kontaktbtn
{ margin-right: 13px;}






h1 a:hover,
#content a:hover { color: #483057;}





.article .wp-post-image,
.entry .wp-post-image  {
	width: 462px !important;
	height: auto;
	border: 10px solid #c1d0ce;
}

.entry .articleimage {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url("imgs/center_stroke.jpg") repeat-x bottom left;
}


#content #uttrag {
	width: 147px;
	float: left;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
	
	background: url("imgs/center_stroke.jpg") repeat-x bottom right;
}

#articlebody {
	width: 325px;
	float: right;
}

#articlebody object,
#articlebody object embed { width: 325px !important;}

.row .audioplayer_container object,
.col1 .audioplayer_container object,
.col2 .audioplayer_container object { width: 231px !important;}





.post-edit-link {
	color: #278AE6;
}


.en_side p,
.entry p {
	margin-bottom: 20px;
}


.entry .audioplayer_container { margin: 10px 0 10px 0;}

.entry ul li {
	margin-left: 30px;
	list-style: disc outside;
	margin-bottom: 10px;
}

.entry ul {
	margin-bottom: 30px;
}



#content h2 { font-weight: bold; font-size: 20px; margin-bottom: 10px;}
#content h3 { font-weight: bold; font-size: 14px;}
strong { font-weight: bold;}

#content p a { color: #483057;}
#content p a:hover { color: #EC759B;}

















.image {
	position: relative;
	text-decoration: none;
}

.image div {
	position: absolute;
   	bottom: 28px;
   	left: 20px;
   	width: 221px;

	_display: none; /* fuck you IE6 */
}

.image div p {
	color: white;
   	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
 	background: url("imgs/desc_bg.png") repeat;
   	padding: 10px;
}

a.lesmer {
	position: absolute;
		bottom: 28px;
	   	right: 20px;
	display: block;
	height: 44px;
	width: 68px;
	text-indent: -99999px;
	background: url("imgs/lesmer.png");
}




.noimagedesc {
	padding: 10px 0;
}





/*

	Article

############################################################ */




/*
.page-template-deltakere-php .article,
.category .article {
	background: 0;
	padding-bottom: 0;
}*/



.col1, .col2 {
	width: 231px;
	display: inline;
	padding-bottom: 0;
	background: 0;
}

#deltakerewrap .col1 img, #deltakerewrap .col2 img,
.category-litteratur .col1 img,
.category-litteratur .col2 img {
	width: 211px !important;
}

.col1 { float: left;}
.col2 { float: right;}

.row {
	clear: both;
}

.col1 h1 a,
.col2 h1 a { background: 0; padding-bottom: 0;}


h1.artistheader a {
	font-size: 22px;
}






/*

	Kommentarer

############################################################ */

#kommentarer {
	float: left;
	clear: both;
	margin-top: 40px;
	
	background: url("imgs/center_stroke.jpg") repeat-x top left;
	padding-top: 15px;
	
	width: 100%;
}


#kommentarer ol li {
	clear: both;
	float: left;
	padding: 10px 0 30px 0;
	background: url("imgs/center_stroke.jpg") repeat-x bottom left;
}

h1#comments {
	font-size:16px;
	color: #FFF;
	width: 482px;
	background: url("imgs/center_stroke.jpg") repeat-x bottom left;
	padding-bottom: 18px;
	clear: both;
	display: block;	
	line-height: 1.2;
}

.comment-author a {
	color: #483057;
}

.dateandtime {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;	
}

.comment-meta {
	width: 147px;
	float: left;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.comment_text {
	width: 315px;
	float: left;
	margin-left: 10px;
}







#respond {
	margin-top: 40px;
	clear: both;
	float: left;
}

#respond h1 {margin-bottom: 10px;}

textarea,
input {
	padding: 7px;
	background: #BACDCB;
	border: 0;
	color: #333;
}

#respond input {width: 135px;}

.wpcf7-form { font-weight: bold; margin-top: 40px;}

label {font-weight: bold;}

#respond input {
	clear: both;
	display: block;
}


#commentformleft {
	float: left;
	width: 150px;
}

#commentformright {
	width: 320px;
	margin-left: 10px;
	float: left;
}

#commentformright textarea {
	height: 72px;
}



#respond #submit {
	width: 149px;
	height: 50px;
	border: 0;
	background: url("imgs/del_kommentar.png") top left;
	
	text-indent: -99999px;
	
	float: right;
	
	margin-top: 20px;
}

#respond p { margin-bottom: 10px;}

#respond #comment_post_ID,
#respond #comment_parent { display: none;}

#respond #submit:hover { cursor: pointer;}













/* Paginering */


.alignleft a,
.alignright a {
	display: inline;
	float: left;
	height: 50px;
	width: 155px;
	background: url("imgs/tidligere_nyheter.jpg");
	text-indent: -99999px;
}

.alignright a { background: url("imgs/nyere_nyheter.jpg"); float: right;}