/*  
Theme Name: Ancestors - OF Sound Mind
Theme URI: http://ancestorsmusic.com
Description: Site Designed by David Harthcock for Ancestors
Author: David Harthcock
Author URI: http://davidharthcock.com
*/

html, body {
  height: 100%;
}

body {
  color: #8d7a65;
  min-width: 960px;
  background: #000000 url("images/background.jpg") left top fixed no-repeat;
}

.container {
  width: 960px;
  height: 100%;
  margin: 0 auto;
}

a {
  color: #8d7a65;
}

a:hover {
  text-decoration: none;
}

/* ========== */
/* = HEADER = */
#header {
  width: 100%;
  height: 51px;
  position: fixed;
  z-index: 100;
  background: url("images/header.png") left top repeat-x;
}

#mailing-list {
  line-height: 36px;
  width: 960px;
  margin: 0 auto;
}

#mailing-list label {
  text-transform: uppercase;
  margin-left: .45em;
}

#mailing-list input {
  font-family: Georgia, serif;
  font-size: .875em;
  font-style: italic;
  color: #8d7a65;
  margin: 0 .5em;
  padding: .25em;
  border: 1px solid #8d7a65;
  background: url("images/transparent.png") left top repeat;
}

#mailing-list input#mailing-submit {
  margin: 0;
  padding: .25em .5em;
}

#mailing-list input:focus,
#mailing-list input#mailing-submit:hover {
  color: #ffffff;
}

/* ========== */

/* =========== */
/* = SIDEBAR = */
#sidebar {
  float: left;
  width: 454px;
  margin-top: 40px;
  position: fixed;
}

#logo {
  display: block;
  width: 450px;
  height: 110px;
  margin: 2.25em 0 .25em 0;
  background: url("images/logo.png") left top no-repeat;
}

#navigation {
  width: 454px;
  height: 44px;
}

#navigation a {
  display: block;
  float: left;
  height: 44px;
  margin-right: 6px;
  text-indent: -3000em;
  overflow: hidden;
}

#nav-news {
  width: 56px;
  background: url("images/navigation.png") 0 0 no-repeat;
}

#nav-bio {
  width: 40px;
  background: url("images/navigation.png") -62px 0 no-repeat;
}

#nav-shows {
  width: 67px;
  background: url("images/navigation.png") -108px 0 no-repeat;
}

#nav-music {
  width: 58px;
  background: url("images/navigation.png") -181px 0 no-repeat;
}

#nav-press {
  width: 58px;
  background: url("images/navigation.png") -245px 0 no-repeat;
}

#nav-links {
  width: 54px;
  background: url("images/navigation.png") -309px 0 no-repeat;
}

#navigation a#nav-contact {
  width: 84px;
  margin-right: 0;
  background: url("images/navigation.png") -369px 0 no-repeat
}

#navigation a:hover,
#navigation a.current {
  opacity: .5;
}

#face {
  width: 444px;
  height: 408px;
  margin: 1.5em 0;
  background: url("images/face.png") left top no-repeat;
}
/* ======== */

/* =========== */
/* = CONTENT = */
#content {
  position: relative;
  float: left;
  color: #989089;
  font-style: italic;
  width: 450px;
  min-height: 100%;
  margin-left: 454px;
  padding: 0 28px;
  background: url("images/content.png") left top repeat-y;
}

#content .space-it,
#content .pagetitle {
  margin-top: 2.5em;
}

#content img {
  max-width: 440px;
  margin: 1.125em 0;
  padding: 4px;
  border: 1px solid #8d7a65;
  background: url("images/transparent.png") left top repeat;
}

/* MUSIC */
#content .artwork {
  float: left;
  width: 160px;
  margin-bottom: 14px;
}

#content .artwork img {
  display: block;
  margin: 0 0 4px 1px;
}

#content .itunes-link,
#content .teepee-link {
  display: block;
  width: 162px;
  height: 32px;
  margin: 0 0 4px 0;
  text-indent: -3000em;
  overflow: hidden;
  background: url("images/itunes.png") left top no-repeat;
}

#content .teepee-link {
  background: url("images/teepee.png") left top no-repeat;
}

#content .album-info {
  float: right;
  width: 275px;
  margin-bottom: 14px;
}

#content .album-info .big {
  font-size: 1.25em;
}

#content .album-info ul {
  margin: 1.125em 0;
}

#content .metaspecial {
  padding: 6px 8px;
  background: url("images/transparent.png") left top repeat;
}

/* CONTENT FORMS */
#content input,
#content textarea {
  font-family: Georgia, serif;
  font-style: italic;
  color: #8d7a65;
  margin-right: .5em;
  padding: .25em;
  border: 1px solid #8d7a65;
  background: url("images/transparent.png") left top repeat;
}

#content textarea {
  width: 440px;
  margin-right: 0;
}

#content input:focus,
#content textarea:focus,
#content #submit:hover {
  color: #ffffff;

}
/* =========== */