/*
Theme Name: Audiatur festival
Theme URI: http://www.audiatur.no
Version: 1.0
Author: Affair
Description: Theme designed by Affair AS for Audiatur, Norway 2013
Author URI: http://www.affair.no
*/



/* standard nullstilling av html-koder */
html, body, div, span, object, iframe, header,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		/*font-style: inherit;*/
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

table 
	{
		border-collapse: separate; border-spacing: 0;
	}
	
caption, th, td
	{
		text-align: left; font-weight: normal;
	}
	
table, td, th 
	{
		vertical-align: middle;
	}




/* fjern anføringstegn (") fra <q>, <blockquote> */
blockquote:before, blockquote:after, q:before, q:after 
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}




/* fjern ramme på lenkede bilder */
a img
	{
		border: none;
	}





/* basic */

body
	{
		background: rgb(51,51,51);
		color: rgb(51,51,51);
		font-family: 'Droid Serif', georgia, serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.4; 
	}

#wrap_white
	{
		background: rgb(255,255,255);
		width: 100%;
	}
	
#wrap_main
	{
		background: rgb(255,255,255);
		margin: 0 auto;
		padding: 33px;
		max-width: 1300px;
	}

header
	{
		border-bottom: 1px solid rgb(51,51,51);
		height: 59px;
	}

header .left
	{
		float: left;
		width: 50%;
	}

header .left #logo
	{
		background: url(img/audiatur-2014-190.png) top left no-repeat;
		display: block;
		height: 100px;
		width: 190px;
	}

header .right
	{
		float: left;
		width: 50%;
	}

nav
	{
		float: left;
		font-size: 13px;
		position: relative;
		width: 50%;
		z-index: 999;
	}

nav ul
	{
/*		border-right: 2px solid rgb(155,0,155);*/
		height: 22px;
		list-style: none;
		padding: 0px 16px 0px 15px;
	}

nav ul li
	{
		border-right: 2px solid rgb(155,0,155);*
		border-left: none;
		height: 20px;
		margin: 0 0 0 0px;
		padding: 2px 0 0 0px;
/*		text-transform: uppercase;*/
/*		width: 100%;*/
	}

nav ul ul
	{
		display: none;
		margin: 0 0 0 0px;
		padding: 0px 16px 15px 0px;
		position: relative;
		width: inherit;
	}

nav ul li:hover ul
	{
/*		background: rgb(255,255,255);*/
/*		border-top: 1px solid rgb(243,243,243);*/
		display: block;
		padding: 93px 0 20px 0;
	}

nav ul ul li
	{
		background: rgb(255,255,255);
		border: none;
		border-bottom: 1px solid rgb(243,243,243);
/*		border-right: 2px solid rgb(155,0,155);*/
		height: auto;
		padding: 5px 15px 5px 15px;
/*		text-transform: none;*/
	}

nav ul ul a
	{
/*		color: rgb(255,255,255);*/
	}

.clear
	{
		clear: both;
	}

.sok
	{
		float: right;
		margin: 0px 0 0 0;
		width: 47%;
	}

.sok label
	{
		display: none;
	}
	
.sok input#s
	{
		background: rgb(243,243,243);
		border-bottom: none;
		border-left: 2px solid rgb(155,0,155);
		border-right: none;
		border-top: none;
		float: left;
		font-family: 'Droid Serif', georgia, serif;
		font-size: 14px;
		height: 22px;
		margin: 0px 0px 0 0px;
/*		outline: none;*/
		padding: 0 0 0 2%;
		width: 98%;
	}

.sok input#searchsubmit
	{
		background: rgb(255,255,255);
		border: 1px solid rgb(155,0,155);
		color: rgb(155,0,155);
		float: right;
/*		font-family: 'Droid Serif', georgia, serif;*/
/*		font-size: 12px;*/
		height: 22px;
		margin: 0 0 0 -5%;
		padding: 0 5px 0 5px;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width: 5%;
	}

.sok input#searchsubmit:hover
	{
		background: rgb(155,0,155);
		color: rgb(255,255,255);
		cursor: pointer;
	}

section
	{
		margin: 60px 0 0 0;
	}



/* introside */

body.intro
	{
		background: rgb(255,255,255);
	}

section.intro
	{
		background: url(img/arrow-right.png) right center no-repeat;
		font-size: 16px;
		margin: 0 auto;
		padding: 0 54px 0 0;
		position: absolute;
		top: 40%;
		width: 412px;
	}

