body {
    background-image: url(images/bgnd2.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    background-attachment:fixed; /*needed for firefox */
    background-color:#202020;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #ffffff;
    margin: 0px auto;
    width: 1000px;
    text-align: left;
    padding: 0px;
}

#header {
	height: 200px;
	background-image: url(images/band_banner8.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin:6px;
}

#bottom {
    clear:both;
    position:relative;
}

img {
    margin:0px;
	padding:10px;
	background:#000000;
	border:none;
}

img.floatright {
    float:right;
    clear:both;
}

em {
    font-size:16px;
    color:Red;
}

a {
	color: #FFFF66;
	text-decoration: none;
	font-size: 1.2em;
}

a:hover {
	text-decoration: underline;
	color: #5785FD;
}

h1 {
	color: #cc0000;
	font-size: 24pt;
	margin: 5px;
	padding: 0;
}

h2 {
	font-size: 14pt;
	color: #FFFF66;
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	color: #cc0000;
	margin-left:10px;
	padding: 0px;
}

h4 {
	font-style: italic;
	font-size: small;
	color:#FFFF66;
	margin:0;
	margin-left:10px;
	padding:0px;
}

.column1,
.column2,
.column3 { /* common to all columns */
    position:relative;
    float:left;
}

#contact {
    margin:10px 0px 0px 0px;
    padding:0px; 
}

.threecolumn { /* ??/??/?? split, with 2% borders between columns, 0% on edges - used on home/default page only */
    position:relative;
    float:left;
    clear:both;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}	

.threecolumn .column1 {
    margin-top:16px;
    left:0px;
    width:410px;
    border:solid 0px #777777;
}

.threecolumn .column2 {
    left:20px;
    width:338px;
    border:solid 0px #777777;
}

.threecolumn .column3 {
    margin-top:16px;
    left:40px;
    width:200px;  
}

#upcoming_shows {
    background-color:#222222;
    background-image:url(images/shows-background-gradient.jpg);
    border:solid 1px #333333;
    padding:5px; 
}

#upcoming_shows h1 {
    font-size:22px;
    text-align:center;
    margin:2px;
    padding:2px;
    border-bottom:dotted 2px #555555;
}

#upcoming_shows h2 {
    font-size:14px;
    padding:3px;
    text-align:center;
    color:#dddddd;
    font-style:italic;
}

#upcoming_shows img {
    border: 0;
    margin:0 auto;
    padding: 0;
}

#upcoming_shows p {
    font-size:12px;
    text-align:center;
    padding:0px 1px 8px 1px;
    margin:5px;
    border-bottom:dotted 2px #555555;
}

#upcoming_shows p #special 
{
    font-size:16px;
    color:#00b800;
    
}

/* removes outline from all link pseudo-classes */
a:link, a:visited, a:hover, a:active {
    outline:none;
}

.bio {
    margin:16px 0px;
    padding:10px;
    background-image:url(images/gradient3.gif);
    background-repeat:repeat-x;
    border:0px solid #222222;
}

.bio h1, h2 {
    margin:0px auto; 
    text-align:center;
}

.bio p {
    margin:10px;   
    text-align:justify;
}

.bio img {
    border:2px solid #550000;
    margin:6px;
    padding:3px;   
}

.bio img.floatleft {
    float:left;
    clear:both;
    margin-right:20px;
}

.bio img.floatright {
    float:right;
    clear:both;
    margin-left:20px;    
}   

.bio ul {
    list-style-position:outside;   
    overflow:auto;
}

#nav {
    height:57px;
    margin:8px 0 0 0;
}

#nav ul {
   margin:0px;
   padding:0px;   
}

#nav li {
     float:left;
     list-style:none;
}

#nav a {
   display:block;
   text-indent:-9000px;
   height:57px;
   background-image:url(images/nav.jpg);    
}

#nav a#home                 {  width:143px;   background-position:0px 0px;}
#nav a:hover#home           {                 background-position:0px -57px;}
#nav a#home_active          {  width:143px;   background-position:0px -114px;}

#nav a#music                {  width:191px;   background-position:-143px 0px;}
#nav a:hover#music          {                 background-position:-143px -57px;}
#nav a#music_active         {  width:191px;   background-position:-143px -114px;}

#nav a#band                 {  width:190px;   background-position:-334px 0px;}
#nav a:hover#band           {                 background-position:-334px -57px;}
#nav a#band_active          {  width:190px;   background-position:-334px -114px;}

#nav a#photos               {  width:264px;   background-position:-524px 0px;}
#nav a:hover#photos         {                 background-position:-524px -57px;}
#nav a#photos_active        {  width:264px;   background-position:-524px -114px;}

#nav a#shows                {  width:212px;   background-position:-788px 0px;}
#nav a:hover#shows          {                 background-position:-788px -57px;}
#nav a#shows_active         {  width:212px;   background-position:-788px -114px;}

#pastshows {
    margin: 15px 0 0 0;
    padding:0;
    float:none;
}

#pastshows .column1 {
    border:0px solid #666666;     
    left:10px;   
}

#pastshows .column2 {
    border:0px solid #666666;
    float:right;
    right:10px;
    padding:0px;
}

#pastshows img {
    border:1px solid #666666;
    margin:0px 0px 20px 0px;
    clear:both;    
    width:250px;
    display:block;
    padding:4px;
    border:1px solid #550000;
}

#pastshows #index ul {
    position:fixed;
    margin:10px 20px;       
    padding:0 10px;
    background-image:url(images/index_gradient.gif);
    border:1px solid #009900;
}

#pastshows #index li {
    list-style:none;
    margin: 40px 0;
}

#pastshows table {
    margin:0px 0px 35px auto;
    padding:0px;
    border-spacing:2px;
    font-size:12px;
}

#pastshows tr {
    background-color:#333333;
    background-image:url("images/gradient1.gif");
    height:36px;
}

#pastshows tr:hover {
    background-color:#555555;
    background-image:url("images/gradient2.gif");
    height:36px;
}

#pastshows tr.head {
    height:24px;
    background-image:none;
    background-color:#111111;   
    color:#dddddd;
    font-style:oblique;
    text-align:center; 
}

#pastshows td.year, td.year:hover {
    background-image:none;
    background-color:#111111;
    color:#cc0000;
    font-size:2em;
    font-weight:bold;
    text-align:center;
}

#pastshows td {
    padding:0 15px;   
}

#pastshows td.year {
    width:70px;  
}

#pastshows td.date {
    width:60px;
}

#pastshows td.venue {
    width:250px;
}

#pastshows td.location {
    width:160px;
}

.clear { 
    clear: both; 
    display:block;
}

#themusic .column1 {
    border: solid 0px #666666;
    display:block;
}

#themusic .column2 {  
    width:598px;
    float:right;
    border: solid 0px #66ff66;
    left:10px;
}

#themusic .album {
    border: 0px solid #660066;   
    margin:0px;
    padding:5px;
    font-size:8pt;   
}

#themusic table {
    border-spacing:5px;        
}

#themusic td {
    background-image:url(images/shows-background-gradient.jpg);
    background-repeat:repeat-x;
    background-position:bottom; 
    vertical-align:top;
    width:34%;
}

#themusic .album h2 {
    font-size:8pt;
    text-align:center;
    
}
#themusic .album img {
    border:1px solid #aa0000;
    padding:2px;
    margin:0px auto;
    display:block;
}