/* ------------------------------------------------------ */
/*                     General layout                     */
/* ------------------------------------------------------ */

body {
   margin: 0;
}

#content {
   margin-left: 235px;
   margin-top: 15px;
   max-width: 700px;
   width:expression(document.body.clientWidth > 700? "700px": "auto" ); /* max-width hack for IE */
}

#footer {
   clear: both;
   height: 15px;
}


/* ------------------------------------------------------ */
/*                          Hides                         */
/* ------------------------------------------------------ */

#skip_to_content, #page_title {
	position: absolute;
 	left: 0px;
 	top: -500em;
 	width: 1px;
   height: 1px;
}


/* ------------------------------------------------------ */
/*                    General styling                     */
/* ------------------------------------------------------ */

body {
   background-color: #522b10;
   background-image: url("images/wood.jpg");
   color: #fff;
   font-family: georgia, serif;
   border-top: 4px solid #ffa81f;
}

#page {
   border-top: 5px solid #8e0606;
   background-image: url("images/wood_stain.jpg");
   background-repeat: no-repeat;
   background-position: 417px 0;
   height: 530px; /* make sure stain is always fully visible */
}

a {
   color: #ffa81f;
}

a:hover {
   color: #ff0000;
}

h3 {
   font-size: 2em;
   font-weight: normal;
}

h1 {
  display: block;
  text-indent: -9000px;
  width: 170px;
  background-repeat: no-repeat;
  background: url("images/logo.gif");
  height: 134px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 9px;
  left: 37px;
}


/* ------------------------------------------------------ */
/*                          Nav                           */
/* ------------------------------------------------------ */

#nav {
   background-image: url("images/nav_footer.jpg");
   background-repeat: no-repeat;
   background-position: 0 401px;
   width: 170px;
   height: 590px;
   position: absolute;
   top: 21px;
   left: 37px;
   margin: 0;
   padding: 0;
   padding-top: 122px;
   list-style: none;
}

#nav a {
  display: block;
  text-indent: -9000px;
  width: 170px;
  background-repeat: no-repeat;
}

#nav_news a {
  background: url("images/nav_button_news.gif");
  height: 73px;
}

#nav_news a:hover, #nav_news.current a {
  background: url("images/nav_button_news_roll.gif");
}

#nav_music a {
  background: url("images/nav_button_music.gif");
  height: 57px;
}

#nav_music a:hover, #nav_music.current a {
  background: url("images/nav_button_music_roll.gif");
}

#nav_bio a {
  background: url("images/nav_button_bio.gif");
  height: 73px;
}

#nav_bio a:hover, #nav_bio.current a {
  background: url("images/nav_button_bio_roll.gif");
}

#nav_press a {
  background: url("images/nav_button_press.gif");
  height: 76px;
}

#nav_press a:hover, #nav_press.current a {
  background: url("images/nav_button_press_roll.gif");
}


/* ------------------------------------------------------ */
/*                   Newsletter signup                    */
/* ------------------------------------------------------ */

#newsletter_signup {
   background-color: #262626;
   color: #bcbcbc;
   padding: .5em;
   margin-left: 225px;
   max-width: 700px;
   width:expression(document.body.clientWidth > 700? "700px": "auto" ); /* max-width hack for IE */
   text-align: center;
}

#newsletter_signup form, #newsletter_signup div {
   display: inline;
}

#newsletter_signup .alert {
   color: #ffff00;
}

#newsletter_signup input.error {
   border: 2px solid #ff0000;
}

#newsletter_signup p {
   padding: 0;
   margin: 0;
   font-size: 1.3em;
}

#newsletter_signup a {
   color: #ffffff;
   font-weight: normal;
}

/* ------------------------------------------------------ */
/*                         News                           */
/* ------------------------------------------------------ */

#page_news blockquote {
   margin-left: 0;
   text-align: center;
   font-size: 1.1em;
   background-color: #4b5920;
   padding: .2em;
}

#page_news .news_item {
   clear: both;
}

#page_news .news_item img {
   float: right;
}

#page_news .news_item h3 {
   color: #96c61e;
   border-bottom: 2px solid #ffba01;
   margin-right: 1em;
   background: url("images/leaf.gif") no-repeat 0 .35em;
   text-indent: 1.2em;
}

#page_news .news_item .date {
   font-style: italic;
   margin-top: .2em;
}

#page_news h3 {
   margin: 0;
   font-size: 1.5em;
}

#page_news a img {
   border: none;
   vertical-align: middle;
}


/* ------------------------------------------------------ */
/*                        Music                           */
/* ------------------------------------------------------ */

#page_music #welcome {
   font-size: 1.4em;
   text-align: center;
}

#page_music h3 {
   clear: both;
}

#page_music blockquote {
   font-style: italic;
}

#page_music blockquote strong {
   font-weight: bold;
}

#page_music blockquote .source {
   font-style: normal;
}

#page_music li.b {
   margin-left: 12em;
}

#page_music li.mid {
   margin-top: -8em;
}

#page_music #cd {
   padding-top: .5em;
   clear: both;
}

#page_music #cd a img {
   border: none;
}

#page_music .group, #page_music img.cd {
   float: right;
   margin-left: 15px;
   margin-bottom: 15px;
}

#page_music .video {
   float: right;
   margin-left: 15px;
   margin-bottom: 15px;
   display: inline;
}

/* ------------------------------------------------------ */
/*                          Bio                           */
/* ------------------------------------------------------ */

#page_bio #jethro img {
   float: left;
   margin-right: 1em;
}

#page_bio #jethro img.alt {
   float: right;
   padding-right: 0;
   margin-right: 0;
   padding-left: 1em;
}

#page_bio #jethro h3 {
   margin-bottom: 0;
   padding-bottom: 0;
   font-size: 2em;
   margin-top: 0;
}

#page_bio #jethro .role {
   margin-top: 0;
}

#page_bio #band {
   clear: both;
   background-color: red;
}

#page_bio #band .person {
   font-size: .75em;
   float: left;
   text-align: center;
}

#page_bio #band img {
   padding-right: 1.5em;
   padding-left: 1.5em;
}

#page_bio #band h3 {
   margin-bottom: 0;
   font-size: 1.5em;
}

#page_bio #band p {
   margin-top: 0;
}


/* ------------------------------------------------------ */
/*                          Press                         */
/* ------------------------------------------------------ */

#page_press img {
   margin-right: 20px;
   margin-top: 20px;
}

#page_press a img {
   border: 2px solid #ffa81f;
}

#page_press a:hover img {
   border: 2px solid #ff0000;
}


/* ------------------------------------------------------ */
/*                       Page: 404                        */
/* ------------------------------------------------------ */

#page_404 #page_title {
	position: relative;
   height: auto;
   width: auto;
   top: 0;
   left: 0;
   color: #fff;
   font-size: 2em;
   font-weight: normal;
   border-bottom: 2px solid #ffba01;
   border-top: 2px solid #ffba01;
   background-color: #526e0b;
   padding: .1em;
}