/* 
Author: Heroic dots
Website: www.heroicdots.com
*/

/* CSS Reset */ 
html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, cite, code, em, font, img, q, 
small, strike, strong, 
dd, dl, dt, li, ol, ul, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
	 margin: 0; 
	 padding: 0; 
	 border: 0; 
	 font-weight: inherit; 
	 font-style: inherit;
}

body{
	background: #f3e6da url(../siteimages/bodyBack.png)
	repeat-x top;
	color: #24272a;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: medium;
}

/* @group Type */
p{	
	line-height: 1.45em;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 0 12px 0 0;
}

#headerIntro p{
	font-size: 0.97em;
	line-height: 1.4em;
	color: #fff;
}

p.newsDate{
	background: url(../siteimages/newsDoc.png) no-repeat 0 2px;
	font-size: 0.75em;
	color: #505960;
	margin-top: 2px;
	padding: 0 0 0 16px;
	height: 1.5em;
}

p.eventDate{
	background: url(../siteimages/concertEntry.gif) no-repeat 0 2px;
	margin-top: 3px;
	padding: 0 0 0 20px;
	font-size: 0.75em;
	color: #505960;
	height: 1.5em;
}

p.slagord{
	margin-bottom: 2px;
	font-weight: bold;
	color: #3e4349;
}

#error p{
	margin: 0;
	padding: 0;	
}

#copyright p{
	padding: 0;
	color: #fff;
}

#arkiv #content p{
	margin-bottom: 4px;
}

#header h1{
	position: relative;
	top: 50px;
}


h2, h3, h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 8px 0 14px 0;
	font-weight: normal;
	color: #591d0a;
}

#bodyIndex .news h1, #bodyIndex .news h2, #bodyIndex .news h3, #bodyIndex .news h4{
	color: #293e45;
}

#bodyIndex .news h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
}

#bodyIndex .news h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	margin-bottom: 16px;
}

#bodyIndex .news h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	margin-bottom: 16px;
}

#bodyIndex .news h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	margin-bottom: 16px;
}

#content h2{
	font-size: 1.45em;
}

#opptredener #content h2{
	margin-bottom: 12px;
}

#content h3.concertYear{
	color: #591d0a;
	font-style: italic;
}

#content h3{
	font-size: 1.2em;
	color: #293e45;
	margin-bottom: 5px;
}

#content .concertEntry h3{
	margin-bottom: 0;
}

#arkiv #content h3{
	margin: 20px 0 16px 0;
}

#content h4{
	font-size: 1.05em;
	color: #293e45;
}

#bryllup #content h4{
	margin-bottom: 12px;
}

strong{
	font-weight: bold;
}

blockquote{
	font-size: 1.1em;
	font-style: italic;
	color: #6c5a49;
	font-family: Georgia, "Times New Roman", Times, serif;
}

em{
	font-style: italic;
}

.sortPerformances{
	font-size: 0.8em;
}

.sortPerformances span{
	color: #6a6a6a;
	font-size: 0.9em;
}
/* @end */

/* @group Wrapper */

#wrapper{
	width: 48.125em;
	margin: 0 auto;
}

#header{
	background: url(../siteimages/headerPic.jpg) no-repeat top right;
	height: 272px;
}

#headerIntro{
	position: relative;
	top: 88px;
	width: 34em;
}

#contentWrapper{
	background-image: url(../siteimages/contentBack.gif);
	background-position: 20% 0;
	border-left: 1px solid #cbbeb5;
	border-right: 1px solid #e4d5cc;
	height: 100%;
}

#navigation{
	float: left;
	width: 20%;
	padding-bottom: 36px;
}

#content{
	float: right;
	width: 77.8%;
	padding: 0 0 40px 0px;
}

#footer{
	clear: both;
	background: #7fcdd2 url(../siteimages/footerBack.png) repeat-x top;
	height: 5em;
}

#copyright{
	width: 60.125em;
	margin: 0 auto;
	text-align: right;
	padding: 12px  0;
	font-size: 0.8em;
}

/* @end */

/* @group Special sections */
.news{
	width: 36.5em;
	border-bottom: 1px dotted #c0c0c0;
	padding-bottom: 16px;
	margin-bottom: 12px;
}

.concertEntry{
	width: 36.5em;
	border-bottom: 1px dotted #c0c0c0;
	padding-bottom: 16px;
	margin-bottom: 12px;
}

.sortPerformances{
	margin: 0 0 26px 0;
}

.harrietTubaDiv{
	margin-bottom: 40px;
}

.rutTubaDiv{
	margin-bottom: 70px;
}

.espenTubaDiv{
	margin-bottom: 40px;
}

#error{
	background: #ffddb3;
	width: 65%;
	padding: 10px 0;
	border: 2px solid #cbbeb5;
	margin: 13px 0;
	text-align: center;
}
/* @end */



/* @group Links */
#headerIntro a{
	color: #3272ad;
	text-decoration: none;
}

#headerIntro a:hover{
	text-decoration: underline;
}

