* { padding: 0; margin: 0; }

ul, dt { padding-left: 0em; margin-left: 0; list-style: none; }

ol { padding-left: 2.5em; margin-left: 0; list-style-type: decimal; }

blockquote { text-indent: -6px; padding: 5px 15px 20px 15px; font-size: 1.1em; line-height: 1.2em; font-family: 'comic sans ms';}

dd { padding-left: 2.5em; margin-left: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, fieldset, address { margin-bottom: 1em; }



a:link		{ color: #069; text-decoration: underline; font-weight: bold;}
a:visited	{ color: #069; text-decoration: underline;  font-weight: bold;}
a:hover		{ color: #633; text-decoration: underline;  font-weight: bold;}

a.footer:link		{ color: #8E5707; text-decoration: underline; font-weight: bold;}
a.footer:visited	{ color: #8E5707; text-decoration: underline;  font-weight: bold;}
a.footer:hover		{ color: #fff; text-decoration: underline;  font-weight: bold;}


a { outline: none; }

*a {position: relative; }


/* Main Structural Elements 
-------------------------------------------------------------*/

	
body {
	font: 76%/1.4em verdana, geneva, arial, helvetica, sans-serif;
	background: #5D341E url("../img/bg.jpg") top left repeat;
	background-attachment: fixed;
	padding-top: 35px;
	text-align: center; /* Div centering hack for IE5.5 PC, IE5.0 PC */
	color: #170903;
}
	
#container {
	border: 1px solid black;
	position: relative;
	background: #EBD399 url("../img/page-bg.jpg") bottom center no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 792px;
}
	

#container img { margin-bottom: 1em; }

#discographypage #container, #presspage #container, #songspage #container, #gallery #container {
	background: #EBD399 url("../img/page-bg2.jpg") bottom center no-repeat;
}

	
	
	
	
#header {
	background: #2E1405 url("../img/wood-bg.jpg") top left no-repeat;
	height: 108px;
	width: 792px;
}	

#drop-shadow { height: 12px; width: 792px; margin-bottom: 30px; }

#indexpage #drop-shadow { margin-bottom: 40px; }

#index-box {padding-bottom: 10px;}

#index-box img {
	position: relative;
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid black;
	}

#index-box p {
	margin: 0;
	color: #000;
	background-color: transparent;
	}

#index-box p a {
	font-weight: bold;
	}

		
#inner-wrap {
	background-color: transparent;
	margin-left: 78px;
	margin-right: 68px;
	padding-bottom: 130px;
	}
	
#indexpage #inner-wrap {
	padding-bottom: 90px;
	margin-left: 70px;
	margin-right: 50px;
	}

#musicpage #inner-wrap {
	padding-bottom: 130px;
	margin-right: 66px;

	}

	

#store #inner-wrap {
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	}

#store #container {
	border: 1px solid black;
	position: relative;
	background: #000000 url(none) bottom center no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 792px;
	
}

#store #drop-shadow { height: 12px; width: 792px; margin-bottom: 0px; }




#column-1 {
	float: left;
	width: 309px;
	}

#column-2 {
	float: right;
	width: 309px;
	}

#newspage #single_column  {
	float: left;
	}






#indexpage #column-1 {
	float: left;
	width: 390px;
	}

#indexpage #column-2
{
	float: right;
	width: 252px;
	background-color: transparent;
}
	
#indexpage #column-2 img {
	margin-top: 30px;
	}

#newspage dl {		
	border-color: #786244;
	border-width: 0px 0px 2px 0px;
	border-style: none none dotted none;
	padding-bottom: 10px;
	}

.dotted-bottom {		
	border-color: #786244;
	border-width: 0px 0px 2px 0px;
	border-style: none none dotted none;
	padding-bottom: 10px;
	}



/*
#one-column {
	padding: 20px;
	}
*/


#musicpage .cdbox {
	display: inline;
	float: left;
	margin: 0 18px 10px 0;
	background-color: transparent;
	height: 165px;
	width: 100px;
	}
	
	
#musicpage .cdbox img {
	margin: 0 0 3px 0;
	}
	
#musicpage .cdbox dl {margin: 0;}

#musicpage .cdbox dt {
	text-align: center;
	font-size: .85em;
	line-height: 1.2em;
	margin-bottom: 3px;
	}
	
#musicpage .cdbox dd {
	text-align: center;
	font-size: .85em;
	line-height: 1.1em;
	font-family: 'comic sans ms';
	margin: 0;
	padding: 0;
	}
	

#musicpage .cdbox a {
	text-decoration: none;
	}
	

	
	

#album-detail {
	float: left;
	margin-right: 25px;
	width: 226px;
	}

#album-detail img {
	border: 1px solid #000;
	}


