/* ____________________________________
CSS authoring: Stu Olds Web Design 2006 for Melinda Schneider dot com
_______________________________________ */

* {margin: 0; padding: 0;}
html, body {height: 100%;}

#container {
 width: 750px;
 background: url(back.jpg) repeat-y;
 margin: 0 auto;
 padding: 0px;
 text-align: left;
}


/* __________
Titles    _____________*/



#title {  width:750px; height:48px; background:url(name.jpg) no-repeat; }
#header {  width:750px; height:336px; background:url(header.jpg) no-repeat; }
#titlenews {  width:750px; height:48px; background:url(HD_news.jpg) no-repeat; }
#titlebio {  width:750px; height:48px; background:url(HD_bio.jpg) no-repeat; }
#titlediscog {  width:750px; height:48px; background:url(HD_discog.jpg) no-repeat; }
#titlelyrics {  width:750px; height:48px; background:url(HD_lyrics.jpg) no-repeat; }
#titlereviews {  width:750px; height:48px; background:url(HD_reviews.jpg) no-repeat; }
#titletour{  width:750px; height:48px; background:url(HD_gigs.jpg) no-repeat; }
#titletourarchive { width:750px; height:48px; background:url(HD_gigarchive.jpg) no-repeat; }
#titlepress {  width:750px; height:48px; background:url(HD_press.jpg) no-repeat; }
#titlegallery {  width:750px; height:48px; background:url(HD_gallery.jpg) no-repeat; }
#titlevideo {  width:750px; height:48px; background:url(HD_videos.jpg) no-repeat; }
#titlediary{  width:750px; height:48px; background:url(HD_diary.jpg) no-repeat; }
#titlelinks {  width:750px; height:48px; background:url(HD_links.jpg) no-repeat; }
#titlemerch {  width:750px; height:48px; background:url(HD_merch.jpg) no-repeat; }
#titlecontact {  width:750px; height:48px; background:url(HD_contact.jpg) no-repeat; }
#titlelist {  width:750px; height:48px; background:url(HD_list.jpg) no-repeat; }



#menuline {  width:750px; height:30px; background:url(menuline.jpg) no-repeat; }


#nav { width:750px; height:30px; }

/* ____________ */
/* Main Menu */
/* ____________*/

#nav ul { width:750px; padding:0; margin:0; list-style-image: url(spacer.gif); }
#nav ul li { float:left; padding:0; margin:0; list-style-type: none; }
#nav ul li a { display:block; height:30px; }
#nav ul li.space1 a { background:url(fireworks/menu_r1_c1.jpg) 100% 0; width:50px; }
#nav ul li.news a { background:url(fireworks/menu_r1_c2.jpg) 100% 0; width:40px; }
#nav ul li.news a:hover { background:url(fireworks/menu_r1_c2.jpg) 100% -30px; }
#nav ul li.bio a { background:url(fireworks/menu_r1_c3.jpg) 100% 0px; width:63px; }
#nav ul li.bio a:hover { background:url(fireworks/menu_r1_c3.jpg) 100% -30px; }
#nav ul li.discog a { background:url(fireworks/menu_r1_c4.jpg) 100% 0px; width:77px; }
#nav ul li.discog a:hover { background:url(fireworks/menu_r1_c4.jpg) 100% -30px; }
#nav ul li.lyrics a { background:url(fireworks/menu_r1_c5.jpg) 100% 0; width:40px; }
#nav ul li.lyrics a:hover { background:url(fireworks/menu_r1_c5.jpg) 100% -30px; }
#nav ul li.reviews a { background:url(fireworks/menu_r1_c6.jpg) 100% 0px; width:52px; }
#nav ul li.reviews a:hover { background:url(fireworks/menu_r1_c6.jpg) 100% -30px; }
#nav ul li.tour a { background:url(fireworks/menu_r1_c7.jpg) 100% 0px; width:35px; } 
#nav ul li.tour a:hover { background:url(fireworks/menu_r1_c7.jpg) 100% -30px; }
#nav ul li.press a { background:url(fireworks/menu_r1_c8.jpg) 100% 0px; width:95px; }
#nav ul li.press a:hover { background:url(fireworks/menu_r1_c8.jpg) 100% -30px; }
#nav ul li.gallery a { background:url(fireworks/menu_r1_c9.jpg) 100% 0px; width:80px; }
#nav ul li.gallery a:hover { background:url(fireworks/menu_r1_c9.jpg) 100% -30px; }
#nav ul li.video a { background:url(fireworks/menu_r1_c10.jpg) 100% 0px; width:46px; }
#nav ul li.video a:hover { background:url(fireworks/menu_r1_c10.jpg) 100% -30px; }
#nav ul li.diary a { background:url(fireworks/menu_r1_c11.jpg) 100% 0px; width:38px; }
#nav ul li.diary a:hover { background:url(fireworks/menu_r1_c11.jpg) 100% -30px; }
#nav ul li.shop a { background:url(fireworks/menu_r1_c12.jpg) 100% 0px; width:38px; }
#nav ul li.shop a:hover { background:url(fireworks/menu_r1_c12.jpg) 100% -30px; }
#nav ul li.contact a { background:url(fireworks/menu_r1_c13.jpg) 100% 0px; width:52px; }
#nav ul li.contact a:hover { background:url(fireworks/menu_r1_c13.jpg) 100% -30px; }
#nav ul li.space2 a { background:url(fireworks/menu_r1_c14.jpg) 100% 0px; width:44px; }
#nav ul li a span { display:none; }

