/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

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

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

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



/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 76%/1.4em georgia, 'times new roman', verdana, geneva, arial, helvetica, sans-serif;
	background: transparent url("../img/textile.gif") 0px 0px repeat;
	color: #2a1a05; 
	text-align: center;
	padding-bottom: 35px;
	}
		
#container {
	width: 849px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d8d8be;
	text-align: left;
    position: relative;
	}

	

#header {
	background: url("../img/top-stripe.jpg") 0px 0px repeat-x;
	height: 145px;
	position: relative;
	background-color: transparent; /* transparent */
	}


#image_bar {
	height: 207px;
	background: url("../img/home_image.jpg") 0px 0px no-repeat;
	position: relative;
	}

#content {
	background-color: transparent;
	padding-top: 0px;
	padding: 0 18px 35px 29px;
	}


#index_main {
	float: left;
	width: 505px;
	background: transparent url("../img/main_bottom.jpg") center bottom no-repeat;
	padding-top: 9px;
	padding-bottom: 35px;
	}


#im_left {
	float: left;
	display: inline;
	width: 208px;
	margin-left: 26px;
	background-color: transparent;
	}

#im_right {
	float: right;
	width: 175px;
	background-color: transparent;
	display: inline;
	margin-right: 37px;
	}

#im_right form {
	margin-bottom: 3em;
	}




#single_col {
	padding: 35px 70px 35px 75px;
	margin: 35px 70px 20px 75px;
	background-color: #f7f8e6;	}



#musicpagewrap {
	padding: 35px 70px 35px 75px;
	}
	
	
#pagewrap {
	padding: 30px 30px 20px 30px;
	margin: 35px 70px 20px 75px;
	background-color: #f7f8e6;
	margin-bottom: 25px;
	}
	

	
	
#index_side {
	float: right;
	width: 282px;
	background: #F7f8e6 url("../img/side_bottom.gif") center bottom no-repeat;
	}

#index_side #inner_wrapper  {
	padding: 9px 20px 35px 20px;
	}






#footer {
	background-color: #151513;
	text-align: center;
	padding: 25px;
	}

#footer p {	
	color: #a1a27a;
	font-size:1em;
	margin-bottom: 10px;
	}


	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #900; text-decoration: underline; font-weight: normal;}