#album-detail blockquote { text-indent: 0px; margin: 5px 0px 5px 5px; padding: 0; font-size: .95em; }

#myoldmanpage #album-detail blockquote { word-spacing: -1px; margin: 0px;}


#song-samples
{
	float: left;
	background-color: transparent;
	width: 255px;
	padding-top: 0px;

}


#samples {
	background-color: transparent;
	margin-bottom: 15px;
	}

#samples i {
	font-size: .85em;
	margin-left: 25px;
	font-weight: normal; 
	}


	
/*
#samples li { margin-bottom: 0px; font-size: .85em; line-height: 1.0em; font-weight: bold; }
*/

#samples li { position: relative; margin-bottom: 0px; font-size: 1em; line-height: 1.0em; font-weight: normal; margin-left: 0px;}


#myoldmanpage #samples li { margin-bottom: -3px; }


#samples object { position: relative; top: 8px; left: 0px; margin: 0 0 0 0px; padding: 0; }


#purchase {	
	float: left;
	width: 90px;
	background-color: transparent;
	margin-top: 50px;
	padding-top: 5px;
	}

#tiny-thumbs {
	clear: both;
	padding-left: 10px;
	padding-top: 25px;
	}
	
#tiny-thumbs img {
	margin: 0 8px 10px 0;
	}

.content {
	padding: 20px;
	border: 2px dotted #786244;
	}
	

#indexpage .content {padding-top: 30px;}

#contactpage .content {padding-top: 30px; padding-left: 0;}


#discography-wrap { clear: both; text-align: center;}		
		
		

		
		
		
		
		
		
		
		
		
		
		
		
#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 792px;
	background-color: #170903;
	border-color: #000;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
	padding: 5px 0 6px 0;
	}

#footer p {
	margin: 0 20px 0 0px;
	font-size: .9em;
	color: #8E5707;
	}








/* Main Navigation Elements 
-------------------------------------------- */		
		

#nav_bar { height: 31px; width: 486px; position: absolute; top: 80px; left: 275px; line-height: 19px; }
#nav_bar ul { margin: 0; padding: 0; width: 486px; height: 31px; position: relative; list-style: none; }
#nav_bar ul li { height: 31px; margin: 0; padding: 0; position: absolute; top: 0;}
#nav_bar a { height: 31px; display: block; border: 0px; }	
#nav_bar ul li a {text-indent: -9999px; text-decoration: none; }
	
#nav_bar ul li#nb1 { left: 0px; width: 115px; background: url("../img/nb3.gif") 0px 0px no-repeat; }
#nav_bar ul li#nb2 { left: 115px; width: 60px; background: url("../img/nb3.gif") -115px 0px no-repeat; }
#nav_bar ul li#nb3 { left: 175px; width: 65px; background: url("../img/nb3.gif") -175px 0px no-repeat; }
#nav_bar ul li#nb4 { left: 240px; width: 55px; background: url("../img/nb3.gif") -240px 0px no-repeat; }
#nav_bar ul li#nb5 { left: 295px; width: 70px; background: url("../img/nb3.gif") -295px 0px no-repeat; }
#nav_bar ul li#nb6 { left: 365px; width: 60px; background: url("../img/nb3.gif") -365px 0px no-repeat; }
#nav_bar ul li#nb7 { left: 425px; width: 61px; background: url("../img/nb3.gif") -425px 0px no-repeat; }


#nb1 a:hover { height: 31px; width: 115px; background: url("../img/nb3.gif") 0px -31px no-repeat;}
#nb2 a:hover { height: 31px; width: 60px; background: url("../img/nb3.gif") -115px -31px no-repeat;}
#nb3 a:hover { height: 31px; width: 65px; background: url("../img/nb3.gif") -175px -31px no-repeat;}
#nb4 a:hover { height: 31px; width: 55px; background: url("../img/nb3.gif") -240px -31px no-repeat;}
#nb5 a:hover { height: 31px; width: 70px; background: url("../img/nb3.gif") -295px -31px no-repeat;}
#nb6 a:hover { height: 31px; width: 60px; background: url("../img/nb3.gif") -365px -31px no-repeat;}
#nb7 a:hover { height: 31px; width: 61px; background: url("../img/nb3.gif") -425px -31px no-repeat;}

#nav_bar ul li#onpage1 { left: 0px; width: 115px; background: url("../img/nb3.gif") 0px -31px no-repeat;}
#nav_bar ul li#onpage2 { left: 115px; width: 60px; background: url("../img/nb3.gif") -115px -31px no-repeat;}
#nav_bar ul li#onpage3 { left: 175px; width: 65px; background: url("../img/nb3.gif") -175px -31px no-repeat;}
#nav_bar ul li#onpage4 { left: 240px; width: 55px; background: url("../img/nb3.gif") -240px -31px no-repeat;}
#nav_bar ul li#onpage5 { left: 295px; width: 70px; background: url("../img/nb3.gif") -295px -31px no-repeat;}
#nav_bar ul li#onpage6 { left: 365px; width: 60px; background: url("../img/nb3.gif") -365px -31px no-repeat;}
#nav_bar ul li#onpage7 { left: 425px; width: 61px; background: url("../img/nb3.gif") -425px -31px no-repeat;}


