body
{
	padding: 0;
	margin: 0;
	background: #002A59 url(Roadside%20Blues%20Band%20Site/shared/shafted/bl-background.gif) no-repeat scroll;
	color: #D0B126;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#accessibility
{
	position: absolute;
	left: -10000px;
	top: -10000px;
}
			
         #content
         {
	position: absolute;
	left: 285px;
	top: -54px;
	width: 360px;
	height: 574px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CDC6DF;
	background-attachment: scroll;
	line-height: 21px;
	font-weight: normal;
	text-align: justify;
	z-index: 2;
	font-size: 13px;
: 199px 10px 10px 10px;		/* NEW!! padding-top was 180px, now using padding only */
         	text-align: left;
         }

#container
{
	position: absolute;
	left:5px;
	top: 228px;
	width:120px;
	z-index: 1;
	text-align: left;

}

#banner
{
	position: absolute;
	left:979px;
	top: -223px;
	height: 170px;
	width: 954px;
	z-index: 1;
	text-indent: -10000px;
	background-image: url(Roadside%20Blues%20Band%20Site/images/bk-bit.gif);
}

#navigation
{
	margin: 64px 0 0 3px;
	background: 
}

#navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
	color: #D0A343;
}

#navigation a:link, #navigation a:visited, #navigation a:active
{
	color: #D09615;
	text-decoration: none;
}

#navigation a:hover
{
	color: #D09615;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#emailsignup
{
	margin: 0 0 0 3px;
	padding: 10px 20px 10px 25px;
	text-align: left;
}

form
{
	margin: 0;
}

#footer
{
	padding-top: 1px;
	height: 63px;
	margin: 0;
}

#footer p
{
	margin: 0;
}

         h1
         {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 27px;
	color: #D09615;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	overflow: visible;
	position: absolute;
	visibility: visible;
	height: auto;
	width: 171px;
	left: -37px;
	top: -34px;
	z-index: 1;
         /*	padding-top: 29px; 						NEW!! this is the old image replacement, which was a bit clumsy
         	overflow: hidden;
         	height: 0 !important;
         	height /*: 29px;
         	color: black; */
         }

         h1
         {
	margin: 0 0 16px;
	padding: 1px 0 0 37px;
	height:	54px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #787BD0;
	letter-spacing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: block;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
			}
			
			/* NEW!! Dwyer Image Replacement (www.mezzoblue.com/tests/revised-image-replacement) */
			
			h1 span
			{
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #2515C8;
	text-align: left;
			}			
			
body.home h1, body.list h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
}

body.music h1
{
}

body.bio h1
{
	background-position: left;
	text-align: left;
}

body.contact h1
{
}

body.press h1
{
}

body.news h1
{
}

body.calendar h1
{
}

body.photos h1
{
}

body.guestbook h1
{
}

body.links h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
}

body.products h1
{
}

#content a:link, #content a:active
{
	color: #E1AF28;
}

#content a:visited
{
	color: #DFA618;
}

#content a:hover
{
	color: #FF9900;
}

h2
{
	font-size: 15px;
	text-transform: none;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
	text-align: right;
}

.date
{
	display: block;
	font-size: 16px;
	text-transform: capitalize;
}

h3
{
	font-size: 16px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: left;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	font-weight: bold;
	text-align: left;
	line-height: 17px;
}

body.music .details
{
	background: #000000;
	border: 2px solid #000000;
	margin-top: -10px;
}

blockquote
{
	margin-left: 0;
	padding-left: 40px;
	padding-top: 10px;
	background:   url(Roadside%20Blues%20Band%20Site/images/quotes.gif) no-repeat;
}

.caption
{
	margin-left: 40px;
	margin-top: -10px;
}

.entry
{
	margin: 10px 0;
	padding: 10px;
}

.entry h2
{
	margin-top: 0;
}

h4
{
	font-size: 13px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #B0BBDE;
	font-style: normal;
	letter-spacing: 0.1em;
	word-spacing: 0px;
	text-align: left;
}

.entry h3
{
	margin: 0;
}

address
{
	font-style: italic;
}

			/*	NEW!! we can now use bottom borders. border-bottom was set to 0 because the intention was to 
				use dt to form the top half of the box and dd to form the bottom, but this looks funny when the
				user fills in the dt but leaves the dd blank. The solution is to set the bottom border anyway and
				then use position: relative to shift the dd up by 1px, covering up the bottom border. */
				
 dt
  {
	background: rgb(25,25,25);
	border: 1px solid rgb(50,50,50);
 /*	border-width: 1px 1px 0 1px; 			NEW!! see big comment above */	
	padding: 10px;							
	font-size: 12px;						
	font-weight: bold;
	margin: 0;
         }

 	dd
	{
	margin: 0 0 10px 0;
	background: rgb(25,25,25);
	border: 1px solid rgb(50,50,50);
	border-width: 0 1px 1px 1px;
	padding: 0 10px 10px 10px;
	text-align: center;
	position: relative;
	top: -615px;
	left: 526px;
	width: 489px;
	height: 100px;
		
         }

			
			/* NEW!! the whole dl box thing didn't work was well on this page so it has been gotten rid of.
				All of these styles are new. */
			
         .links dd
         {
	background-color: transparent;
	border: none;
	text-align: left;
	padding: 0 0 0 40px;
	margin: 0 0 3px 0;
	font-size: 16px;
         }

body.photos img
{
	background: rgb(150,150,150);
	border: 1px solid rgb(100,100,100);
	border-width: 3px 2px;
	border-style: double solid;
	background: rgb(25,25,25);
}

body.products .entry
{
	margin-top: -1px;
}

body.products p, body.products h3, body.products ul
{
	margin: 0;
}

hr
{
	display: none;
}

body.guestbook h3, body.guestbook h2
{
	margin: 2px 0;
}

#postForm
{
	background: rgb(25,25,25);
	border: 1px solid #CC740B;
	padding: 10px 20px 20px 20px;
	text-align: center;
}

body.guestbook label, body.guestbook #postForm input, body.guestbook textarea
{
	display: block;
	width: 180%;
	/* IE/Mac fix \*/
	width: 250px;
	/**/
	margin: 0 auto;
}

body.guestbook label
{
	margin-top: 10px;
	text-align: left !important;
}

body.guestbook textarea
{
	margin-bottom: 20px;
}

body.links dt
{
	margin: 0 20px;
	background: transparent;
	border: 0;
	padding: 0;
}

body.bio .entry
{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

body.music .details
{
	padding: 10px 10px 0 10px;
}

body.music h3
{
	padding-left: 10px;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

body.press .entry
{
	background: transparent;
	border: 0;
}

input, textarea
{
	border: 1px solid rgb(50,50,50);
	background: #968CE8;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body.music .caption
{
    margin: 0;
    padding: 0;
}

body.products .caption
{
    margin: 5px 0;
    padding: 0;
}

body.products dd
{
    text-align: left;
}

a img
{
    border: none !important;
}
#splashimage { text-align: center; margin: 100px auto; }
#splashimage a img { border: 0; }

		
			
.h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	font-variant: normal;
	text-transform: none;
}

