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

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

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

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

img {
		border: 0;
		}

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

h2 {
		font-size: 1.2em;
		margin: 0;
		}
		
h3 {
		font-size: 1.2em;
		color: #745631;
		padding-bottom: -9px;
		}
				

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

div#nav {
    	width: 886px;
    	margin: 0;
		padding: 189px 0 0;
		line-height: normal;
		}
		
div#divider {
	border-top: 1px solid #A5A8A3;
	padding: 0;
	margin: 12px 0 3px;
	}			
		

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

div#bodytext {
		width: 750px;
		margin: 0 30px;
		padding-top: 12px;
		font-size: 1.1em;
		}

div#left {
		width: 501px;
		margin: 30px 0 0 99px;
		font-size: 1em;
		}
		
div#left-main {
		width: 429px;
		margin: 30px 0 0;
		float: left;
		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 {
		width: 262px;
		margin: 0;
		padding: 9px 0 0 18px;
		align: center;
		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 li a {
	color: #333333;
	}
	
div#right li 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 ul {
    margin: 0;
    padding: 0 204px 0 0;
    list-style: none;
	}
	
div#nav li {
    float: right;
	margin: 0;
    padding: 0;
	font-size: 1.1em;
	}

div#nav a {
	float: left;
	display: block;
    color: #FFFFFF;
	padding: 6px 9px 4px;
	}
	
div#nav a:hover {
	background: url("images/nav-rollover.gif") repeat;
	}

/* 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;
		}	
		
		
/****************************************
 *	MUSIC STYLES
 ***************************************/
 
div#music {
    width: 510px;
	padding: 0 0 0 99px;
    margin: 0;
	list-style: none;
	float: left;
	}
	
div#music.bottom {
    width: 501px;
	padding: 0 0 21px 99px;
    margin: 0;
	list-style: none;
	float: left;
	}
	
div#buy {
	width: 501px; float: left;
	margin: 0; padding: 0 0 33px 99px;
	list-style: none;
	}
	
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: 759px;
    margin: 0;
	padding: 110px 0;
		}


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

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

</style>