/* YAHOO RESET CSS */
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;
}

/* POSITION IS EVERYTHING CLEAR FIXER */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background:#000;
}

#wrapper {
	width:895px;
	height:600px;
	margin: 20px auto;
	border:2px solid #fff;
	font-family:arial, sans-serif;
	font-size:80%;
}

#content-wrapper {
	float:left;
	height:600px;
	width:708px;
}

#content-wrapper h2,
#content-wrapper h1 {
	text-indent:-999em;
	height:0;
	overflow:hidden;
}

#content-wrapper h2.view,
#content-wrapper h1.view {
	text-indent:0;
	height:auto;
	margin:0 0 7px;
}

#menu {
	height:580px;
	padding-top:20px;
	width:187px;
	float:left;
}

h1{
	font-size:130%;
	font-weight:bold;
}

h3{
	font-size:80%;
}

#content {
	position:absolute;
	width:300px;
}

#content a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#content a:hover{
	text-decoration:none;
	color:#b9350b;
	font-weight:bold;
}

#content strong {
	font-weight:bold;
}

#content em {
	font-style:italic;
}

#content address,
#content p {
	margin:0 0 10px;
}

#content li.play {
	display:block;
	text-decoration:none;
	height:40px;
	width:42px;
}

/* request specific backgrounds */
body.home #menu {background:#000 url(../_images/bg_nav_basic.png);}
body.news #menu {background:#000 url(../_images/bg_nav_news.png);}
body.gigs #menu {background:#000 url(../_images/bg_nav_gigs.png);}
body.photo #menu {background:#000 url(../_images/bg_nav_photos.png);}
body.contact #menu{background:#000 url(../_images/bg_nav_contact.png);}
body.social #menu{background:#000 url(../_images/bg_nav_social.png);}
body.audio #menu{background:#000 url(../_images/bg_nav_audio.png);}
body.bio #menu{background:#000 url(../_images/bg_nav_bio.png);}

body.home #content-wrapper {background:#000 url(../_images/bg_links_home.png) 0 0 no-repeat;}
body.news #content-wrapper {background:#000 url(../_images/bg_links_news.png) 0 0 no-repeat;}
body.gigs #content-wrapper {background:#000 url(../_images/bg_links_gigs.png) 0 0 no-repeat;}
body.photo #content-wrapper {background:#000 url(../_images/bg_links_photos.png) 0 0 no-repeat;}
body.audio #content-wrapper {background:#000 url(../_images/bg_links_audio.png) 0 0 no-repeat;}
body.bio #content-wrapper {background:#000 url(../_images/bg_links_bio.png) 0 0 no-repeat;}
body.contact #content-wrapper {background:#000 url(../_images/bg_links_contact.png) 0 0 no-repeat;}
body.about #content-wrapper {background:#000 url(../_images/bg_links_about.png) 0 0 no-repeat;}
body.social #content-wrapper {background:#000 url(../_images/bg_links_social.png) 0 0 no-repeat;}

/* request specific content position */
body.home #content {
	margin-top:500px;
	margin-left:450px;
}

body.news #content {
	margin-top:65px;
	margin-left:90px;
	height:270px;
	width:380px;
	overflow:auto;
}

body.audio #content {
	margin-top:65px;
	margin-left:214px;
	height:270px;
	width:380px;
}

body.gigs #content {
	margin-top:85px;
	margin-left:40px;
	height:270px;
	width:380px;
	overflow:auto;
}

body.photo #content {
	margin-top:79px;
	margin-left:107px;
	height:270px;
	width:380px;
}

body.contact #content {
	margin-top:184px;
	margin-left:545px;
	height:270px;
	width:200px;
}

body.social #content {
	margin-top:120px;
	margin-left:418px;
	height:270px;
	width:200px;
}

body.about #content {
	margin-left:289px;
	margin-top:106px;
	height:270px;
	width:350px;
}

body.bio #content {
	margin-left:289px;
	margin-top:66px;
	height:270px;
	width:380px;
}

body.bio #content h1 {
	height:37px;
	text-indent:-999em;
}

body.bio #content h1 img {
	display:block;
}

body.error #content {
	margin-top:120px;
	margin-left:418px;
	height:270px;
	width:200px;
	color:#fff;
}

body.contact #content address,
body.contact #content p {
	margin:0 0 17px;
}

/* home */
#home {
	position:absolute;
	margin-top:95px;
	margin-left:345px;
	width:150px;
	font-size:80%;
}
#home p,
#home object {
	display:inline;
	margin:0 5px;
}

/* about */
#about {
	position:absolute;
	top:599px;
	left:auto;
	margin:0 0 0 57px;
}

#about a {
	text-decoration:none;
	color:#a5a5a5;
	font-size:70%;
	height:20px;
}

#about a {
	text-decoration:none;
	color:#a5a5a5;
	font-size:70%;
}

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

/*nav */
#menu a.home {
	position:absolute;
	margin:10px 0 0 0;
}

#nav {
	padding:30px 0 0 0;
}

#nav li {
	margin-top:7px;
	height:60px;
	width:187px;
}

#nav li a {
	text-decoration:none;
	height:60px;
	display:block;
	text-indent:-999em;
}

#nav li a.news {
	background: url(../_images/btn_news.png) 0 0 no-repeat;
	margin-left:109px;
	width:78px;
}
#nav li.active a.news,
#nav li a.news:hover {
    background-position: -78px 0px;
} 