/* Supra Navigation Elements 
-------------------------------------------- */		
		

#supra_nav_bar { height: 21px; width: 183px; position: absolute; top: 13px; left: 595px; line-height: 19px; }
#supra_nav_bar ul { margin: 0; padding: 0; width: 183px; height: 21px; position: relative; list-style: none; }
#supra_nav_bar ul li { height: 21px; margin: 0; padding: 0; position: absolute; top: 0;}
#supra_nav_bar a { height: 21px; display: block; border: 0px; }	
#supra_nav_bar ul li a {text-indent: -9999px; text-decoration: none; }
	
#supra_nav_bar ul li#nb8 { left: 0px; width: 127px; background: url("../img/nb2.gif") 0px 0px no-repeat; }
#supra_nav_bar ul li#nb9 { left: 127px; width: 56px; background: url("../img/nb2.gif") -127px 0px no-repeat; }


#nb8 a:hover { height: 21px; width: 127px; background: url("../img/nb2.gif") 0px -21px no-repeat;}
#nb9 a:hover { height: 21px; width: 56px; background: url("../img/nb2.gif") -127px -21px no-repeat;}


#supra_nav_bar ul li#onpage8 { left: 0px; width: 127px; background: url("../img/nb2.gif") 0px -21px no-repeat;}
#supra_nav_bar ul li#onpage9 { left: 127px; width: 56px; background: url("../img/nb2.gif") -127px -21px no-repeat;}



/* Album Detail Page upper nav 
-------------------------------------------------------------

#navcontainer { margin-bottom: 3.25em; overflow: hidden; width: 460px; }
#navlist { list-style-type: none; margin: 0; padding: 0; }
#navlist li { border-left: 1px solid #000; float: left; line-height: 1.1em; margin: 0 .5em 0 -.5em; padding: 0 .5em 0 .5em; }
*/

#musicnav { text-align: center; margin-bottom: 2.5em;}




/* Album Detail Page Quick Links Styles
-------------------------------------------------------------*/
a img, a:link img, a:visited img { border: 1px solid #d0bb8c; text-decoration: none; }   
a:hover img { border: 1px solid #170903; text-decoration: none; } 

/* On Page States */

body#myoldmanpage a#myoldman:link img, body#myoldmanpage a#myoldman:visited img,
body#burdenpage a#burden:link img, body#burdenpage a#burden:visited img,
body#horsespage a#horses:link img, body#horsespage a#horses:visited img,
body#gopage a#go:link img, body#gopage a#go:visited img,
body#witnesspage a#witness:link img, body#witnesspage a#witness:visited img,
body#songspage a#songs:link img, body#songspage a#songs:visited img,
body#bourbonpage a#bourbon:link img, body#bourbonpage a#bourbon:visited img,
body#gaspage a#gas:link img, body#gaspage a#gas:visited img,
body#bridgepage a#bridge:link img, body#bridgepage a#bridge:visited img,
body#wepage a#we:link img, body#wepage a#we:visited img
{ 
	border: 1px solid #170903;
	text-decoration: none;
	} 







/* Typography 
-------------------------------------------------------------*/


#header h1	{
	text-indent: -9876px;
	float: left;
	width: 207px;
	height: 68px;
	background: url("../img/cb-logo.gif") top left no-repeat;
	margin: 22px 0 0 51px;
	display: inline;
	}
	
#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url("../img/cb-logo.gif") top left no-repeat;
	}




h1, h2, h3, h4, h5, h6 {
	font-family: 'comic sans ms';
	color: #270903;
	}

h1, h2, h3 {
	font-family: 'comic sans ms';
	color: #660000;
	}


h2 {font-size: 2em;}

#indexpage h2 {font-size: 3em; margin-bottom: .35em;}

#indexpage h3 {margin-left: 30px; margin-bottom: 1.5em; color: #660000;}


h3 {font-size: 1.7em; margin-bottom: .75em;}


#musicpage h3 {font-size: 1.6em; margin-bottom: .4em;}


#album-detail h3 {margin-bottom: .2em; margin-left: 3px; }


#indexpage h4 {font-size: 1.2em; margin-bottom: .6em; padding-top: 3px;}

#song-samples h3 {font-size: 1.4em; margin-bottom: 0em;}

#song-samples h4 {font-size: 1.2em; margin-bottom: .75em;}




