/*
---------------------------------------------

Hello, there. This was made by Jon Adams who has a website at http://hisportfolio.com.

---------------------------------------------
 */

html { margin:0; padding:0; }

body {
	margin:0; padding:0;
	background:url(images/backgound-pattern.gif) repeat-x; color:#000000;
	font-family:"Trebuchet MS", "Bitstream Vera Sans", lucida, arial; font-size:69%;
	line-height:129%; text-align:center;
	}

img {	border:0; }

a { color:#745631; text-decoration:none; }	
a:hover {	text-decoration: underline;	}	
	
	
p {	margin:0;	padding:0 0 9px 0; }
	
h1 {
	font-size:1.6em;
	color:#0861A9;
	}

h2 {
	margin:0;
	font-size:1.2em;
	}
	
h3 {
	margin:0 0 12px 0; padding:0;
	color:#745631; font-size:16px; line-height:16px;
	}
	


div#container {
	width: 886px;
	margin: 0 auto;
	background: url("images/the-band.jpg") no-repeat;
	text-align: left;
	}

div#divider {
	border-top: 1px solid #A5A8A3;
	padding: 0;
	margin: 12px 0 3px;
	}	
	
div#divider2 { border-top:1px solid transparent; margin:0; padding:0; }	



/****************************************
 *	BODY STYLES
 ***************************************/
 
div#bodyhead {
	float: left;
	margin: 0 30px;
	padding-bottom: 11px;
	}
	
div#body { margin:0 30px; text-align:left; }

div#bodytext {
	padding-top:12px;
	font-size:1.1em; text-align:left;
	}

div#left {
	float:left; margin:30px 0; width:640px; 
	font-size: 1em;
	}
	
div#left-full {
	float:left;	margin:30px 0;
	font-size:1em;
	}

	div#left-full P { text-align:justify; }
	
div#left-main {
	float:left; margin:30px 0 0; width:500px;
	font-size: 1em;
	}
	
div#left-shows {
	width: 600px;
	margin: 18px 0 0 99px;
	float: left;
	font-size: 1em;
	}	
div.image {
	width: 229px;
	margin: 21px 0 9px;
	 }	
	
div.image img {
	border: 1px solid #DCE1D3;
	padding: 3px;
	}
	
div#right {
	width: 300px;
	margin: 30px 0 0;
	float: right;
	background: #A5A8A3;
	font-size: 84%;
	padding: 0px;
	border: 3px double #575D53;
	}
	
div#right-content {
	margin:0; padding:11px 0 0 18px; width:262px;
	font-size: 1.1em;
	}	

div#blanky {
	clear: both;
	}
	
div#right a.dates {
	float: right;
	color: #FFFFFF;
	margin: 0;
	padding: 0 12px 3px;
	}
	
div#right a.tiny {
	float: right;
	color: #FFFFFF;
	margin: 0;
	padding: 3px 0 9px;
	}
	
div#right a:hover {
	text-decoration: underline;
	}

div#right ul {
	list-style: none;
	margin: 0;
	padding: 9px 0 3px;
	}
	
div#right a {
	color: #333333;
	}
	
div#right a:hover {
	text-decoration: underline;
	}	
	
div#shows-banner {
	width: 300px;
	margin: 30px 0 0;
	padding: 21px 0 0;
	float: right;
	font-size: 84%;
	}
	
div#right-buttons {
	width: 306px;
	float: right;
	padding: 6px 0 0;
	text-align: right;
	line-height: 90%;
	font-size: 84%;
}

div#right-buttons img {
	padding: 1px 0;
}

	

/****************************************
 *	NAV STYLES
 ***************************************/
 
div#nav {
 	margin:0; padding:187px 0 0 0; width:886px;
	font-size:14px; line-height:14px; text-align:center;
	}
	#nav A { display:inline-block; margin:0 14px; padding:7px 12px 6px 12px; color:#ffffff; }
	#nav A:hover { background-color:#7b7f77; text-decoration:none; }
	

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */



/****************************************
 *	SUBNAV STYLES
 ***************************************/	
 
div#left p span.subnav {
	font-size: .95em;
	}	
	
div#left p span.subnav a {
	color: #856B4A;
	}
	
div#left p span.subnav a:hover {
	text-decoration: underline;
	}	
	
div#left-shows p span.subnav {
	font-size: .95em;
	}	
	
div#left-shows p span.subnav a {
	color: #856B4A;
	}
	
div#left-shows p span.subnav a:hover {
	text-decoration: underline;
	}
	
	
/****************************************
 *	COPY STYLES
 ***************************************/


