html,body {
	background-color: black;
	color: #a1a1a1;
	font-family: sans-serif;
	font-size: 9pt;
	text-align: center;

	margin: 0px;
	padding: 0px;
}

#container {
	margin: 0 auto;
	position: absolute;
	width: 900px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	text-align: left;
}

#content {
	border-bottom: 2px dashed #191919;
	position: absolute;
	
	top: 0px;
	left: 0px;
	width: 560px;
	height: 380px;
		
	overflow: hidden;
}

#banner {
	background-color: #141414;
	border-left: 3px solid #2c2c2c;
	display: none;
	
	position: absolute;
	
	top: 0px;
	bottom: 0px;
	right: 0px;
	
	width: 340px;
}

#banner #logo {
	background-color: #1f1f1f;
	text-align: center;
	position: absolute;
	
	left: 0px;
	width: 230px;
	height: 140px;
}
#banner #logo .title {
	display: block;
	font-size: 18pt;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	text-transform: capitalize;
	padding-top: 20px;
	padding-left: 25px;
}
#banner .background {
	position: absolute;
	top: 200px;
	left: 0px;
}
#banner #mailinglist {
	position: absolute;
	top: 180px;
	left: 25px;
	text-align: left;
}

#banner #mailinglist input {
	border: 1px solid #373736;
	color: white;
	background-color: #1f1f1f;
}

#banner #ad {
	position: absolute;
	
	text-align: left;
	
	top: 250px;
	left: 30px;
}
#banner #ad { padding: 0px; display: block; }
#banner #ad .title {
	color: #ea7e00;
	font-weight: bold;
	text-transform: lowercase;
}
#banner #ad .response { vertical-align: top; }
#banner #ad .response .name { font-weight: bold; }
#banner #ad .response .date,.time { display: none; }

#footer {
	background-color: transparent;

	position: absolute;
	
	top: 400px;
	left: 0px;
	right: 370px;	
	height: 150px;
}

#current {
	position: absolute;
	
	top: 400px;
	right: 140px;
	height: 150px;
}

#extras {
	vertical-align:middle;
	position: absolute;
	
	top: 400px;
	right: 10px;
	left: 200px;
	height: 150px;
}
#extras .item { float: left; vertical-align: middle; text-align: left; padding: 0px; margin: 0px; clear: both; display: block; 	}
#extras img { float: left; padding: 3px 0px 0px 0px; border: none; }
#extras .title { padding: 0px 0px 0px 4px; font-size: 7pt; float: left;}
#extras #shout { position: static; }

#shout input { border: 1px solid #373736; }
#shout .buttons { padding-top: 3px; }
#shout .buttons input { color: white; background-color: #1f1f1f; padding-right: 3px; }

.info {
	border: 0px;
	border-bottom-width: 2px;
	border-style: dashed;
	border-color: #191919;
	
	width: 50%;
	height: 50%;
	
	text-align: left;
	overflow: hidden;
}

.info .title {
	padding-top: 20px;
	padding-left: 40px;
}

a { color: #ea7e00; }

#pic { position: absolute; top: 0px; left: 50%; }
#pic.info { display: none; }

#home_news,#shows_featured,#bio_band,#photo_new,#shout { position: absolute; top: 0px; left: 0px; }
#home_downloads,#shows_upcoming { position: absolute; top: 50%; left: 0px; border-right-width: 2px; }
#home_info,#shows_latest,#bio_profiles { position: absolute; top: 50%; left: 50%; }
#bio_band.info { height: 100%; }
#photo_gallery { position: absolute; top: 50%; }
#photo_gallery.info { left: 0px; width: 100%; }

#bio_band .scroll-pane { height: 335px; }
#bio_profiles table tr { vertical-align: top; }
#bio_profiles .name { font-weight: bold; }

#shout_box { position: absolute; top: 50%; }
#shout_box.info { left: 0px; width: 100%; }
#shout_box table { width: 100%; }
#shout_box .even { background-color: #1f1f1f; }
#shout_box .odd { background-color: transparent; }
#shout_box .response { vertical-align: top; }
#shout_box .response .name { display: block; font-weight: bold; }
#shout_box .response .date,.time { font-size: 7pt; font-weight: normal; padding-right: 5px;}
#shout_box .response .message { }

.download { height: 30px; vertical-align: middle; padding-top: 10px; }
.download img { border: 0px; }
.download .save { float: left; }
.download .play { float: left; padding-right: 10px; }
.download .name { padding: 0px; color: #ffffff; font-weight: bold; }
.download .album { color: #70705a; display: block;}

.photo { float: left; padding-right: 20px; }
.photo img { border: 0px; }

.date { font-weight: bolder; padding-top: 10px; }

#shows_featured .check { font-style: italic; }
#shows_upcoming .booking { font-style: italic; padding-top: 10px; }

.holder { 
	position: absolute;
	top: 40px;
	left: 35px;
	right: 15px;
	bottom: 5px;
}
.scroll-pane {
	height: 145px;
	overflow: auto;
}

.nav .item { float: right; margin-right: 30px; text-align: left; cursor: pointer; }
.nav .item img { border: 1px solid #373736; }
.nav .item .title { padding-left: 10px; padding-top: 10px; }

.title { color: #ccccba; font-weight: bold; text-transform: uppercase; }
.title .hilite { color: #ea7e00; }