/** Header
** ----------------------------------------------------------------*/
header {
  position: relative;
  z-index: 99;
}
  header .container {
    background: transparent url(/assets/images/bg-matte.png) repeat 0 0;
  }
  header hgroup {
    background: #fff;
  }
  header nav {
    background: none;
  }
/* End Header **/

/** Banner
** ----------------------------------------------------------------*/
#banner {
  background: #303030 url(/assets/images/bg-dark-gradient.png) repeat-x 0 100%;
}
  #banner div.container { background: none; }
  
  #banner #setting {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 371px; /* background img set via EE */
    min-width: 980px; /* matches body */
    background: transparent url(/images/uploads/splash-banner.jpg) no-repeat 50% 0;
    z-index: 0;
  }
/* End Banner **/

/** Themes
** ----------------------------------------------------------------*/
#themes {
  position: relative;
  z-index: 1;
  height: 247px;
  width: 100%;
  background: transparent url(/assets/images/bg-matte-grey.png) repeat-y 0 0;
}
  #themes li {
    width: 232px;
    padding-top: 6px;
  }
    #themes li > a {
      display: block;
      z-index: 1;
      font: bold 27px/32px "Century Gothic", "Apple Gothic", sans-serif;
/*      color: #7c7d80;*/
      color: #dba39a;
      text-decoration: none;
      padding: 13px 21px 13px 31px;
      width: 201px;
      background: transparent url(/assets/images/bg-matte-red-gradient.png) no-repeat 0 100%;
    }
    #themes li.think > a { 
      color: #eebe9e;
      background-image: url(/assets/images/bg-matte-orange-gradient.png); 
    }
    #themes li.change > a { 
      color: #d8db8b;
      background-image: url(/assets/images/bg-matte-green-gradient.png); 
    }      

    #themes li > a:hover,
    #themes li > a.current {
      background: transparent url(/assets/images/bg-matte-hover-orange.png) no-repeat 0 100%;
      color: #fff;
    }
    #themes li.think > a:hover,
    #themes li.think > a.current { background-image: url(/assets/images/bg-matte-hover-orange.png); }
    #themes li.apply > a:hover,
    #themes li.apply > a.current { background-image: url(/assets/images/bg-matte-hover-red.png); }
    #themes li.change > a:hover,
    #themes li.change > a.current { background-image: url(/assets/images/bg-matte-hover-green.png); }
    
  #themes .intro {
    display: none;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 1px;
    width: 420px;
    padding: 0 30px 0 40px;
    margin-right: -15px;
    background: transparent url(/assets/images/bg-matte-orange.png) repeat 0 0;
    color: #fff;
  }
  #themes .apply .intro { background-image: url(/assets/images/bg-matte-red.png); }
  #themes .change .intro { background-image: url(/assets/images/bg-matte-green.png); }
  
    #themes .intro h2 {
      font-size: 30px;
      line-height: 1em;
      padding-top: 30px;
      padding-bottom: 15px;
    }
    #themes .intro p {
      font: 15px/22px Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif;
      padding-bottom: .66em;
    }
      #themes .intro .read-more {
        font: bold 1em "Century Gothic", "Apple Gothic", sans-serif;
        color: #fff;
        padding-right: 14px;
        background: transparent url(/assets/images/icon-dbl-arrows-white.png) no-repeat 100% 66%;
        text-decoration: none;
      }
  #themes li.current .intro { 
    display: block; 
    opacity: 1;
  }
/* End Themes **/

/** Conent
** ----------------------------------------------------------------*/
#content div.container {
  padding-top: 50px;
}

#content .primary h1 {
  padding-top: 0;
}
#content .primary img.left {
  padding-top: 0;
}

#content .secondary h2 {
  font: bold 18px/22px "Century Gothic", "Apple Gothic", sans-serif;
  color: #3a3a3a;
}
#content .primary h1+h2,
#content .secondary h3 {
  font: italic 92.3% Georgia, "Palatino", "Palatino Linotype", Times, "Times New Roman", serif;
  color: #b1b84c;
}

#content #rail {
  color: #3a3a3a;
}
  #content #rail h2 a {
    color: #3a3a3a;
    padding-right: 16px;
    background: transparent url(/assets/images/icon-dbl-arrows.png) no-repeat 100% 66%;
  }
/* End Conent **/