/*

Site design & kode by We Make
www.wemake.no

*/

/*	CSS RESET ----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var 
{font-style:normal; font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}*{outline: none;}
	
	
/*	BASIC ----------*/

@font-face {
	font-family: 'Delicious Heavy';
	src: url('/assets/fonts/delicious-heavy-webfont.eot');
	src: local('Delicious Heavy'), url('/assets/fonts/delicious-heavy-webfont.woff') format('woff'), url('/assets/fonts/delicious-heavy-webfont.ttf') format('truetype'), url('/assets/fonts/delicious-heavy-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {background: #075b9c url('http://www.verdensbestefestival.no/assets/images/bg-tile.jpg') repeat-x;color: #fafafa;font-family: 'Lucida Grande', Arial, sans-serif;font-size: 12px;letter-spacing:.03em;}
h1 {font-family: 'Delicious Heavy', Helvetica, Arial, sans-serif;font-size: 30px;text-transform: uppercase;text-shadow: 1px 1px 2px #075b9c;margin-bottom: 8px;}
h2 {font-family: 'Delicious Heavy', Helvetica, Arial, sans-serif;font-size: 14px;text-transform: uppercase;padding-bottom: 0.5em;}
h3 {font-family: 'Delicious Heavy', Helvetica, Arial, sans-serif;font-size: 20px;text-transform: uppercase;padding-bottom: 0.5em; text-shadow: 1px 1px 2px #075b9c; margin:10px 0 0 0; padding:0;}
a {color: #fafafa;}

/*	CLASSES ----------*/

.content {width: 960px;height: auto;margin: 0 auto;padding: 0 10px 20px 10px;}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}


/*	HEADER ----------*/

div#header {background: url('http://www.verdensbestefestival.no/assets/images/bg-header-4.jpg') no-repeat top center;height: 330px;}
a#logo{display:block;height: 200px;width:450px;float: left;text-indent: -9999px;}
a#kystverket{display:block;height:50px;width:120px;float:left;text-indent:-9999px;clear:both;}
ul#navbar {display: block;font-family: 'Delicious Heavy', sans-serif;font-size: 15px;text-transform: uppercase;background: #fafafa;height: 20px;width: auto;padding: 10px 15px 10px 20px;float: right;-moz-border-radius-bottomleft: 40px;-moz-border-radius-bottomright: 50px;-webkit-border-bottom-left-radius: 40px;-webkit-border-bottom-right-radius: 50px;}
ul#navbar li{display: inline;padding-right: 7px;}
ul#navbar a {color: #7fc8ee;text-decoration: none;padding-bottom: 0px;}
ul#navbar a:hover {color: #3b9ee3;border-bottom: 2px solid;padding-bottom: 0px;}
ul#navbar a:active{padding: 1px 0 1px 0;}

/*	STANDARD ----------*/

div#standard-header {background: url('http://www.verdensbestefestival.no/assets/images/bg-waves-1-3b9ee3.png') top left;height: 50px;position: relative;top: 260px;}
div#standard {background: #3b9ee3 url('http://www.verdensbestefestival.no/assets/images/bg-pattern-1.png');height: auto;}


/*	NEWS & SOCIAL ----------*/

div#newsandsocial-header {background: url('http://www.verdensbestefestival.no/assets/images/bg-waves-1-3b9ee3.png') top left;height: 50px;position: relative;top: 260px;}
div#newsandsocial {background: #3b9ee3 url('http://www.verdensbestefestival.no/assets/images/bg-pattern-1.png');height: auto;}
div#news { width: 660px;float: left;}
div#news ul li {float: left;margin-right: 10px;}
div#news ul li a.news-readmore {width: 50px;display: block;padding:6px 5px 6px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;font-family:'Delicious Heavy', sans-serif;font-size:12px;text-transform:uppercase;color:#fff;background: #4a99d5;text-decoration:none;text-align:center;float:right;text-shadow:1px 1px 2px #0b68b1;}
div#news ul li a.news-readmore:hover{background:#3084cb;}
div#news ul li a.news-readmore:active{text-shadow:-1px -1px 0px #404040;}
div#news1{background: url('http://www.verdensbestefestival.no/assets/images/news-bg-1.png') no-repeat;width: 187px;height: 157px;margin-top: -100px;position: relative;padding: 120px 10px 0 10px;color: #404040;}
div#news2{background: url('http://www.verdensbestefestival.no/assets/images/news-bg-2.png') no-repeat;width: 187px;height: 157px;margin-top: -100px;position: relative;padding: 120px 10px 0 10px;color: #404040;}
div#news3{background: url('http://www.verdensbestefestival.no/assets/images/news-bg-3.png') no-repeat;width: 187px;height: 157px;margin-top: -100px;position: relative;padding: 120px 10px 0 10px;color: #404040;}
div#newsandsocial img {position: relative;top: 8px;left: 10px;}
div#social {width: 245px;float: right;background: url('http://www.verdensbestefestival.no/assets/images/twitter-bird.png') no-repeat top right;}
ul#twitter li{width: 211px;font-size: 10px;} 
ul#twitter a{color: #f9f9f9;text-shadow: 1px 1px 2px #0e4b7b;}
ul#twitter a:hover, ul#twitter a:active{color: #f9f9f9;text-shadow: 1px 1px 1px #202020;}
ul#twitter li div.twitter-bg-top{height:20px; width:245px;background:url('http://www.verdensbestefestival.no/assets/images/tweet-bg-top.png') no-repeat;}
ul#twitter li div.twitter-bg-tile{padding:0 15px 0 10px;min-height:20px;height:auto; width:220px;background:url('http://www.verdensbestefestival.no/assets/images/tweet-bg-tile.png') repeat-y;}
ul#twitter li div.twitter-bg-bottom{height:19px; width:245px;background:url('http://www.verdensbestefestival.no/assets/images/tweet-bg-bottom.png') no-repeat;}

div#news h2{height:30px;}
div#news div.ingress{display:block; height:70px;}


/*	ARTISTS ----------*/

div#artists-header {background: url('http://www.verdensbestefestival.no/assets/images/bg-waves-2-3084cb.png') top right;height: 50px;}
div#artists {background: #3084cb url('http://www.verdensbestefestival.no/assets/images/bg-pattern-1.png') right;}
div#artists ul {width: 960px;}
div#artists ul li{line-height: 34px;display: inline;font-family:'Delicious Heavy', sans-serif;font-size:24px;margin-right:22px;white-space: nowrap;text-transform:uppercase;text-align:justify;}
div#artists ul li a{color: #fafafa;text-decoration: none;padding-top:2px;text-shadow: 1px 1px 2px #075B9C;}
div#artists ul li a:hover{border-bottom: 2px solid;}
div#artists ul li a:active{margin-top:12px;}
div#artists ul li a.active-artist{background: #fafafa;color: #3b9ee3;}

div#artist-picture {width: 550px;float: left;}
div#artist-picture div#artist-picture-top {width: 500px;padding:25px 25px 0 25px;background: url('http://www.verdensbestefestival.no/assets/images/artist-picture-top.png') no-repeat;float: left;}
div#artist-picture div#artist-picture-tile {width: 500px;padding:0 25px;background: url('http://www.verdensbestefestival.no/assets/images/artist-picture-tile.png') repeat-y;float: left;}
div#artist-picture div#artist-picture-bottom {width: 500px;padding:25px 25px 0 25px;background: url('http://www.verdensbestefestival.no/assets/images/artist-picture-bottom.png') no-repeat;float: left;}
div#artist-info {width: 314px;height: 260px;padding: 20px;float: right;background: url('http://www.verdensbestefestival.no/assets/images/artists-info-bg.png') no-repeat;color: #404040;}
div#artist-info td {height: 42px;}
div#artist-info td.text {padding-left: 8px;}
div#artist-info a{color:#555; font-size:16px; text-decoration:none; font-family:'Delicious Heavy', sans-serif;}
div#artist-info a:hover{border-bottom: 2px solid; padding-bottom:2px;}
div#artist-info a:active{padding-bottom:3px;}
div#artist-bio{font-size: 14px;padding: 20px 0;}
div#artist-bio p{line-height: 1.5em;}
div#artist-info h1 {color:#3b9ee3;text-shadow:1px 1px 1px #202020;}

div#artists div.content ul li .Normal{
	font-size: 20px;
}
div#artists div.content ul li .Stor{
	font-size: 26px;
}
div#artists div.content ul li .Headliner{
	font-size: 32px;
}

div#facebook-like{margin-top:20px;}

/*	OM ----------*/

div#about {font-size:12px; width:500px; float:left;}
div#about p{padding:5px 0;}
div#about-slider{width:400px; margin-top:50px; float:right; border:15px solid #FAFAFA;-moz-border-radius: 15px;-webkit-border-radius: 15px;}

/*	FRIVILLIG ----------*/

div#frivillig-info {width: 536px; float:left;}
div#frivillig-info div#frivillig-slider { height:250px;border:15px solid #FAFAFA;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
div#frivillig-info div#frivillig-tekst { margin-top:20px; min-height:300px; font-size:12px;}
div#frivillig-info div#frivillig-tekst h2 {font-size:24px; color:#FAFAFA; text-shadow: 1px 1px 2px #075b9c; padding: 0; margin-top: 10px;}
div#frivillig-info div#frivillig-tekst p {padding:5px 0;}

div#frivillig-regskjema h2 {font-size:24px; color:#FAFAFA; text-shadow: 1px 1px 2px #075b9c; padding: 0; margin:0;}
div#frivillig-regskjema {width: 400px; float:right;}
div#frivillig-regskjema table tr td {padding:3px 0;}
div#frivillig-regskjema table td label{background:url('http://www.verdensbestefestival.no/assets/images/form-label-bg.png') no-repeat; color:#202020; display:block; height:29px; width:130px; font-size:12px; padding:15px 0 0 8px;}
div#frivillig-regskjema table td input[type="text"]{
	padding:6px 0 6px 14px;
	height: 32px;
	border:0;
	width: 243px;
	font-size:14px;
	background: url('http://www.verdensbestefestival.no/assets/images/form-input-bg.png') no-repeat top left;
}

