/* -------------------------------------------------------------- 
  
   the candy store main site styles
   (This file is not a part of the Blueprint css framework)
   
-------------------------------------------------------------- */

@import "reset.css";
@import "typography.css";

body {
  font-size: 11px;
  line-height: 1.7em;
  padding:0;
  margin: 0;
  background: transparent url(../images/background.jpg) no-repeat top center;
  text-align: center;
}

p {
  text-align: left;
  padding: 0;
  margin: 0;
}

p a {
  text-decoration: underline;
}

p a, 
p a:link,
p a:active,
p a:visited {
  color: #9C831E;
}

p a:hover {
  color: #4E131D;
}

a {
  text-decoration: none;
}

img {
  border: none;
  padding:0;
  margin:0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

h1 {
  font: normal 36px/40px Georgia, Times, "Times New Roman", serif;
}

h2 {
  margin-top: 20px;
  font: normal 24px/25px Georgia, Times, "Times New Roman", serif;
  color: #4E131D;
}

h3 {
  font: normal 18px/25px Georgia, Times, "Times New Roman", serif;
  color: #4E131D;
}


.center {
  margin: 0 auto;
  width: 750px;
  text-align: left;
}

/* =nav
----------------------------------------------- */
  #nav {
    padding-top: 123px;
  }

    #nav dl {
      float:left;
      width: 70px;
      color: #aaa;
    }

    #nav dl.contact {
      width: 90px;
    }


    #nav dl.home {
      padding-left: 270px;
    }

      #nav dt {
        font: normal 18px/19px Georgia, Times, "Times New Roman", serif;
        padding: 0 0 2px 13px;
        letter-spacing: -1px;
      }
      
      #nav dt a, 
      #nav dt a:link,
      #nav dt a:active,
      #nav dt a:visited {
        color: #9C831E;
      }
      
      #nav dt a:hover {
        color: #4E131D;
      }

      #home #nav dl.home a,
      #store #nav dl.store a, 
      #contact #nav dl.contact a, 
      #events #nav dl.events a {
        color: #4E131D;
      } 

      #nav dd {
        padding-left: 15px;
        font: normal 11px/11px Helvetica, Arial, sans-serif;
        font-style: italic;
        color: #777;
      }


/* =header
----------------------------------------------- */

#header_wrapper {
  padding-top: 45px;
  clear: both; 
}

#rotator div {
  position:absolute;
}

#rotator #div1 {
  position:relative;
}


/* =content
----------------------------------------------- */

#content {
  clear: both;
  margin-top: 0;
  padding-top: 35px;
}

#divider {
  padding-top: 65px;
}

#main {
  width: 350px;
  float: left;
}

  #main h2 {
    padding: 0 0 5px 25px;
  }
  
  #main h3 {
    padding: 0 0 5px 25px;
  }
  
  #main p {
    margin-bottom: 15px;
    padding-left: 25px;
    font-size: 13px;
    text-align: justify;
    color: #444;
  }

  #main blockquote {
    margin: 15px 20px 15px 60px;
    font: italic 17px/17px Georgia, Times, "Times New Roman", serif;
    color: #888;
    text-align: left;
  }

  #main blockquote span {
    color: #CF84AD;
    font-size: 28px;
  }


#secondary {
  float: right;
  width: 350px;
}

  #address {
    font-size: 11px;
    line-height: 14px;
  }

    #address h3 {
      margin-top: 0;
      padding-top: 0;
    }

    #address div {
      margin-top: 5px;
      clear: both;
    }

    #address a,
    #address a:link,
    #address a:visited,
    #address a:active {
      color: #333;
      text-decoration: underline;
    }

    #address a:hover {
     color: #A94577;
    }

    #address span {
      color: #888;
    }  
  
  #press-box {
   width: 300px;
   margin: 25px 0;
  }
  
  #thumbs {
    width: 300px;
    margin: 25px 0;
  }

  #thumbs img {
    float:left;
    margin: 4px;
    padding: 3px;
    border: 1px solid #aaa;
    background-color: #eee;
  }

  .see_more {
    clear: both;
    text-align: right;
    padding-right: 40px;
  }

  .see_more a, 
  .see_more a:link,
  .see_more a:visited,
  .see_more a:active
  {
    padding: 2px 5px;
    color: #4E131D;
    text-decoration: underline;
    font: 14px/14px Georgia, Times, "Times New Roman", serif;
  }

  .see_more a:hover
  {
    color: #fff;
    background-color: #4E131D;
    text-decoration: none;
  }

  #tv-spot {
    padding-top: 15px;
  }

  #tv-spot h2 {
    margin: 0;
    padding-bottom: 15px;
  }

  #tv-spot div#video {
    margin: 0;
    float: left;
    width: 475px;
  }

  #tv-spot div#desc {
    margin: 0;
    padding-top: 32px;
    float: left;
    width: 175px;
    font-size: 14px;
    line-height: 21px;
    color: #777;
  }
  
  #tv-spot .see_more {
    margin: 0;
    padding: 10px 0 0 0;
  }

/* =gallery
----------------------------------------------- */

#store #main {
  width: 700px;
  padding-left: 140px;
}

#store #footer {
  margin-top: 900px;
}

#store h2,
#store p {
  padding-left: 0;
}

#jgal { 
  position: relative;
  list-style: none; 
  width: 500px; 
  top: 15px;
}