#nav ul li a.active { background-position:100% -30px; width:66px}

body { background: #faf7bb url(sback.jpg) repeat top left; text-align:center; margin: 0px auto; padding: 0px; font: 10px verdana, arial, sans-serif; color: #63411e; line-height: 1.3em;}

/* ---- Right sidebar ----*/				
#sideBar {
 font: 11px/12px Arial, Helvetica;
 color: #63411e;
 position: absolute;
 top: 425px;
 margin-left: 35px;
 width: 205px;
 padding-right: 10px
 padding-left: 5px; 
}

.sideBar a:link, .sideBar a:visited {
	color: #63411e;
	BORDER-BOTTOM:#63411e 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.sideBar a:hover, .sideBar a:active, .sideBar a:focus {
	color: #63411e;
	BACKGROUND-COLOR: #faf7bb; 
	TEXT-DECORATION: none;
}

.navbar {
	margin: 6px 0 0 1em;
	padding-left: 1em;
}
.navbar li {
	list-style-image: url(point2.gif);
}
.navbar a {
	padding: 1px;
}
.navbar a:link, .navbar a:visited {
	color: #63411e;
	display: block;
	BORDER-BOTTOM:#63411e 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
	width: 135px;
}
.navbar a:hover, .navbar a:active, .navbar a:focus {
	color: #63411e;
	BACKGROUND-COLOR: #faf7bb; 
	TEXT-DECORATION: none;
}

.navbar li {
	list-style-image: url(point.jpg);
}

#sidebar h3 {
	color: #8C856B;
	font-size: 1.2em;
	margin: 10px 0 0 0;
}
#sidebar p {
	margin: 6px 0 12px 0;
}


#foot {
	background: url(foot.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 84px;
	clear: both;
	text-indent: -9999px;
	position: relative;
}

/* ____________ */
/* Main Page Content */
/* ____________*/
#content {
 text-align: justify;
 width: 435px;
 margin-right: 225px;
 margin-left: 253px;
 margin-top: 5px;
 border-left: 1px dashed #faf7bb;
 padding-left: 15px;
}
#content p {
 margin: 0 0 12px 0;
}

.content li {
	list-style-image: url(includes/point2.gif);
}

#cBlock {
 
 color: #63411e;
 text-align: justify;
 width: 500px;
 margin: 25px 0 0 25px;
 border-top: 1px solid #63411e;
}
#cBlock p {
 margin: 0 0 12px 0;
}

input, textarea {
	font: 10px verdana, arial, sans-serif;
	color: #63411e;
	border: 1px solid #A1A19F;
	margin: 1px 2px;
	-moz-border-radius: 4px;
	background-color: #fff;
	}
input:hover, textarea:hover { 
	border-color: #63411e; 
	background-color: #fff;
	}
input:focus, textarea:focus {
	border-color: #faf7bb; 
	background-color: #fff;
	}
	
SELECT {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9px; COLOR: #000; FONT-WEIGHT: normal; BACKGROUND-COLOR: #fff;
}


.block        {
	margin:  0;
	padding:  5px 5px;
	line-height: 12px;
	font-size: 11px;
	color: #63411e;
	background: transparent;
                }
.block p     {
           font-weight: normal;
           text-align:justify;
                }

.block li {
	list-style-image: url(includes/point2.gif);
	margin-left: 20px;
}

.block a {
	padding: none;
}
.block a:link, .block a:visited {
	color: #63411e;
	BORDER-BOTTOM:#63411e 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.block a:hover, .block a:active, .block a:focus {
	color: #faf7bb;
	BACKGROUND-COLOR: #63411e; 
	TEXT-DECORATION: none;
}

.block li {
	list-style-image: url(point2.gif);
	margin-left: 20px:
}

.backblock {
	margin:  0;
	padding:  2px 2px;
	line-height: 9px;
	font-size: 11px;
	color: #faf7bb;
	font-weight:normal;
	background: #63411e;
                }