div#frivillig-regskjema table td input[type="text"].regskjema-label-success{ background: url('http://www.verdensbestefestival.no/assets/images/form-input-bg-valid.png') no-repeat top left; }
div#frivillig-regskjema table td input[type="text"].regskjema-label-error{ background: url('http://www.verdensbestefestival.no/assets/images/form-input-bg-error.png') no-repeat top left; }

div#frivillig-regskjema table td select{
	height:44px;
	background:#EEE;
	border: 0;
	border-top:2px solid #FAFAFA;
	border-bottom:2px solid #FAFAFA;
	width:257px;
	font-size:14px;
	padding:12px 0 0 10px;
}
div#frivillig-regskjema table td select.dato{width:83px;}
div#frivillig-regskjema table td input[type="text"]:focus{
	background: url('http://www.verdensbestefestival.no/assets/images/form-input-bg.png') no-repeat bottom left;
}
div#frivillig-regskjema input[type="submit"]{
	margin-top:20px;
	font-size: 14px;
	height:45px;
	width:400px;
}



/*	NYHETER ----------*/

div#nyheter {width:550px;float:left;}
div#nyheter h1{margin-bottom:0;}
div#nyheter span.nyhet-dato{margin-bottom:12px; display:block;}
div#nyheter p{ padding:5px 0; font-size:12px;}
div#nyheter div.nyhet-picture-frame{
	width:250px;
	margin: 10px 0 15px 15px;
	float:right;
	background: #fafafa;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 15px;
}
div#nyheter div.nyhet-picture-frame img{float:left;}
div#nyheter span.nyhets-ingress{font-weight:bold;}