#album-detail h4 {font-size: 1.1em; margin-bottom: 1em; margin-left: 3px;}

#purchase h4 {font-size: 1.1em; margin-bottom: 1em; text-align: center;}

#purchase ul li {font-size: 1em; margin-bottom: 1em; text-align: center;}



/* Container holding the two floating images at the bottom 
-------------------------------------------------------------*/
#sub-footer	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 792px;
	background-color: transparent;
	}	
		
#guitar {
	float: left; 
	position: relative;
	left: -62px;
	top: -185px;
	}

#hammond {
	float: right; 
	position: relative;
	left: 62px;
	top: -183px;
	}
	
	
	
	
	
	
	
hr {display: none;}	


	
.image-center {text-align: center;}
	
	
.links li {margin-bottom: 1.5em;}	
	
.links h3 {margin-bottom: 1em;}



	/* Contact Styles
-------------------------------------------- */

#contactbox {
	height: 375px;
	width: 265px;
	background-color: transparent;
	float: left;
	border-color: #786244;
	border-width: 0px 2px 0px 0px;
	border-style: none dotted none none;
	text-align: center;
	}


#contactbox h2 {margin-left: 0px; font-size: 1.7em; margin-bottom: 1.5em;}





	
	
	/* Form Styles
-------------------------------------------- */

form {background-color: transparent; width: 350px; float: left; } 			/* transparent */
 
	/*	
	IE Fixes

	:hover and :active pseudo-classes do not behave as 
	we expect them to on all but one element in IE, but there 
	are Internet Explorer Behaviors to add the desired 
	functionality with little extra work.

	The scripting of the behavior goes into a separate .htc file 
	which compliant browsers do not ever see.
	(http://www.vladdy.net/Demos/IEPseudoClassesFix.html)
	
	 */
	
input, textarea
  { behavior: url('IEfixes/IEFixes.htc');
  position: relative;
  margin: 0; padding: 0;
  }  
  
input, textarea	{
	border: 1px solid #999;
	color: #222;
	padding: 0px;
	}

input:hover, input.hover { 
	border: 1px solid #333;
	color: #111;
	}

input:focus, input.focus { 
	background: #D3DBB5;
	border: 1px solid #333;
	}

select { 
	padding: 1px; 
	border: 1px solid #999;
	}
  

select:hover, select.hover { 
	border: 1px solid #333;
	color: #111;
	}

select:focus, select.focus { 
	background: #D3DBB5;
	border: 1px solid #333;
	}



/*


textarea:hover, textarea.hover { 
	border: 1px solid #333;
	color: #111;
	}
*/






/*
textarea:focus, textarea.focus { 
	background: #DFE3E1;
	border: 1px solid #333;
	}

*/


#email { width: 192px; padding: 3px 0px 3px 5px;}

#name { width: 172px; padding: 3px 0px 3px 5px;}

#city { width: 150px; padding: 3px 0px 3px 5px;}


/* Container around regular Label and Input */

.field {
	display: block;
	padding: 0px ;
	margin-bottom: 8px;
	clear: both;
	}

.top { line-height: 1em;  }




/* Regular textbox label */
.field label 
{
    float: left;
    position: relative;
    width: 114px;
    text-align: right;
    padding-top: 3px;
}

/* Regular textbox Input */
.field input, select, textarea
{
    position: relative;
    left: 10px;
    font-size:1em;
    width: 200px;
	 font-family: 'comic sans ms';
}






	
/* Radio Button Container */
.radiobutton 
{
    display:block;
    position: relative;
    margin: 0 0 5px 124px;
}
 	
/* Radio Button itself */
.radiobutton input 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0;
	border: 0px solid #ccc;
}

.radiobutton label 
{
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	font-weight: normal;
}

.required {	font-weight: bold; }
	
.req-opt {font-weight: normal; font-size: .85em; display: block; color: #930;}
	
#submit input { margin: 0 0 1.5em 129px; width: 105px; background-color: #D3DBB5; font-weight: bold; border: 1px solid #333; cursor: pointer;}	
	

#mailinglist h2 {margin-left: 52px; font-size: 1.7em; margin-bottom: 1.5em;}

form p {margin: 0 10px 1em 54px; font-size: .85em; line-height: 1.2em; font-style: italic;}	
	

#error-output {background: #2E1405 url("../img/wood-bg.jpg") top left no-repeat; color: #FFFFFF; padding: 10px; margin-bottom: 2em; margin-left: 20px;}



#store .content {
	padding: 0px;
	border: 0px dotted #786244;
	}







	
/* HUGE, HUGE thanks to Holly and John at Position Is Everything
	for this clearing solution. http://www.positioniseverything.net/easyclearing.html	*/
	
	
		
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */