
/************************************

COLOR SCHEME

RED: #9a4b20
DARK BROWN: #564429
LIGHT BROWN: #9e824e
BEIGE: #cea058
CREAM: #CE9E46 - for links
CREAM: #E3CBA7 - for background or text
************************************/

/**globals**/

#leftrail,#rightrail,#leftspacer,#middlerail
{
	height: 801px;
}

img
{
	border: 0;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9a4b20;
	margin: 0 0;
	/*background-image:url(../images/lightBrownBass.png);*/
}

#wrapper,#footer
{
	width:100%;

}

#middle-wrapper {
	float: left; 
	min-width: 1105px;
}

img#logo
{
	position: absolute;
	top: 20px;
	left: 15px;
}

#top
{
	background-color: #9a4b20;
	height: 80px;
}

#nav
{
	font-family: impact, arial;
	font-size: 28px;
	background-color: #564429;
	height: 120px;
	border: 0 solid #000;
	border-width: 6px 0 6px 0;
	min-width: 1105px;
}

#nav ul
{
	margin-left: 350px;
	margin-top: 42px;
}

#nav ul li
{
	display: inline;
	color: white;
	padding-bottom: 12px;
	float: left;
}

#nav ul li a
{
	text-decoration: none;
	color: white;

}

#nav ul li a:hover
{
	text-decoration: none;
	color: #CE9E46;

}

#navleaf
{
	float: left;
	margin: 0 4px 0 4px;
}

#leftspacer
{
	float:left;
	background-color: #9e824e;
	/*background-image:url(../images/brownGuitar.png);*/
	width: 80px;
}

#leftrail
{
	float:left;
	background-color: #9a4b20;
	width: 200px;
	border: 0 solid #000;
	border-width:0 6px 0 6px;

}

#leftrail h5,#rightrail h5
{
	color: #fff;
	font-size: 18px;
	margin-top:8px;
}

#leftrail ul
{
	list-style-type:none;
	margin-left: -40px;
}

#leftrail ul li 
{
	font-size:12pt;
	color: #fff;
	border-top: 2px solid #9E824E;
	padding: 7px 7px;
}

#leftrail ul li h5
{
	font-size:12pt;
	margin: 0 0;
	color: #CE9E46;
}

#leftrail ul li p
{
	font-size:9pt;
	margin: 2px 0 0 0;
}

#leftrail #more-shows-link {
	float: left;
}

#leftrail #rss-link {
	float: right;
}

#leftrail #rss-link img {
	width: 12px;
	height: 12px;
}

#middlerail
{
	float:left;
	background-color: #fff;
	width: 600px;
}

#rightrail
{
	float:left;
	background-color: #9e824e;
	width: 200px;
	border: 0 solid #000;
	border-width:0 6px 0 6px;

}

#news
{
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	height: 600px;
	margin: 0 0;
	background-image:url(../images/newsbg.jpg);
	background-color:#E3CBA7;
}

#news #stories
{
	position: relative;
	width: 445px;
	height: 400px;
	background-color: #E3CBA7;
	top: 166px;
	left: 73px;
	/*overflow:auto;*/
}

#songs
{
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	height: 803px;
	margin: 0 0;
	background-image:url(../images/songsbg.jpg);
	background-color:#E3CBA7;
}



#songs #stories
{
	position: relative;
	width: 445px;
	height: 600px;
	background-color: #E3CBA7;
	top: 166px;
	left: 73px;
	overflow:auto;
}

#shows
{
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	height: 803px;
	margin: 0 0;
	background-image:url(../images/gigsbg.jpg);
	background-color:#E3CBA7;
}

#shows #stories .date-span { float: left; }
#shows #stories ul { width: 400px;}
#shows #stories .venue-span { float: right; margin-right: 3px; }
#shows #stories .headline { font-size: 1.2em; font-weight: bold; padding-top: 3px; padding-bottom: 3px; }
#shows #stories p { margin: 1px; font-size: 12px;  }
#shows #stories p a{ color: #564429; font-weight: bold;  }
#shows #stories li { border-bottom: 0.5px solid #000; }
#shows #stories p.time { margin-bottom: 3px; }

#shows #stories
{
	position: relative;
	width: 445px;
	height: 600px;
	background-color: #E3CBA7;
	top: 166px;
	left: 73px;
	overflow:auto;
}

#contact
{
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	height: 803px;
	margin: 0 0;
	background-image:url(../images/contactbg.jpg);
	background-color:#E3CBA7;
}


#contact #stories
{
	position: relative;
	width: 445px;
	height: 600px;
	background-color: #E3CBA7;
	top: 166px;
	left: 73px;
	overflow:auto;
}

#band
{
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	height: 803px;
	margin: 0 0;
	background-image:url(../images/thebandbg.jpg);
	background-color:#E3CBA7;
}


#band #stories
{
	position: relative;
	width: 445px;
	height: 600px;
	background-color: #E3CBA7;
	top: 166px;
	left: 73px;
	overflow:auto;
}

#stories ul
{
	list-style-type:none;
	margin-left: -40px;
}

.date
{
	font-weight: bold;
	margin-top: 12px;
}

.excerpt a
{
	font-weight: bold;
	margin-top: 12px;
	color: #9a4b20;
}

a
{
	text-decoration: none;
	color: #CE9E46;
}

#footer
{
	clear: both;
	background-color: #564429;
	height: 30px;
	border: 0 solid #000;
	border-width: 6px 0 6px 0;
}

.song-title
{
	font-family: arial;
	font-size: 14px;
	color: #E3CBA7;
	font-weight: bold;
}

.song-artist
{
	font-family: arial;
	color: #E3CBA7;
	font-size: 14px;
	font-weight: bold;

}

.song-list-header
{
	background-color: #564429;
	color: #fff;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;

}


.row
{
	background-color:#9a4b20;
}

.altRow
{
	background-color:#9e824e;
	color: #564429;
}

html {
scrollbar-base-color: #000;
scrollbar-arrow-color: white;
scrollbar-track-color: #9E824E;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}


#footer { font-size: 10px; color: white; }
#footer ul li { display: inline; float: left; }
#footer ul li a {
	color:white;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#CE9E46;
	text-decoration:none;
}

#footer #left-nav {
	float: left;
}

#footer #right-nav {
	float: right;
	margin-right: 40px;
}