/* basic elements */
body {
  font: 10pt/14pt georgia;
  color: #8C8680;
  background: #554 url(bg.gif);
  margin: 0px;
  padding: 0px;
  text-align: center;
  }
#container {
  position: relative;
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  width: 731px;
  background-color: #3B3B34;
  border-bottom: 10px solid #000;
  }
h2 {
  position:relative;
  font: 16pt georgia;
  font-weight:bold;
  margin-top: 0px;
  margin-bottom: 5px;
  background-color: #4C0000!important;
  }
h3 {
  font: 12pt georgia;
  text-decoration: underline;
  margin: 8px 4px 3px 4px;
  }
p {
  font: 10pt/14pt georgia;
  margin: 0px 4px 10px 4px;
  text-align: left;
  }
th {
  padding-left:4px;
  text-align: left;
  text-decoration: underline;
  }
a:link {
  text-decoration: none;
  color: #AB687C;
  }
a:visited {
  text-decoration: none;
  color: #874E5E;
  }
a:hover, a:active {
  text-decoration: underline;
  color: #C999A6;
  }
.text {background:#e0dada; border:1px solid #999;}

/* general classes */
.songTitle {
  font-style:italic;
  }

.emphasize {
  color: #B88B58;
  }

/* specific ids and classes */
/** index **/
.headerImage {
  width: 326px;
  height: 102px;
  border: 0px;
  }
#pageHeader {
  background: transparent url(band2.jpg) no-repeat top right;
  position: relative;
  width: 731px;
  height: 125px;
  }
#contact {
  position: relative;
  float: right;
  margin-top:0px;
  margin-right:4px;
  height:25px;
  }
.sectionfooter {
  background-color:#484848;
  margin-bottom:1px;
  text-align:right;
  width:100%;
  }

#col1 {
  position:relative;
  margin-left: 4px;
  width:172px;
  float:left;
  clear:right;
  }
#audio, #links, #upcoming {
  position: relative;
  margin-bottom: 10px;
  padding: 0px 2px;
  width: 158px;
  border: 1px solid #666;
  }
#audio table {
  font: 10pt/16pt georgia;
  border-collapse:collapse;
  }
#audio table td {
  padding:0px 4px;
  }
#links ul, #upcoming ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
#links li, #upcoming li {
  line-height: 1.25;
  list-style-type: none;
  margin-left:4px;
  padding-bottom:6px;
  }
#links li a:link, #upcoming li a:link, .sectionfooter a:link {
  color: #A37441;
  }
#links li a:visited, #upcoming li a:visited, .sectionfooter a:visited {
  color: #8C5F2E;
  }

#col2 {
  position:relative;
  float:left;
  clear:right;
  width:428px;
  }
#updates, #bio {
  position: relative;
  margin-bottom: 10px;
  padding: 0px 2px;
  width: 414px;
  border: 1px solid #666;
  }

#col3 {
  position:relative;
  float:left;
  clear:right;
  width:118px;
  }
#photos {
  position: relative;
  margin-bottom: 10px;
  padding: 2px;
  border: 1px solid #666;
  }
#photos img{
  border: 2px solid #8C5F2E;
  margin: 4px;
  width:100px;
  height:100px;
  }

/** bios and photos pages **/
#nav{
  margin-left: 5px;
  font-size: 12pt;
  }

/** bios page **/
.bios {
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 2px;
  border: 1px solid #666;
  }
.bios h2 span {
  font-size: 10pt;
  }
img.first{
  margin: 3px 9px 0px 5px;
  float:left;
  }
img.last{
  margin: 3px 5px 0px 9px;
  float:right;
  }
img.first, img.last{
  border: 1px solid #8C5F2E;
  vertical-align: top;
  padding:0px;
  }
/*#michael{
  height:160px;
  }*/

/** photos page **/
.photos {
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 2px;
  border: 1px solid #666;
  }
.credit {
  position:relative;
  font-size: 10pt;
  text-align:right;
  margin-right:2px;
  }
.photos table{
  display:none;
}
.photos td{
  vertical-align: top;
  width:25%;
  padding:4px;
  }
.photos table img{
  border: 2px solid #8C5F2E;
  margin: 2px 0px 2px 0px;
  vertical-align: top;
  padding:0px;
  width:100px;
  height:100px;
  }
.photos h2 img{
  width:17px;
  height:17px;
  border:0px;
}
.photos h2 a{
  background-repeat:no-repeat;
}
.photos a.expanded{
  background-image:url('images/expanded.gif');
  }
.photos a.collapsed{
  background-image:url('images/collapsed.gif');
  }

/** archive page **/
#archivecol1 {
  position:relative;
  margin-left: 4px;
  width:164px;
  float:left;
  clear:right;
  }
#pastshows {
  position: relative;
  margin-bottom: 10px;
  padding: 0px 2px;
  width: 150px;
  border: 1px solid #666;
  }
#pastshows ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
#pastshows li {
  line-height: 1.25;
  list-style-type: none;
  margin-left:4px;
  padding-bottom:6px;
  }

#archivecol2 {
  position:relative;
  float:left;
  clear:right;
  }
#pastupdates {
  position: relative;
  margin-bottom: 10px;
  padding: 0px 2px;
  width: 553px;
  border: 1px solid #666;
  }
#footer {
	font-size:8pt;
	color:#5f5a5a;
}