@charset "UTF-8";
/* CSS Document */

#centrewrap {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#homepage #centrewrap { width:900px;}

#wrapper { 
	width: 900px; 
	margin: 0 auto; 
	padding: 0;
	background-color:;
	}

#haplayer {
	width: 287px;
	height: 290px;
	overflow: hidden;	
	margin:0;
	padding:0;
	background-color:#000;
	text-align:left;
}
	
td img {
	display: block;
	margin: 0px;
	padding: 0px;
}

body {
	background-image: url(../images/background_light.gif);
	margin: 0;
	background-color: #000;
	font-size: 62.5%;
}

p { margin: 0; padding: 0;}


#tracklist {
	height:134px;
	width:610px;
	overflow-x:auto;
	overflow-y:hidden;
}

.tracks {height:134px; margin:0; padding:5px 0 0 0;}

#bluetab #tracklist {	background-image: url(../images/stage/stage_3.jpg);	}
#browntab #tracklist {	background-image: url(../images/stage/stage_1.jpg);	}
#pinktab #tracklist {	background-image: url(../images/stage/stage_2.jpg);	}

  #tracklist h1, #tracklist img  { margin:0; padding:0; float:left;}

.trackitem {
	width:130px;
	height: 95px;
	float:left;
	margin-top: 0px;
	padding: 15px 0 0 110px;
	background-repeat: no-repeat;
}

#show-6 .trackitem, #show-3 .trackitem, #browntab .trackitem {background-image: url(../images/tracklist/record_brown.gif);}
#show-5 .trackitem, #show-2 .trackitem, #pinktab .trackitem {background-image: url(../images/tracklist/record_pink.gif);}
#show-4 .trackitem, #show-1 .trackitem, #bluetab .trackitem {background-image: url(../images/tracklist/record_blue.gif);}

H2, .track_number {
	color: #FFF;
	font-weight: normal;
	font-size: 1.4em;
	margin:0;
	padding:0;

}
H3, .track_name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #2d1b11;
	font-weight: bold;
	margin:0;
	padding:0;
}

H4, .artist {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2d1b11;
	font-style: normal;
	margin:0;
	padding:0;
	font-weight: lighter;
}

/* Generic Stage */

#stagePage {
	background-color: #000;
	background-image: url(../images/stage/stage-background.jpg);	
	margin:0; padding:0;
	width: 594px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.fullwidth {
	width:500px;
	float:left;
	padding:0 0 20px 0;
	margin:30px 0 0 0;
	}
	
.singleColumn {
	float:left;
	width:160px;
	padding:0 0 20px 0;
	margin:0 10px 0 0;
	font-size: 1.2em;
	font-weight: lighter;
	text-decoration: none;
	}
	
.singleColumn ul {
	margin:0; padding:0;
	list-style-type:none;
}

.singleColumn ul a {
	color: #2d1b11;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	margin:0 0 10px 0;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	background-color:#c2d8cc;
	width:140px;
	display:block;
	border:none;
}

.singleColumn ul :nth-child(3n+1) a:hover { background-color:#CC3366; color:#fff;}
.singleColumn ul :nth-child(3n+2) a:hover {background-color:#588f97; color:#fff;}
.singleColumn ul :nth-child(3n+3) a:hover {background-color:#827340; color:#fff;}

.ha_body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #2d1b11;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	margin:0 0 10px 0;
	font-weight: lighter;
	text-decoration: none;
}

.ha_body a:link, .ha_body a:active, .ha_body a:visited { color: #2d1b11; text-decoration: none;} 

.ha_body a:hover { color: #bf4a7a; 	text-decoration: underline;} 




#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #56442c;
	font-style: normal;
	top:690px;
	z-index:300;
	position:absolute;
	width:1000px;
	margin:0 0 0 0px;
	padding: 0;
	text-align:center;
}

#footer A:link, #footer A:visited, #footer A:active { font-family: Georgia, "Times New Roman", Times, serif; color: #56442c; text-decoration: none;}

#footer A:hover { text-decoration: underline; }

/* 

====== LANDING PAGE ====== 

*/


#homepage {
	background-image: url(../images/background_light.gif);
	}

#splashcontent {
	width:900px;
	height:500px;
	margin: 0 auto;
	background-color:;
	position: relative;
	}
	


#quote1 {
	width: 188px;
	height: 208px;
	background-image:url(../images/splash/quote-1.gif);
	background-repeat:no-repeat;
	z-index:100;
	position: absolute;
	top: 120px;
	left:70px;
	}

#quote2 {
	width: 207px;
	height: 170px;
	background-image:url(../images/splash/quote-2.gif);
	background-repeat:no-repeat;
	position: absolute;
	top: 360px;
	left: 530px;
	z-index:100;
	}

#largelogo {
	width: 455px;
	height: 464px;
	background-image:url(../images/splash/large-hip-auntie.gif);
	background-repeat:no-repeat;
	position: absolute;
	top: 40px;
	left:200px;
	z-index:300;
	}
	
#enterbtn {
	width: 127px;
	height: 70px;
	position: absolute;
	top: 485px;
	left:330px;
	z-index:400;
	}