#wrap_intro
	{
		margin: 0 auto;
		padding: 33px;
		width: 478px;
	}

section.intro p
	{
		padding: 0;
	}

section.intro a
	{
		color: rgb(51,51,51);
	}

section.intro a:hover
	{
		color: rgb(155,0,155);
		text-decoration: none;
	}
	
	
	
/* basic typografi */

h1
	{
		font-size: 26px;
		padding: 0 0 18px 0;
	}

h2
	{
		font-size: 16px;
		font-style: italic;
		padding: 0 0 10px 0;
	}

.middle h3 /* første kategoritittel */
	{
		font-size: 18px;
		padding: 0 0 8px 0;
	}

.middle h4 /* følgende kategorititler */
	{
		font-size: 18px;
		padding: 15px 0 8px 0;
	}

section p
	{
		margin: 0;
		padding: 0 0 11px 0;
	}

a
	{
		color: rgb(155,0,155);
		text-decoration: none;
	}

a:hover
	{
		text-decoration: underline;
	}

.middle p
	{
		margin: 0 0 10px 0;
		padding: 0;
	}

.middle p.forfatter
	{
		font-size: 12px;
		font-style: italic;
		margin: -10px 0 10px 0;
		padding: 0 0 0 0;
	}

section .left img
	{
		float: left;
		height: auto;
		margin: 4px 15px 30px 0px;
		max-width: 100%;
}


/* hovedfelt */

section .left
	{
		background: url(img/arrow-top-left.png) right top no-repeat;
/*		border-right: 1px solid rgb(51,51,51);*/
		float: left;
		margin: 0 0 10px 0;
		padding: 0 10% 0 0;
		width: 40%;
	}

section .middle
	{
/*		border-right: 1px solid rgb(51,51,51);*/
		float: left;
		margin: 0 0 10px 0;
		padding: 0 3% 0 3%;
		width: 19%;
	}

section .right
	{
		border-left: 1px solid rgb(51,51,51);
		float: left;
		margin: 0 0 10px 0;
		padding: 0 0 0 2%;
		width: 22%;
	}

section .video, section .utgivelser
	{
		float: right;
		padding: 0 0 0 2%;
		width: 48%;
	}

iframe
	{
		width: 100%;
		height: 384px;
	}

iframe.sabotasje
	{
		height: auto;
		width: auto;
		max-height: 230px;
		margin: 0;
		padding: 0;
	}
	
.vp-player-layout
	{
		margin: 0 !important;
		padding: 0 !important;
		height: 500px !important;
	}

section .left-2020
	{
		background: url(img/arrow-top-left.png) right top no-repeat;
		float: left;
		margin: 0 0 10px 0;
		padding: 0 10% 0 0;
		width: 65%;
	}

section .right-2020
	{
		border-left: 0px solid rgb(51,51,51);
		float: left;
		margin: 0 0 10px 0;
		padding: 0 0 0 3%;
		width: 22%;
	}



/* Film/video og Utgivelser */

.film-liste
	{
		float: left;
		margin: 0 0 0 3%;
		width: 30%;
	}

.film-liste-1
	{
		clear: both;
		float: left;
		margin: 0 0 0 3%;
		width: 30%;
	}

.film-liste img, .film-liste-1 img, .utgivelser-liste img, .utgivelser-liste-1 img
	{
		border: solid 1px rgb(240,240,240);
		height: auto;
		padding: 4px;
		width: 100%;
	}
	
.film-liste p, .film-liste-1 p, .utgivelser-liste p, .utgivelser-liste-1 p
	{
		font-family: arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
	}

.film-liste a, .film-liste-1 a, .utgivelser-liste a, .utgivelser-liste-1 a
	{
		color: rgb(0,0,0);
	}

.utgivelser-liste
	{
		float: left;
		margin: 0 0 0 3%;
		width: 17%;
	}

.utgivelser-liste-1
	{
		clear: both;
		float: left;
		margin: 0 0 0 3%;
		width: 17%;
	}

.utgivelse img
	{
		float: left;
		height: auto;
		margin: 5px 15px 5px 0;
		width: 200px;
	}



/* Søk resultat */

section.search h1
	{
		font-size: 20px;
		margin: 0;
		padding: 0px 0 5px 0;
	}

section.search p
	{
		margin: 0;
		padding: 0 0 25px 0;
	}
	

/* footer */

footer 
	{
		color: rgb(255,255,255);
		width: 100%;
	}

footer .adresse
	{
		display: block;
		margin: 0 auto;
		padding: 33px;
		max-width: 1300px;
	}