/*
	CSS for Festivalguiden.no
	Author: Michael Odden <contact@michaelodden.com>
	Based on: design by Rude - http://www.rude.no/
	Last-modified: 2010-01-03
	
	
	Common colors:
		gray: #686868
		brightgray: #969696 and #e3e3e3
		red:  #c1151b
		brightred: #efc4c6
*/

body { background: white url(../img/layout/bg_gradient.png) left 120px repeat-x; margin-top: 10px; }
#header h1 { display: none; }
h3 { color: black; font-size: 12px; margin: 0; }
.nv { display: none; }

/* General rules based on design */
* { font-family: "Lucida Grande", arial; }
a { text-decoration: none; color: #c1151b;  }
a:hover {}
a:active {}

/* Head part */
#head_container { height: 85px;  } /* -150 pga header-annonser */ 
#ads_header { background: #fff; height: 150px; margin-bottom: 10px; display: none;  }
	.ad_left { float: left; }
	.ad_right { float: right; }

ul.nav_global { height: 14px; width: 400px !important; float: right; white-space: nowrap; }
	.nav_global, .nav_global li { list-style: none; margin: 0; padding: 0;}
	.nav_global li { float: right; margin-left: 5px; padding-left: 5px; border-left: 2px solid #969696; line-height: 10px;}
	.nav_global li.last-child { border-left: none; }

form.site_search { position: absolute; top: 2.5em; right: 0; }	
	.site_search input.text { float: left; padding: .6em .3em; margin-right: .4em; }

/* Main navigation */
#nav_main { background: black url(../img/layout/menubar.png) top left repeat-x; height: 35px; clear: both; float: left; width: 100%; margin-bottom: 10px; min-width: 960px; }
	#nav_main ul, #nav_main li { list-style: none; margin: 0; padding: 0;}
	#nav_main ul { position: relative; left: 50%; width: 960px; margin-left: -470px; }
	#nav_main a { display: block; color: white; text-decoration: none; height: 35px; line-height: 35px; padding: 0 15px; }
	#nav_main li.current {  }
	#nav_main li.current a { position: relative; color: #c1151b; background: url(../img/layout/nav/tab_active_left.png) no-repeat -3px top; padding-top: 3px; }
	#nav_main li.current a:after { content: url(../img/layout/nav/tab_active_right.png); position: absolute; display: block; right:4px; top: 0; height: 35px; width: 6px; }
	#nav_main li { float: left; background: url(../img/layout/menudivider.png) top right no-repeat; height: 35px; line-height: 35px; padding: 0 10px;}

/* Content */	
#content_container { background: white; }
	
/* Next.. */


/* Modules */
.module { background: white; -moz-border-radius: 10px; margin-bottom: 10px; }
.module h2 { position: relative; margin-bottom: .5em; }
.module h2:before { position: absolute; content: ""; display: block; background: url(../img/layout/rounded/tl_10.png) top left no-repeat; height: 10px; width: 10px; top: 0; left: 0; }
.module h2:after { position: absolute; content: ""; display: block; background: url(../img/layout/rounded/tr_10.png) top right no-repeat; height: 10px; width: 10px; top: 0; right: 0; }
.module h2 { background: red url(../img/layout/col_header_bg.png) top left repeat-x;
	/*	border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;*/
		font-size: 14px; color: white; height: 35px; line-height: 30px; text-indent: .8em; font-weight: normal;
	}
	
#mod_campaign { margin-bottom: 10px;}
#mod_featfestival { margin-bottom: 10px; }
#mod_activefestivals { margin-bottom: 10px; }
#mod_activefestivals ul, #mod_activefestivals li { list-style: none; margin: 0; }
	#mod_activefestivals { margin-top: 0;}
	#mod_activefestivals li { clear: both; padding-bottom: 10px; overflow: hidden /*hack*/; }
	a.mod_readon { float: right; border-bottom: 2px solid #efc4c6; }
	
	.festival-preview { padding-bottom: 10px; overflow: hidden /*hack*/; }
	.festival-preview img.thumb { background: #c1151b; height: 75px; width: 75px; float: left; }
    .festival-preview .content { float: left; width: 20em; margin-left: .5em; }
	.festival-preview p { margin: 0;}
	.festival-preview .duration { font-size: 10px; color: #777; }
	.festival-preview a.readon { margin-top: 1em; float: right; margin-right: 2em; }
	.festival-preview a.readon:hover { text-decoration: underline; }
	.festival-preview h3 { margin: .3em 0 .9em; }
    a.tag { background: #686868; color: #fff; padding: .4em 1em; font-size: 10px; }
	h3 a { color: black; }

	
#mod_news {  }
	#mod_news ul { list-style: none; margin: 10px;}
	 #mod_news li { margin: 0 0 40px; }


	.articles { list-style: none; margin: 0; padding: 0; }
	.articles li.article-preview { margin: 0 0 5px; padding: 0 0 5px; clear: both; background: red; }
	.article-preview { position: relative; }
	.article-preview .date { color: #686868; font-size: 10px; display: block; margin-bottom: 4px; }
	.article-preview a.readon { background: white; text-transform: uppercase; font-size: 10px; border-bottom: 2px solid #efc4c6; float: right; margin-top: .5em; }
	.article-preview .thumb { float: left; margin: 0 5px; }
	.article-preview p { line-height: 1.1; font-size: 10px; margin-bottom: 0;}
	div.article-preview { margin-bottom: 1em; clear: both;}
    
    #festival-details .article-preview { width: 48%; float: left; clear: none; margin-right: 1%; height: 6em; overflow: hidden; }
    #festival-details .article-preview a.readon { position: absolute; bottom: 0; right: 0; }
    #festival-details .article-preview .date { }



/* Footer */
	#semifooter li  { list-style: none; margin: .3em 0;}
	#semifooter .alpha ul, #semifooter .alpha h3 { margin-left: 10px;}

	#footer { border: 1px solid #e3e3e3; border-width: 1px 0; padding: 10px 0; margin-bottom: 10px; }

	#foot_container p { color: #686868; }
	#foot_container .developers { float: right; margin-bottom: .5em;}
	#foot_container .copyright { float: left; margin-top: 1em; color: #686868; }
	
	#foot_container .precon { clear: both; margin: 0 1em; font-size: .9em; line-height: 1.1; text-align: center;}


/* Forms */
input.default { color: #969696; }
form .checkbox input { float: left; margin: 4px 5px; }

form div { width: 100%; clear: both; margin-bottom: 1em; }
form label { float: left; width: 8em; }
.site_search label { float: none; }


/* ADS */
.ad_big { height: 400px; background: #e3e3e3; margin-bottom: 10px; }

/* mod_present-slides */
.mod_present { position: relative; width: 100%;}
.mod_present-slides { list-style: none; margin: 0; padding: 0; position: relative; width: 100%;}
.mod_present-slides li { display: none; margin: 0; padding: 0; color: #fff; }
.mod_present-slides li.current { display: block;}
.mod_present-slides h2 { position: absolute; top: 30px; left: 40px; font-size: 2.4em; max-width: 20em; line-height: 1.1; background: #000; padding: .2em .3em;}
.mod_present-slides div.content { position: absolute; top: 150px; left: 40px; width: 40em; padding: .4em .6em; }
.mod_present-slides p { display: inline; background: #000; padding: .2em .4em; line-height: 1.7;}
.mod_present-slides a.readon { position: absolute; bottom: 30px; left: 40px; color: white; background: #000; padding: .5em 1em; }
	.mod_present-slides a:hover { background: #f00; }
	.mod_present-nav { position: absolute; top: 130px; left: 5px; z-index: 2; width: 30px; }
		.mod_present-next { left: 905px; }

/* Festivals */
.festivals, .festivals li { margin: 0; padding: 0; list-style: none; }
.festivals .festival-preview { float: left; width: 48%;}

#festivals_filter {}
#festivals_filter form { background: #eee; padding: .5em; margin-top: -5px; margin-bottom: 2em; }

#festivals_filter .col { width: 33%; clear: none; float: left; }
#festivals_filter select {width: 90%; font-size: 1.2em;}

#festivals_filter fieldset { width: 50%; float: left;}
#festivals_filter fieldset legend { display: none;}
#festivals_filter fieldset .checkbox { font-size: 1.2em; width: 30em;}
#festivals_filter label { width: 20em; float: none;}

#festival-details ul.festival-assistive { margin:0; padding: 0; list-style: none;}
#festival-details .ad { height: 50px; margin: 10px 0; padding: 0 0 10px; }
#festival-details .ad img { float: left; margin-right: 5px; }
ul.festival-assistive li { margin: 0; padding: 10px 0; border-bottom: 1px dashed #969696; clear: both; }
#festival-details .links a { }
#festival-details .links { }
/* #festival-details .period { width: 100%; text-align: center; font-size: 1.2em; font-weight: bold; color: #636363; margin: 0; padding: 0; }*/ 

#festival-details div.festival-profile { margin-top: .5em;}
#festival-details h1 { font-size: 2em; margin-bottom: .2em;}
#festival-details .info-line { font-family: arial;  background: #e3e3e4; height: 3em; line-height: 4em; margin-bottom: .5em;}
#festival-details .period { font-size: 1.3em; font-weight: bold; color: #636363; position: relative; top: -.8em; }
#festival-details .info-line img { margin: 5px;}
#festival-details .links { float: right; }

#festival-details .ads { margin: 1.5em auto; text-align: center; }

/* Social-links etc for the festival */
.h32 span { width: 32px; height: 32px; background: #e3e3e4 no-repeat top left; float: left; margin-top: 5px; margin-right: 5px; }
.h32:hover span { background-position: -37px 0; }
.facebook span { background-image: url(../img/socials/facebook_32.png); }
.myspace span { background-image: url(../img/socials/myspace_32.png);}
.flickr span { background-image: url(../img/socials/flickr_32.png);}
.homepage span { background-image: url(../img/socials/homepage_32.png);}
.twitter span { background-image: url(../img/socials/twitter_32.png);}

#festival-details ul.gallery-links { margin:0; padding:0; border: none; margin-left: 2em; }
#festival-details .gallery-links li { margin:0; padding:0; border: none;}
#festival-details .gallery-links a {}



/* Festival-oversikt */
.category-view { list-style: none; margin: 0; padding: 0;}
.category-view li { list-style: none; margin: 0; padding: 0;}
.category-view h2 { font-size: 1em; border-bottom: 1px solid black; }
.category-view .category { clear: both; width: 100%;  } 
.category-view .festivals { width: 100%; }
.category-view .festivals li { float: left; clear: none; height: 90px; margin-bottom: 10px; width: 49%; }
.category-view img.thumb { height: 75px; width: 75px; }

.articles-index {}
.articles-index h3 { font-size: 1.2em; border-bottom: 1px solid #e3e3e3;}
.articles-index div { float: left; width: 45%; margin: 10px;}
.articles-index p { margin: 0; }


.article-view {}
.article-view .intro { font-size: 1.2em;  margin-bottom: .6em;}
.article-content {}


/* Egenannonser */
.selfad01 { background: #e3e3e3; padding-top: 20px; height: 380px; position: relative; margin-bottom: 10px; }
.selfad01 p.title { font-size: 72px; font-weight: bold; font-family: arial; margin: 0 10px 130px; line-height: 1; color: #000; }
.selfad01 p { margin-left: 20px; color: #454545; line-height: 1.2; }
.selfad01 .nb { position: absolute;  color: #909090; margin-top: -35px; margin-left: 0; }


/* Guider */
.guides { margin: 0; padding: 0;}
.guides li { }
.guides .thumb { float: left; margin: 0 5px 5px; }
.guides a.readon { float: right; border-bottom: 2px solid #efc4c6; margin-right: 1em; }
.guides .module { margin-bottom: 20px; }
.guides .soft-sep { border-top: 1px dashed #e3e3e3; height: 10px; width: 100%; visibility: visible; margin: 10px 0; padding: 0; display: block;  }

/* Bilder på forside */
#latest_images {}
#latest_images .images { list-style: none; margin: 0 0 0 10px; padding: 0;}
#latest_images .images .extended { color: #444; }
#latest_images .images .extended:hover { text-decoration: underline; }
#latest_images li { list-style: none; margin: 0; padding: 0; float: left; margin: 5px; }
#latest_images li img { width: 120px; }


/* "Kart" */
.map_country-part { font-size: 1.4em; list-style: none; margin: 0; padding: 0;}
.map_country-part li { margin: 0 0 2px; padding: 0;}
.map_country-part a { color: #fff; background: #c1151b; display: block; padding: .3em .6em; }
.map_country-part a:hover { background: #efc4c6; color: #c1151b; }

.guide-parts { margin-bottom: 1em;}
.guide-parts .map_country-part { margin-left: .5em; }
.guide-parts .map_country-part li { background: white url(../img/layout/landsdel-bg.png) no-repeat top left; width: 144px; height: 57px; margin: 0 5px; }
.guide-parts .map_country-part a { padding: .1em .4em; font-size: 1em; font-weight: bold; background: none; text-align: center; line-height: 50px; height: 57px; }
.guide-parts .map_country-part li.active a { background: url(../img/symbols/arrow_down.png) no-repeat bottom center; }
.guide-parts .map_country-part a:hover { text-decoration: underline; color: white;}

.info-box { background: white url(../img/layout/gradient-line.jpg) repeat-x top left; margin-bottom: .5em; height: 78px;}
.info-box h2 { font-size: 1.2em; font-weight: normal; margin-bottom: 0; margin: 10px 5px 5px; }
.info-box p { margin: 5px;}



/* Leverandører */
.suppliers-unpaid { float: left; clear: both; width: 100%; margin:0; padding: 0; list-style: none; border: 1px solid #ccc; border-width: 1px 0; padding: 1em 0;}
.suppliers-unpaid li { width: 32%; margin: 0 .5%; float: left; list-style: none; font-size: 1.2em; text-indent: 1em; padding: .4em 0;}