/* CSS Document */

body {
	margin:0;
	text-align:center;
	background-image: url(../img/page-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}

#wrapper {
	width: 800px;
	margin: auto;
	background-image: url(../img/content-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position:relative;
	}

#main {}

#header {
position:absolute;
top: 0;
left:0;
	}

#header h1 {
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -3000px;
	height: 84px;
	width: 800px;
	margin: 0;
	padding: 0;
	}
#home a{display:block; width:350px; height:84px;position:absolute; top:0; left:0;}	
#home a:link, #home a:visited {
	text-indent:-9000px;
	}

#home a:hover {
	background-image:url(../img/header-over.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}

#list {
	position: absolute;
	width: 180px;
	top: 30px;
	left: 620px;
	text-align:center;
}

form {
	margin: 0;
	padding: 0;
	}
	
.input {
	line-height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333:
	}
	
	
/* navigation, rollovers and you are here */
/* namge body id's as such:
1= id="bhome"
2= id="bartists"
3= id="bevents"
4= id="brso"
5= id="bso" */

#nav {
	position:absolute;
	top:84px;
	width:800px;
	height:23px;
	margin:0;
	padding: 6px 0 0 0;
	list-style:none;
	background-image: url(../img/nav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav li 	{
	position:absolute;
	height:20px;
	list-style-type: none;
}
#nav a		{display:block; height:23px; background: url(../img/nav.gif) no-repeat left top;  text-indent:-9999px; overflow:hidden; text-decoration:none;}
	
	#nav1 					{left:30px;}
	#nav1 a					{width:118px; background-position:0 0;}
	#bhome #nav1 a,
	#nav1 a:hover 			{background-position:0 -23px; text-decoration:none;}
	
	#nav2 					{left:148px;}
	#nav2 a					{width:120px; background-position:-118px 0;}
	#bartists #nav2 a,
	#nav2 a:hover 			{background-position:-118px -23px; text-decoration:none;}
	
	#nav3					{left:268px;}
	#nav3 a					{width:120px; background-position:-238px 0;}
	#bevents #nav3 a,
	#nav3 a:hover 			{background-position:-238px -23px; text-decoration:none;}
	
	#nav4 					{left:388px;}
	#nav4 a					{width:190px; background-position:-358px 0;}
	#brso #nav4 a,
	#nav4 a:hover 			{background-position:-358px -23px; text-decoration:none;}
	
	#nav5 					{left:578px;}
	#nav5 a					{width:188px; background-position:-548px 0;}
	#bsss #nav5 a,
	#nav5 a:hover 			{background-position:-548px -23px; text-decoration:none;}

#flash {
	position: absolute;
	top: 115px;;
	left:0;
	}
	
#content {
	position:absolute;
	top: 291px;
	left:0;
	}
	
	
#bio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#E3C3A7;
	text-align:left;
	padding-top:30px;
	margin-left: 280px;
	width: 500px;
	}

#bio h2 {
	margin:0;
	font-size:18px;
	font-weight:bold;
	}

#bio h3 {
	margin:0;
	font-size:12px;
	font-weight:bold;
	font-style: italic;
	}

#bio p {
	font-size:12px;
	line-height: 18px;
	}

#bio-img {
	width: 240px;
	text-align: center;
	left: 30px;
	float: left;
	padding-left:30px;
	padding-top:30px;
	}

#bio-img a:link {color:#E3C3A7; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}
#bio-img a:hover {text-decoration:underline;}
#bio-img a:visited {color:#E3C3A7; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}

#back {
	width:500px;
	text-align: right;
	position: absolute;
	top:0;
	}
	
#back a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E3C3A7;
	text-decoration: none;
	}
	
#back a:hover {text-decoration:underline;}
#back a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E3C3A7;
	}
	
.artist 			{float:left; clear:both; margin:20px 125px 20px 75px; width:650px; border: 1px solid #E3C3A7; display:inline;}
.artist img 		{margin:15px 0 15px 15px; float:left; display:inline; padding-bottom:15px;}
.artist p	 	{padding:10px; width:500px; float:right; display:inline; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#E3C3A7;}
.artist a:link {color:#E3C3A7; text-decoration:none; font-weight:bold;}
.artist a:hover {text-decoration:underline;}
.artist a:visited {color:#E3C3A7; text-decoration:none; font-weight:bold;}
.artist_name {font-size:16px; text-transform:capitalize; font-weight:bold; padding-right:10px;}

.event 			{float:left; clear:both; margin:20px 125px 30px 75px; width:650px; border: 1px solid #E3C3A7;display:inline;}
.event p	 	{padding:10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#E3C3A7;}

.record 			{float:left; clear:both; margin:20px 125px 30px 75px; width:650px; border: 1px solid #E3C3A7;display:inline;}
.record p	 	{padding:10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#E3C3A7; margin-left:225px;}
.album {width: 250px; text-align:center; float:left;}
.record img 		{margin:15px 0 15px 15px; float:left; display:inline;}
.record_name {font-size:16px; text-transform:capitalize; font-weight:bold; line-height:24px;}
.record ul {text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E3C3A7;
	margin-left:265px;
	}
.cart {float:right;}

#bhome form {padding-bottom:20px;}
	
#bulletin {
	position:absolute;
	top: 20px;
	left: 30px;
	background-color:#99000;
	width: 325px;
	height: 185px;
	text-align: left;
	}

#feed {
	background-color: #9c090d;
	padding: 5px;
	border-top: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	text-align:left;
}

#footer {
	position: relative;
	width: 800px;
	height: 72px;
	float:left;
	}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #E3C3A7;
	}

#footer a:link {text-decoration:none; color:#E3C3A7;}
#footer a:hover {text-decoration:underline;}