#jgal li { 
  opacity: .5; 
  float: left; 
  display: block; 
  width: 60px; 
  height: 60px; 
  background-position: 50% 50%; 
  cursor: pointer; 
  border: 3px solid #fff; 
  outline: 1px solid #ddd; 
  margin-right: 14px; 
  margin-bottom: 14px; 
}

#jgal li img { 
  position: absolute;
  top: 170px;
  left: 0;
  display: none; 
  padding: 4px;
  border: 1px solid #ddd; 
}

#jgal li.active img { 
  display: block; 
}

#jgal li.active, 
#jgal li:hover { 
  outline-color: #bbb; 
  opacity: .99 /* safari bug */ 
}

#gallery { 
  list-style: none; 
  display: block; 
}

#gallery li { 
  float: left; 
  margin: 0 10px 10px 0; 
}


/* =events / press
----------------------------------------------- */

#press #content #main,
#events #content #main {
  float: left;
  width: 500px;
  margin: 25px 0;
}

#press #content #side,
#events #content #side {
  float: left;
  width: 200px;
  margin: 10px 0;
}

#press h2 img {
  margin-top: 25px;
}

#side p {
  color: #777;
}

#events h1 {
  margin: 0 0 15px 25px;
  font: normal 20px/25px Georgia, Times, "Times New Roman", serif;
  color: #4E131D;
  text-align: left;
}

#events h3 {
  margin-top: 20px;
}

#events #content img {
  padding: 3px;
  background-color: #eee;
  border: 1px solid #ddd;
}

#events #rotator {
  margin: 0;
  padding: 0;
}

#events #rotator div {
  margin: 0;
}

#events h1 span {
  color: #777;
}

#events h1 span a, 
#events h1 span a:link,
#events h1 span a:active,
#events h1 span a:visited {
  text-decoration: underline;
  color: #9C831E;
}

#events h1 span a:hover {
  color: #4E131D;
}

#events h2 {
  font-size: 20px;
}

#main div {
  margin: 0 10px;
  padding-left: 25px;
}

#side h2 {
  font-size: 18px;
  background: transparent;
  color: #4E131D;
  margin: 15px 0 0 0;
  padding: 0;
}

#events #main h3 {
  margin: 0 0 5px 2px;
  padding: 0 0 0 22px;
  font-size: 16px;
  color: #555;
  font-style: italic;
  background: transparent url(../images/star.gif) no-repeat left;
}

#side h3 {
  margin-bottom: 5px;
  line-height: 20px;
  color: #111;
}

#side div {
  padding-right: 15px;
  padding-left: 35px;
}

#press #content ul,
#events #content ul {
  padding: 0;
  margin: 0 0 15px 0;
}

#press #content li, 
#events #content li {
  padding: 0 0 3px 0;
  margin: 0 0 7px 25px;
  line-height: 15px;
  border-bottom: 1px solid #dde;
}

#press #main h2 {
  font-size: 20px;
  background-color: #4E131D;
  color: #fff;
  margin: 30px 0 0 0;
  padding: 7px 10px;
  font-weight: normal;
}

#press #main h3 {
  color: #111;
  font-size: 20px;
  padding-top: 15px;
}

#press #main p {
  padding-bottom: 0;
  margin-bottom: 0;
}

#press #main .read {
  float: right;
  margin: 0 0 25px 0px;
  padding: 0;
}

#press #videos {
  margin: 0;
  padding: 0; 
}

#press #main #videos h3 {
  padding-top: 25px;
}

#press #videos div {
  margin: 0;
  padding: 0 0 15px 10px;
}

#main .big-quote {
  margin-bottom: 35px;
}

#main .big-quote h1 {
  margin: 0 0 5px 0;
  padding: 0;
  font: normal 30px/32px Georgia, Times, "Times New Roman", serif;
  color: #ED7892;
  text-align: center;
  letter-spacing: -1px;
}

#main .big-quote p {
  font: italic 14px/18px Georgia, Times, "Times New Roman", serif;  
  padding-bottom: 25px;
  text-align: center;
}

/* =contact
----------------------------------------------- */

#contact #content {
  padding-top: 45px;
}

#contact #main {
  width: 200px;
  margin: 0;
  padding: 0;
}

#contact #secondary {
  width: 520px;
  padding: 0;
  margin: 0;
}

#contact #main p {
  text-align: left;
  line-height: 16px;
  margin-bottom: 10px;
}

#contact h2 {
  margin-top: 35px;
  margin-bottom: 5px;
}

#contact h2.top {
  margin-top: 20px;
}

#contact #main #addr {

}

#contact #main #phone {
  font-weight: bold;
}

#contact #facebook a {
  background: transparent url(../images/facebook_16.png) no-repeat left center;
  padding: 5px 0 5px 20px;
  color: #385789;
}


/* =footer
----------------------------------------------- */

#footer {
  padding: 50px 0 30px 0;
  text-align: center;
  clear: both;
}

#footer p {
  margin: 0;
  padding: 0;
  color: #777;
  text-align: center;
  font: 10px/14px Verdana, Arial, sans-serif;
}

#footer img {
  background-color: #fff;
  border: none;
}

#footer a,
#footer a:link, 
#footer a:visited,
#footer a:hover,
#footer a:active {
  color: #777;
}

#green-energy {
  margin: 0;
  padding: 3px 0 15px 0;
  text-align: center;
  font: 10px/14px Verdana, Arial, sans-serif;
}

#green-energy a, 
#green-energy a:link, 
#green-energy a:visited,
#green-energy a:hover,
#green-energy a:active {
  color: #106F00;
}