.backblock p     {
                text-align:justify;
                }

.backblock a {
	padding: 1px;
}
.backblock a:link, .backblock a:visited {
	color: #faf7bb;
	BORDER-BOTTOM:#faf7bb 1px dotted; 
	BACKGROUND-COLOR: #63411e; 
	TEXT-DECORATION: none;
}
.backblock a:hover, .backblock a:active, .backblock a:focus {
	color: #63411e;
	BACKGROUND-COLOR: #63411e; 
	TEXT-DECORATION: none;
}

.smblock        {
	margin:  0;
	padding:  10px 5px;
	line-height: 12px;
	font-size: 11px;
	color: #63411e;
	font-weight:normal;
	background: transparent;
                }
.smblock p     {
                text-align:justify;
                }

.smblock li {
	list-style-image: url(includes/point2.gif);
}
.smblock a {
	padding: none;
}
.smblock a:link, .smblock a:visited {
	color: #63411e;
	BORDER-BOTTOM:#63411e 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.smblock a:hover, .smblock a:active, .smblock a:focus {
	color: #d7b369;
	BACKGROUND-COLOR: #7d6c50; 
	TEXT-DECORATION: none;
}

.smblock li {
	list-style-image: url(point2.gif);
}
.discogblock {
	margin:  0;
	padding:  10px 10px;
	line-height: 14px;
	font-size: 11px;
	color: #8C856B;
	font-weight:normal;
	background: transparent;
                }
.discogblock p     {
                text-align:justify;
                }

.discogblock li {
	list-style-image: url(point2.gif);
}
.discogblock a {
	padding: 1px;
}
.discogblock a:link, .discogblock a:visited {
	color: #fff0d1;
	BORDER-BOTTOM:#fff0d1 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.discogblock a:hover, .discogblock a:active, .discogblock a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #63411e; 
	TEXT-DECORATION: none;
}

.discogblock li {
	list-style-image: url(point.jpg);
}
.picblock        {
	float: right;
	margin:  0;
	padding:  10px 10px;
	line-height: 14px;
	font-size: 11px;
	font-weight:normal;
	background: transparent;
                }			

.albumpicblock        {
	float: right;
	margin:  0;
	padding: 5px;
	background: transparent;
                }	
				
				
.albumpicblock2        {
	float: left;
	margin:  0;
	padding: 5px;
	background: transparent;
	}							
				
.artistpicblock        {
	margin:  0;
    border: 1px solid #854f0f;
	background: transparent;
                }
.blockfooter   {
                color:#63411e;
                font-size:11px;
				font-weight:bold;
                text-align:left;
                margin-bottom:3px;
                margin-top:5px;
                }
.blockfooter  {
                    margin-top:15px;
                    }
.blockfooter2  {
                color:#63411e;
                font-size:9px;
                text-align:left;
                margin-bottom:3px;
                margin-top:3px;
                }
		

h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, verdana, sans-serif;
	padding-left: 2px;
}

p, td {
	font: 11px helvetica, arial, verdana, sans-serif;
	color:#63411e;
	margin-bottom:10px;
	font-weight: normal;
	margin-top:6px;
	padding:0;
	text-align:left;
}
 
h1 {
	margin-top: 0;
	font-size: 218%;
	font-variant:small-caps;
	line-height: 1em;
	color:#63411e;
	border-bottom:1px solid #E9E8DF;
}
 
h2 {
	font-style: normal;
	font-size: 130%;
	color:#63411e;
}

h2 a:link, h2 a:visited {
	color: #8C856B;
	BORDER-BOTTOM:#8C856B 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
h2 a:hover, h2 a:active, h2 a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #bf8351; 
	TEXT-DECORATION: none;
}

h2 li {
	list-style-image: url(point.jpg);
}
 
h3 {
	font-size: 130%;
	color:#63411e;
	margin:10px 0px;
	line-height: 20px;
	border-bottom:1px solid #63411e;
}


h3 li {
	list-style-image: url(point2.gif);
}
h3 a {
	padding: 1px;
}
h3 a:link, h3 a:visited {
	color: #8C856B;
	BORDER-BOTTOM:#8C856B 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
h3 a:hover, h3 a:active, h3 a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #bf8351; 
	TEXT-DECORATION: none;
}

h3 li {
	list-style-image: url(point2.jpg);
}
 
h4 {
	font-family: helvetica, arial, verdana, sans-serif;
	color:#63411e;
	font-weight: bold;
	font-size: 110%;
	margin:4px 0px 0px 0px;
}

h5 {
	font-family: helvetica, arial, verdana, sans-serif;
	color:#63411e;
	font-weight: bolder;
	font-size: 100%;
	margin:4px 0px 0px 0px;
}