#content a{
	color: #3272ad;
}

#content a:hover{
	color: #183957;
}

#copyright a{
	color: #3272ad;
}

#copyright a:hover{
	color: #183957;
}

#opptredener .sortPerformances a{
	background: #e5dacf;
	color: #6c5a49;
	text-decoration: none;
	padding: 2px 5px;
	margin-right: 3px;
	-webkit-border-radius: 4px;
}


#opptredener .sortPerformances a:hover{
	color: #28211b;	
}



/* @end */

/* @group Navigation */

#navigation{
	
}

#navigation ul{
	list-style-type: none;
}

#navigation li{
	background: url(../siteimages/navGrad.png) no-repeat bottom left;
}

#navigation ul ul{
	margin-top: 16px;
	padding-bottom: 5px;
}

#navigation ul ul li{
	background: none;
	margin: 0 0 11px 19px;
	font-size: 0.8em;
}

#navigation ul ul li a{
	padding: 0;
}

#duobris #navigation ul ul a, #duobris_en #navigation ul ul a, #tubakvartetten #navigation ul ul a, #tubaquartet #navigation ul ul a{
	background: none;
}

#navigation a{
	display: block;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.95em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 13px 0 8px 12px;
	color: #6c5a49;
	height: 100%;
}

#navigation a:hover{
	color: #28211b;
	text-decoration: none;
}

#bodyIndex #navIndex a, #ommeg #navOmmeg a, #aboutme #navOmmeg a,#lydklipp #navLydklipp a, #sounds #navLydklipp a, #bryllup #navBryllup a, #weddings #navBryllup a, #begravelse #navBegravelse a, #funerals #navBegravelse a, #bodyProsjekter #navProsjekter a, #duobris #navProsjekter a, #duobris_en #navProsjekter a, #tubakvartetten #navProsjekter a, #tubaquartet #navProsjekter a, #opptredener #navOpptredener a, #performances #navOpptredener a, #bilder #navBilder a, #gallery #navBilder a, #linker #navLinker a, #links #navLinker a, #kontakt #navKontakt a, #contact #navKontakt a{
	background: url(../siteimages/navActive.png) no-repeat;
}

#duobris #navDuobris a, #duobris_en #navDuobris a, #tubakvartetten #navTubakvartetten a, #tubaquartet #navTubakvartetten a{
	color: #28211b;
}

#navEnglish a{
	background: url(../siteimages/flagUk.jpg) no-repeat 12px 10px;
	padding: 14px 0 8px 37px;
}

#navNorwegian a{
	background: url(../siteimages/flagNo.jpg) no-repeat 12px 10px;
	padding: 14px 0 8px 37px;
}

li#navEnglish{
	list-style-type: none;
}

li#navNorwegian{
	list-style-type: none;
}

ul#articleNav li{
	display: inline;
	background: none;
	padding: 0;
	margin: 0 12px 0 0;
	text-transform: uppercase;
	font-size: 0.8em;
}
/* @end */

/* @group Lists */

#content ul{
	list-style-type: none;
	margin-bottom: 16px;
}

#content li{
	background: url(../siteimages/bullet.gif) no-repeat 0 5px;
	margin: 0 0 8px 1px;
	padding: 0 0 0 12px;
	font-size: 0.9em;
}

#bodyIndex .news ul{
	margin: 8px 0 16px 0;
	line-height: 1.45em;
}

#bodyIndex .news ul ul{
	margin: 8px 0 0 0;
	font-size: 1.1em;
}

#bodyIndex .news li{
	background: url(../siteimages/bullet.gif) no-repeat 0 7px;
	margin-bottom: 6px;
}

#kontakt #content ul{
	margin: 0;
}

#kontakt #content li{
	background: none;
	font-size: 0.9em;
	padding: 0;
	margin-bottom: 5px;
}

#linker #content ul{
	
}

#linker #content li{
	background: url(../siteimages/links.gif) no-repeat
	0 5px;
	padding: 0 0 0 22px;
}

#lydklipp #content li{
	background: url(../siteimages/lydklipp.gif) no-repeat
	0 1px;
	padding: 0 0 0 15px;
}

#sounds #content li{
	background: url(../siteimages/lydklipp.gif) no-repeat
	0 1px;
	padding: 0 0 0 15px;
}

#begravelse #content ul{
	margin-top: 12px;
}

/* @end */

.bilderThumb{
	float: left;
	background: #fff1e5;
	border: 1px solid #ded0c6;
	margin: 0 20px 20px 0;
	padding: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.bilderThumb img{
	height: 150px;
}

/* Clear fix */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.floatRight{
	float: right;
}

.floatLeft{
	float: left;
}

.contentImgRight{
	float: right;
	margin: 0 12px 12px 12px;
	background: #ddc8b6;
	padding: 3px;
	border: 1px solid #c5b1a3;
}

.contentImgLeft{
	float: left;
	margin: 6px 10px 12px 0;
	background: #ddc8b6;
	padding: 3px;
	border: 1px solid #c5b1a3;
}