a:visited	{ color: #60C; text-decoration: underline;  font-weight: normal;}
a:hover		{ color: #F60; text-decoration: underline;  font-weight: normal;}


a.pdf:link		{ color: #666; text-decoration: underline; font-weight: normal;}
a.pdf:visited	{ color: #666; text-decoration: underline;  font-weight: normal;}
a.pdf:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}

a.footer:link		{ color: #a1a27a; text-decoration: none; font-weight: normal;}
a.footer:visited	{ color: #a1a27a; text-decoration: none;  font-weight: normal;}
a.footer:hover		{ color: #7f1b17; text-decoration: none;  font-weight: normal;}



a.h1:link		{ color: #069; text-decoration: none; font-weight: normal;}
a.h1:visited	{ color: #069; text-decoration: none;  font-weight: normal;}
a.h1:hover		{ color: #633; text-decoration: none;  font-weight: normal;}



a img, :link img, :visited img { border: 0; }   

a { outline: none; }

#current { color: #BF0101; }

	





	
	
	
/*  UN-ORDERED LIST STYLES 
====================================================*/

 ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
	margin-left: 0em;
	padding: 2px 0px 2px 0px;
	background-color: transparent;
	}
	
li {
/*
	background-image: url("../img/red-dot.gif");
	background-repeat: no-repeat;
	background-position: 0 8px;
*/
	padding-left: 1.5em;
	margin-bottom: .75em;
	line-height: 1.3em;
	background-color: transparent;
	}
	
dt {font-weight: bold; margin-bottom: 2px; padding-top: 10px;}	
dd {font-weight: normal; margin-bottom: 2px;}	

#performancespage dl {margin-bottom: 3em;}


/*  NAVIGATION STYLES -- MAIN
====================================================*/

#nav_bar {border: 0px solid black; padding: 0; margin: 0px; margin-left: 0px; height: 47px; width: 506px; position: absolute; top: 59px; left: 259px; }

#nav_bar ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 506px; height: 47px; position: relative; background: transparent;}

#nav_bar ul li { height: 47px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#nav_bar a { height: 47px; display: block; border: 0px;}	

#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#nav_bar ul li#nb1 {top: 0px; left: 0px; height: 47px; width: 52px; background: url("../img/nb3.gif") 0px -0px no-repeat; }
#nav_bar ul li#nb2 {top: 0px; left: 52px; height: 47px; width: 75px; background: url("../img/nb3.gif") -52px -0px no-repeat; }
#nav_bar ul li#nb3 {top: 0px; left: 127px; height: 47px; width: 67px; background: url("../img/nb3.gif") -127px -0px no-repeat; }
#nav_bar ul li#nb4 {top: 0px; left: 194px; height: 47px; width: 59px; background: url("../img/nb3.gif") -194px -0px no-repeat; }
#nav_bar ul li#nb5 {top: 0px; left: 253px; height: 47px; width: 84px; background: url("../img/nb3.gif") -253px -0px no-repeat; }
#nav_bar ul li#nb6 {top: 0px; left: 337px; height: 47px; width: 99px; background: url("../img/nb3.gif") -337px -0px no-repeat; }
#nav_bar ul li#nb7 {top: 0px; left: 436px; height: 47px; width: 70px; background: url("../img/nb3.gif") -436px -0px no-repeat; }


#nb1 a:hover {height: 47px; width: 52px; background: url("../img/nb3.gif") 0px -47px no-repeat;}
#nb2 a:hover {height: 47px; width: 75px; background: url("../img/nb3.gif") -52px -47px no-repeat;}
#nb3 a:hover {height: 47px; width: 67px; background: url("../img/nb3.gif") -127px -47px no-repeat;}
#nb4 a:hover {height: 47px; width: 59px; background: url("../img/nb3.gif") -194px -47px no-repeat;}
#nb5 a:hover {height: 47px; width: 84px; background: url("../img/nb3.gif") -253px -47px no-repeat;}
#nb6 a:hover {height: 47px; width: 99px; background: url("../img/nb3.gif") -337px -47px no-repeat;}
#nb7 a:hover {height: 47px; width: 70px; background: url("../img/nb3.gif") -436px -47px no-repeat;}


#nav_bar ul li#onpage1 {top: 0px; left: 0px; height: 47px; width: 52px; background: url("../img/nb3.gif") -0px -47px no-repeat;}
#nav_bar ul li#onpage2 {top: 0px; left: 52px; height: 47px; width: 75px; background: url("../img/nb3.gif") -52px -47px no-repeat;}
#nav_bar ul li#onpage3 {top: 0px; left: 127px; height: 47px; width: 67px; background: url("../img/nb3.gif") -127px -47px no-repeat;}
#nav_bar ul li#onpage4 {top: 0px; left: 194px; height: 47px; width: 59px; background: url("../img/nb3.gif") -194px -47px no-repeat;}
#nav_bar ul li#onpage5 {top: 0px; left: 253px; height: 47px; width: 84px; background: url("../img/nb3.gif") -253px -47px no-repeat;}
#nav_bar ul li#onpage6 {top: 0px; left: 337px; height: 47px; width: 99px; background: url("../img/nb3.gif") -337px -47px no-repeat;}
#nav_bar ul li#onpage7 {top: 0px; left: 436px; height: 47px; width: 70px; background: url("../img/nb3.gif") -436px -47px no-repeat;}





/*  NAVIGATION STYLES -- SUB HOME
====================================================*/

#sqnav_bar {border: 0px solid black; padding: 0; margin: 0px; margin-bottom: 3em; height: 140px; width: 506px; position: relative; }

#sqnav_bar ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 506px; height: 140px; position: relative; background: transparent;}

#sqnav_bar ul li { height: 140px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#sqnav_bar a { height: 140px; display: block; border: 0px;}	

#sqnav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#sqnav_bar ul li#sqnb1 {top: 0px; left: 0px; height: 140px; width: 168px; background: url("../img/3sq_nav3.jpg") 0px -0px no-repeat; }
#sqnav_bar ul li#sqnb2 {top: 0px; left: 168px; height: 140px; width: 170px; background: url("../img/3sq_nav3.jpg") -168px -0px no-repeat; }
#sqnav_bar ul li#sqnb3 {top: 0px; left: 338px; height: 140px; width: 168px; background: url("../img/3sq_nav3.jpg") -338px -0px no-repeat; }


#sqnb1 a:hover {height: 140px; width: 168px; background: url("../img/3sq_nav3.jpg") 0px -140px no-repeat;}
#sqnb2 a:hover {height: 140px; width: 170px; background: url("../img/3sq_nav3.jpg") -168px -140px no-repeat;}
#sqnb3 a:hover {height: 140px; width: 168px; background: url("../img/3sq_nav3.jpg") -338px -140px no-repeat;}


#sqnav_bar ul li#sqonpage1 {top: 0px; left: 0px; height: 140px; width: 168px; background: url("../img/3sq_nav3.jpg") -0px -140px no-repeat;}
#sqnav_bar ul li#sqonpage2 {top: 0px; left: 168px; height: 140px; width: 170px; background: url("../img/3sq_nav3.jpg") -168px -140px no-repeat;}
#sqnav_bar ul li#sqonpage3 {top: 0px; left: 338px; height: 140px; width: 168px; background: url("../img/3sq_nav3.jpg") -338px -140px no-repeat;}




/*  h(n) STYLES
====================================================*/

h1, h2, h3, h4 {color: #af1602}

h3 {
	text-align: left;
	font-size: 1.5em;
	}


/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	position: absolute;
	top: 22px;
	left: 69px;
	width: 125px;
	height: 117px;
	margin-bottom: 0px;
	background: url("../img/logo.gif") top left no-repeat;
	}
	
h1 a	{
	display: block;
	width: 125px;
	height: 117px;
	text-decoration: none;
	background: url("../img/logo.gif") top left no-repeat;
	}
	

h1 a:hover	{
	background: url("../img/logo.gif") 0 0px no-repeat;
	}	
	
	
	
	
/*  h2 STYLES   ***************************   */

#indexpage #image_bar h2	{
	text-indent: -9876px;
	position: absolute;
	top: 93px;
	left: 570px;
	width: 216px;
	height: 99px;
	background: url("../img/sugar_h2.gif") top left no-repeat;
	}
	





/*  h3 STYLES   ***************************   */




/*
#indexpage #index_side h3	{
	text-indent: -9876px;
	width: 157px;
	height: 19px;
	background: url("../img/cd_release_h3.gif") top left no-repeat;
	margin-bottom: 10px;
	}
*/

#indexpage #im_left h3#gigs	{
	text-indent: -9876px;
	width: 84px;
	height: 18px;
	background: url("../img/next_gig_h3.gif") top left no-repeat;
	margin-bottom: 10px;
	}
	
	
#indexpage #im_left h3#headlines	{
	text-indent: -9876px;
	width: 95px;
	height: 15px;
	background: url("../img/headlines_h3.gif") top left no-repeat;
	margin-bottom: 10px;
	}
	
	

#indexpage #im_right h3	{
	text-indent: -9876px;
	width: 110px;
	height: 19px;
	background: url("../img/mailing_list_h3.gif") top left no-repeat;
	margin-bottom: 6px;
	}




/*  h4 STYLES   ***************************   */

h4, h5 {
	text-align: left;
	font-size: 1.0em;
	}



/*  MISCELLANEOUS STYLES
====================================================*/

hr { margin: 0px 0px 1em; height: 2px; color: #0C0; border: none; } /* For Internet Explorer */
#pagewrap hr { margin: 0px 0px 1em; height: 2px; background-color: #0C0; border: none;} /* For Gecko-based browsers */
#pagewrap hr { margin: 0px 0px 1em; height: 2px; background-color: #0C0; border: 0px solid #0C0; } /* For Opera and Gecko-based browsers */


#indexpage hr { margin: 0px 0px 1em; height: 1px; color: #BF0101; border: none; } /* For Internet Explorer */
#indexpage #wrapper #content hr { margin: 0px 0px 1em; height: 1px; background-color: #BF0101; border: none;} /* For Gecko-based browsers */
#indexpage #wrapper #content hr { margin: 0px 0px 1em; height: 1px; background-color: #BF0101; border: 0px solid #BF0101; } /* For Opera and Gecko-based browsers */






/* self clearing rules */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */




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




	
#emailaddress {
	width: 175px;
	margin-bottom: 5px;
	}	






input, textarea	{
	border: 1px solid #86795a;
	background-color: #fff;
	color: #666;
	padding: 3px;
	}

input#submit_button	{
	border: 0px solid #ccc;
	background-color: transparent;
	color: #666;
	padding: 0px;
	}

input#pp_button	{
	border: 0px solid #ccc;
	background-color: transparent;
	color: #666;
	padding: 0px;
	}


/* Music Page Styles
-------------------------------------------- */


.album_box {
	padding: 30px 30px 20px 30px;
	background-color: #f7f8e6;
	margin-bottom: 25px;
	}

.cd_and_price {
	float:left;
	font-size:.85em;
	width:175px;
	}
	
.cd_and_price ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding-left: 0;
	}
	
	
.cd_and_price ol {
	margin: 0 0 10px 30px;
	padding-left: 0;
	}
	
	
.cd_and_price ol li {
	position: relative;
	line-height: 1.2em;
	margin-bottom: 6px;
	}
	
.cd_and_price p {
	margin: 0 0 .5em 0;
	font-weight: normal;
	}
	
	
.cd_and_price img {
	border: 1px solid black;
	margin-bottom: 2px;
	}


#musicpage a img { border: 1px solid black; }

.cd_description {
	margin-left:205px;
	}


#musicpage blockquote {
	font-size:.85em;
	margin-right: 35px;
	line-height:1.2em;
	color: #300;
	font-family: 'comic sans ms', sans-serif;
	}




.back_to_top { 
	text-align: center;
	font-size: .76em;
	color: #600;
	margin-bottom: 35px;
	}