div#nyheter p.fb-share{
	margin-top:20px;
	width:245px;
	height:118px;
	background:url('http://www.verdensbestefestival.no/assets/images/bg-del.png') no-repeat;
}

div#nyheter p.fb-share span#facebook{
	position:relative;
	top:40px;
	left:30px;
}

div#nyheter p.fb-share span#twitter{
	position:relative;
	top:48px;
	left:50px;
}


div#nyheter a#play, div#nyheter a#pause, div#nyheter a#stop{
	padding:  5px 10px;
	background: #FAFAFA;
	color: #111;
	margin-right: 5px;
	display: block;
	min-width: 50px;
	float: left;
}


div#nyhets-arkiv {width:340px; float:right; padding-top:4px;}
div#nyhets-arkiv ul li {margin-bottom:5px;}
div#nyhets-arkiv ul li a {color:#fafafa; font-size:12px; text-decoration:none;}
div#nyhets-arkiv ul li a:hover {color:#fafafa; border-bottom: 1px solid;}
div#nyhets-arkiv ul li a:active {color:#fafafa; font-size:12px; padding-bottom:1px; text-decoration:none;}


/*	PARTNERS ----------*/
	
div#partners-header {background: url('http://www.verdensbestefestival.no/assets/images/bg-waves-3-0b68b1.png') top left;height: 50px;}
div#partners {background: #0b68b1 url('http://www.verdensbestefestival.no/assets/images/bg-pattern-1.png');}
div#partners ul{height: 220px;}
div#partners ul li{display: inline;margin-right: 20px;}


/*	FOOTER ----------*/

div#footer-header {background: url('http://www.verdensbestefestival.no/assets/images/bg-waves-4-075b9c.png') top left;height: 50px;}
div#footer {background: #075b9c url('http://www.verdensbestefestival.no/assets/images/bg-pattern-1.png');height: auto;}

div#map{ width:450px; float:left;}
div#footer-right {width: 450px; float:right;}

div#copyright{padding: 40px 0 20px 0;font-family: 'Delicious Heavy', sans-serif;font-size: 16px;text-transform: uppercase;}





/* KONTAKT ---------*/
div#contact-map{width:400px; float:right;}




div#faq p{
	padding: 5px 0;
}