div#copytext {
	width: 300px;
	text-align: right;
	font-size: 100%;
	color: #999999;
	padding: 12px 0 0;
	}
	
div#copytext a {
	color: #7E0100;
	}
	
#copytext a:hover {
	color: #000;
	}	

.date {
	margin:19px 0 2px 0; padding:0;
	color:#575d53; font-size:12px; line-height:12px;
	}
	


/****************************************
 *	MUSIC STYLES
 ***************************************/
 
div#music {
	width: 510px;
	padding: 0 0 0 99px;
	margin: 0;
	list-style: none;
	float: left;
	}

div#album {
	height:254px;
}

	H2#album { display:inline-block; color:#575d53; font-family:Cooper; font-size:18px; font-weight:normal; text-transform:uppercase; }
	div#album .cover { margin-top:0; padding:3px; border:1px solid #cccccc; margin:0 18px 30px 0; }
	div#album P { font-size:12px; line-height:16px; }
	
div#music.bottom {
	width: 501px;
	padding: 0 0 21px 99px;
	margin: 0;
	list-style: none;
	float: left;
	}
	
div#purchase { float:right; text-align:center; }

	div#purchase IMG { margin-bottom:5px; }

div#sv2-one {
	width: 201px; float: left;
	margin:0;	padding: 0 0 0 102px;
	list-style: none;
	background: url("images/sv2.gif") no-repeat;
	}	
	
div#pof-one {
	width: 201px; float: left;
	margin:0;	padding: 0 0 0 102px;
	list-style: none;
	background: url("images/pof.gif") no-repeat;
	}	
	
div#ofc-one {
	width: 201px; float: left;
	margin:0;	padding: 0 0 0 102px;
	list-style: none;
	background: url("images/ofc.gif") no-repeat;
	}	
	
div#stages-one {
	width: 201px; float: left;
	margin:0;	padding: 0 0 0 102px;
	list-style: none;
	background: url("images/stages.gif") no-repeat;
	}	
	
div#begin-one {
	width: 201px; float: left;
	margin:0;	padding: 0 0 0 102px;
	list-style: none;
	background: url("images/begin.gif") no-repeat;
	}	
	
div#feat-legs {
	width: 201px; float: left;
	margin:0;	padding: 0 0 0 102px;
	list-style: none;
	background: url("images/bleaulegs_std.gif") no-repeat;
	}	
	
div#column-two {
	width: 201px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
	}

div#column-one a {
 color: ##745631;
	}

p span.number { color: #71746C; }	



/****************************************
 *	BAND STYLES
 ***************************************/
 
div#band {
	width: 501px;
	padding: 0 0 0 99px;
	margin: 0;
	list-style: none;
	float: left;
	}
	
div#band2 {
	width: 501px;
	padding: 0 0 0 99px;
	margin: 0;
	list-style: none;
	float: left;
	background: url("images/stages.gif");
	}	
	
div#james {
	width: 102px;
	margin: 0;
	padding: 0 0 21px;
	list-style: none;
	float: left;
	}
	
div#jason {
	width: 102px;
	margin: 0;
	padding: 0 0 21px;
	list-style: none;
	float: left;
	}
	
div#matt {
	width: 102px;
	margin: 0;
	padding: 0 0 21px;
	list-style: none;
	float: left;
	}
	
div#ryan {
	width: 102px;
	margin: 0;
	padding: 0 0 21px;
	list-style: none;
	float: left;
	}
	
div#laurence {
	width: 102px;
	margin: 0;
	padding: 0 0 21px;
	list-style: none;
	float: left;
	}
	
div#bio {
	width: 399px;
	padding: 0 0 21px;
	margin: 0;
	list-style: none;
	float: right;
	}	
	
div#bio.full {
	width: 281px;
	padding: 0 0 21px;
	margin: 0;
	list-style: none;
	float: right;
	}	



/****************************************
 *	PROMO STYLES
 ***************************************/
 
div#promo-image {
	width: 156px;
	margin: 0;
	padding: 0 0 21px;
	list-style: none;
	float: left;
	}
	
div#promo-copy {
	width: 345px;
	padding: 0 0 21px;
	margin: 0;
	list-style: none;
	float: right;
	}



/****************************************
 *	SHOWS STYLES
 ***************************************/
 
div#shows-container {
	width:750px;
	margin:0;
	padding:110px 0 35px 0;
}



/****************************************
 *	FORM STYLES
 ***************************************/
 
form {
	text-align: left;
	margin: 0;
}

fieldset {	
	width: 257px;
	border: none;
	padding: 0 0 12px;
	text-align: left;
}