/*
	Cleansed By Fire by DesignbyBhaal (www.designbybhaal.com)
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com April 2007 
   All styles that have been changed are indented
	
	Most layout problems were caused by not zeroing margin and padding values

	NEW VARIATION: using plain text headers instead of graphic headers.

*/
	
               	html, body, div	{margin: 0; padding: 0}		/* NEW!! clears block margins/padding */
                  img					{border: none;}				/* NEW!! clears all image borders */

						/* (mostly) firefox defaults, for other browser's benefit */ 						

      				ul, ol 			{margin: 1em 0 1em 40px; padding: 0;} 	/* NEW!! fixes nav layout bug */


body {
	margin:0;
	color:#000;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	background:#000 url(/shared/fireside/bkg_right_3.jpg) repeat-y fixed right;
	text-align:center;
	padding: 50px;
}
form {
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
a {
	color: #000;
}
a:hover {
	color: #f00;
}
h2 {
	font-size:14px;
}
#accessibility {
	position: absolute;
	left: -9999px;
}

/*
body.home #content h1, body.list #content h1 {
	background:     url(/shared/fireside/welcome_txt_6.gif) no-repeat;
}
body.bio #content h1 {
	background:  url(/shared/fireside/bio_txt_6.gif) no-repeat;
}
body.music #content h1 {
	background:   url(/shared/fireside/music_txt_6.gif) no-repeat;
}
body.contact #content h1 {
	background:   url(/shared/fireside/contact_txt_6.gif) no-repeat;
}
body.press #content h1 {
	background:   url(/shared/fireside/press_txt_6.gif) no-repeat;
}
body.news #content h1 {
	background:   url(/shared/fireside/news_txt_6.gif) no-repeat;
}
body.calendar #content h1 {
	background:   url(/shared/fireside/calendar_txt_6.gif) no-repeat;
}
body.photos #content h1 {
	background:   url(/shared/fireside/photos_txt_6.gif) no-repeat;
}
body.video #content h1 {
	background:   url(/shared/fireside/video_txt_6.gif) no-repeat;
}
body.store #content h1 {
	background:   url(/shared/fireside/store_txt_6.gif) no-repeat;
}
body.guestbook #content h1 {
	background:   url(/shared/fireside/guestbook_txt_6.gif) no-repeat;
}
body.links #content h1 {
	background:   url(/shared/fireside/links_txt_6.gif) no-repeat;
}
*/

/* general */
#container {
	width: 528px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:740px;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
	border:solid 1px #000;
	border-bottom:none;
	background-image:     url(/shared/fireside/cbf_sides_6.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#navigation {
	position: absolute;
	text-align: right;
	top: 200px;
	width: 195px;
	letter-spacing: 0.3em;
	height: 280px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}
#content {
	padding:160px 50px 100px 230px;
	min-height:700px;
	voice-family: "\"}\"";
	voice-family:inherit;
	min-height:350px;
}

               #content h1 {
						margin: 0; 				/* NEW!! fixes spacing bug by overriding browser-specific defaults */
						padding-top: 40px;		/* NEW!! new padding values match old look more consistently */
						padding-bottom: 5px;		/* NEW!! new padding values match old look more consistently */
						font-size: 2.1em;
					}

				/*	html>body #content h1 {top: 15px;}		 NEW!! IE hack is useless now */
					
					#content img {margin-top: 1em;}

#content div.entry {
	padding-top: 0px;
}
#content h2 {
	border-bottom:dotted 1px #f00;
}
#banner {
	position:absolute;
	top:0px;
	width:740px;
	height:180px;
	border-bottom:5px #f00;
	background-image:     url(/shared/fireside/cbf_topbar_6.jpg);
	text-align: right;
	background-color: 656565;
	left: 0px;
}
#banner .band {
	height: 120px;
	width: 402px;
	position: absolute;
	border: 1px #000;
	top: 40px;
	left: 310px;
}
#banner .photo {
	height: 120px;
	width: 200px;
	position: absolute;
	top: 40px;
	background-image: url(/images/daveconductingorchestrapit-200x120.jpg);
	left: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}
#banner span {
	display:none;
}
#emailsignup {
	position:absolute;
	top:505px;
	left:25px;
	z-index:5;
	width:145px;
	padding:10px;
	margin:10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:145px;
	text-align: center;
}
html>#emailsignup {
	width:145px;
}
#emailsignup input {
	font-size:10px;
	margin-top:10px;
}
#footer {
	background-image:     url(/shared/fireside/cbf_bottom_6.jpg);
	clear: both;
	background-repeat: no-repeat;
	width: 740px;
	position: absolute;
	height: 68px;
}
#footer p {
	font-size: 0.8em;
	color: #ccc;
	border: #000;
	text-align: left;
	margin-top: 40px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
/* nav */
#navigation li {
	list-style-type: none;
	margin: 0;
}
#navigation a:link, #navigation a:visited {
	text-decoration: none;
	background-color: #666;
	color: #fff;
	display: block;
	padding: 2px 6px;
	border: 1px solid #fff;
	border-top: 0;
	list-style-image: none;
	height: 1em;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
	background-color: #ccc;
	color: #f00;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 1em;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
}

/* home + news */
body.home p {
	color: #000;
	padding-top: 15px;
	padding-bottom: 5px;
}
body.home div.entry p {
	padding-bottom:0;
}
body.home div.notes p {
	padding-bottom: 0;
}