#nav li a.gigs {
	background: url(../_images/btn_gigs.png) 0 0 no-repeat;
	margin-left:109px;
	width:78px;
}
#nav li.active a.gigs,
#nav li a.gigs:hover {
    background-position: -78px 0px;
} 

#nav li a.audio{
	margin-left:101px;
	width:86px;
	background: url(../_images/btn_audio.png) 0 0 no-repeat;
}
#nav li.active a.audio,
#nav li a.audio:hover {
    background-position: -86px 0px;
}

#nav li a.photo{
	background: url(../_images/btn_photo.png) 0 0 no-repeat;
	margin-left:101px;
	width:86px;
}
#nav li.active a.photo,
#nav li a.photo:hover {
    background-position: -86px 0px;
} 

#nav li a.bio{
	background: url(../_images/btn_bio.png) 0 0 no-repeat;
	margin-left:129px;
	width:58px;
}
#nav li.active a.bio,
#nav li a.bio:hover {
    background-position: -58px 0px;
} 

#nav li a.contact{
	background: url(../_images/btn_contact.png) 0 0 no-repeat;
	margin-left:70px;
	width:117px;
}
#nav li.active a.contact,
#nav li a.contact:hover {
    background-position: -117px 0px;
}

#nav li a.social {
	background: url(../_images/btn_social.png) 0 0 no-repeat;
	margin-left:86px;
	width:101px;
}
#nav li.active a.social,
#nav li a.social:hover {
    background-position: -101px 0px;
} 

/* news */
#headlines a {
	line-height:20px;
}

#news-index a {
	position:absolute;
	text-index:-999em;
}

#news div.datum {
	float:right;
	font-size:80%;
	padding:6px 0 0 0;
}

/* gigs */
#gigs li {
	line-height:20px;
}

#home-gig div,
#gigs li a,
#gigs li div {
	float:left;
}

#home-gig div.datum,
#gigs li div.datum {
	padding:0 10px 0 0;
	width:80px;
}

#home-gig div.locatie,
#gigs li a.locatie,
#gigs li div.locatie {
	width:140px;
	padding:0 10px 0 0;
}

#gigs li div.stad {
	width:90px;
	padding:0 10px 0 0;
}

#gigs li div.prijs {
	width:30px;
}

/* photo */
#photos li a {
	text-indent:-999em;
}

#photos ul {
	margin-left:10px;
}

#photos li {
	float:left;
	margin-right:10px;
}

#photos li.live a{
	display:block;
	background: url(../_images/btn_photo_live.png) 0 0 no-repeat;
	text-decoration:none;
	height:120px;
	width:160px;
}

#photos li.live a:hover{
    background-position: 0px -120px;
	height:120px;
	width:160px;
}

#photos li.studio a{
	display:block;
	background: url(../_images/btn_photo_studio.png) 0 0 no-repeat;
	text-decoration:none;
	height:120px;
	width:160px;
}

#photos li.studio a:hover{
    background-position: 0px -120px;
	height:120px;
	width:160px;
}

#photolinks {
	display:none;
}

#bio_header {
	height:34px;
}

#ne-en {
	text-align:right;
	font-size:80%;
	padding-top:20px;
}

#ne-en a {
	color:#000;
	text-decoration:none;
}

#ne-en a:hover{
	color:#b9350b;
	text-decoration:underline;
}

#bio_body{
	padding-top:4px;
	height:354px;
}

#bio_nav{
	position:absolute;
	margin-top:459px;
	margin-left:290px;
}

#bio_nav li {
	float:left;
}

#bio_nav li a {
	display:block;
	text-decoration:none;
	height:28px;
	text-indent:-999em;
}

#bio_nav li.active a.band,
#bio_nav li.active a.do,
#bio_nav li.active a.mad,
#bio_nav li.active a.tes,
#bio_nav li.active a.dorus,
#bio_nav li.active a.flip,
#bio_nav li.active a.maarten,
#bio_nav li.active a.nelson,
#bio_nav li a.band:hover,
#bio_nav li a.do:hover,
#bio_nav li a.mad:hover,
#bio_nav li a.tes:hover,
#bio_nav li a.dorus:hover,
#bio_nav li a.flip:hover,
#bio_nav li a.maarten:hover,
#bio_nav li a.nelson:hover {
	 background-position: 0px -28px;
}

#bio_nav li a.band {
	width:45px;
	background: url(../_images/btn_bioroll_band.png) 0 0 no-repeat;
}
#bio_nav li a.do{
	background: url(../_images/btn_bioroll_do.png) 0 0 no-repeat;
	width:35px;
}
#bio_nav li a.mad{
	background: url(../_images/btn_bioroll_mad.png) 0 0 no-repeat;
	width:49px;
}
#bio_nav li a.tes{
	background: url(../_images/btn_bioroll_tes.png) 0 0 no-repeat;
	width:35px;
}
#bio_nav li a.dorus{
	background: url(../_images/btn_bioroll_dorus.png) 0 0 no-repeat;
	width:55px;
}
#bio_nav li a.flip{
	background: url(../_images/btn_bioroll_flip.png) 0 0 no-repeat;
	width:39px;
}
#bio_nav li a.maarten{
	background: url(../_images/btn_bioroll_maarten.png) 0 0 no-repeat;
	width:75px;
}
#bio_nav li a.nelson{
	background: url(../_images/btn_bioroll_nelson.png) 0 0 no-repeat;
	width:54px;
}