/* links */

/* -- section-specific style -- */

body.bio div.entry {
	margin-top: 40px;
}
body.news div.entry {
	margin-top: 40px;
}
.music h2 {
	font-size: 1.3em;
}
.music h2 {
	margin-top: 40px;
	padding-bottom: 10px;
	letter-spacing: 5px;
}
.music h3 {
	text-transform:uppercase;
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 60px;
	margin-bottom: 5px;
	padding-top: 20px;
}
.music h3 a {
    text-decoration: none;
    font-weight:normal;
}
.music .details {
	margin: 0 30px 15px 60px;
	text-decoration: none;
	list-style-type: none;
}
.music .artist {
	color: #838386;
}
.music .artist, .music .caption {
	display: inline;
	text-size: 0.7em;
	padding-right: 10px;
}
.music .description {
	line-height: 150%;
	font-style: italic;
	border-bottom: solid 1px #797982;
}
.music #content ul {
	margin: 10px 0;
	list-style-type: none;
	list-style-image:  url(/shared/fireside/bullet_triangle_blue.gif);
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.music #content li a {
	font-weight: normal;
	text-decoration: none;
}
.music .m3u_hifi_clip {
	padding: 0 0 10px 20px;
	display: block;
}
.music .m3u_lofi_clip {
	padding: 0 0 10px 20px;
	display: block;
}
.contact ul {
	list-style: none;
}
.contact h2 {
    letter-spacing: 5px;
}
body.contact div.entry {
	margin-top: 40px;
	margin-bottom: 50px;
}
.press h2 {
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: 5px;
	margin-top: 0px;
}
.press .entry {
	background:    url(/shared/fireside/quote_6.gif) no-repeat 0.1em 0.01em;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	text-align: left;
	vertical-align: top;
	font-size: 1em;
	margin: 40px 0 12px;
	padding: 0 0 0 10px;
	font-style: normal;
}
.press .caption {
	margin: 0 40px 40px;
	font-style: italic;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	text-align: right;
}
.calendar h2 {
	font-size: 1.1em;
	text-transform:uppercase;
	font-style: normal;
	color: #000;
}
.calendar h2 a {
    font-weight:normal;
}
body.calendar div.entry {
	margin-top: 40px;
}
.calendar h3 {
	font-weight: normal;
	font-variant: small-caps;
	font-size: 1.1em;
	margin: 0;
}
.photos img {
	border: solid 1px #D0C6C6;
	background: #F3F5F2;
	padding: 10px;
}
.photos dl {
	padding: 5px 0 0;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0px;
}
.photos dt {
	padding: 0px;
	margin: 20px 0 1px;
}
.photos dd {
	margin: 0;
	padding: 0;
}
#postForm {
	height: 250px;
	margin: 0 0 35px;
	padding: 10px 0px;
	width: 400px;
	text-align: left;
}
#postForm input, #postForm label, #postForm textarea {
	display: block;
	text-align: justify;
	width: 300px;
	margin: 0 auto 10px auto;
}
#postForm input:focus, #postForm textarea:focus {
	color: #000;
	background: #F0FF00;
	font-weight: bold;
}
#postForm label {
	padding: 3px 0;
	margin-bottom: 1px;
	font-style: italic;
	font-weight: bold;
}
body.store table {
	border-collapse:collapse;
}
body.store div.store {
	padding-top: 5px;
}
body.store tbody td {
	text-align: left;
}
.guestbook h2 {
	margin: 0 0 0px;
	letter-spacing: 0;
	font-size: 1.1em;
	font-style: italic;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}
.guestbook h2 a {
	text-transform: lowercase;
	font-weight:normal;
}
.guestbook h3 {
	margin: 0;
	padding: 0px 0 0 20px;
	font-weight:normal;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .2em;
}
.guestbook blockquote {
	margin: 0;
	padding: 0px 20px 10px;
}
.guestbook p:first-letter {
    font-size: 1.2em;
}
body.video p {
	color: #000;
	padding-top: 15px;
}
/*
.links h2 {
	margin-top: 0;
	margin-right: 20px;
	margin-left: 20px;
}
.links dl {
	margin-top: 0;
	margin-right: 25px;
	margin-left: 25px;
}
.links dd {
	padding-top: 0px;
}
.links h3 a {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 0.9em;
}
.links dt {
	padding-top: 1px;
*/
/*
body.links #content dl {
	margin-top: 0;
	margin-right: 25px;
	margin-left: 25px;

}
body.links #content dt {
	padding-top: 3px;

}
body.links #content h3 {
	font-size: 1.2em;
}
*/
body.links h3 {
	font-size: 1.1em;
}
body.links h2 {
	margin: 0px 20px 20px;
	padding-top: 10px;
	font-size: 1em;
}
.links dl {
	margin: 5px 25px 15px;
	padding-top: 5px;
}
.links dd {
	margin-bottom: 5px;
}
/* =========== TWEAKS =========== */
/* -- selected links --*/
body.home #navhome, body.index #navindex, body.music #navmusic, body.contact #navcontact,  body.press #navpress, body.news #navnews, body.photos #navphotos, body.guestbook #navguestbook,  body.links #navlinks, body.calendar #navcalendar, body.bio #navbio, body.store #navstore, body.video #navvideo {
	text-transform: uppercase;
	color: #ff0;
}

