/* DO NOT EDIT UNLESS YOU KNOW WHAT YOU ARE DOING */

/* generalities */
html, body {
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
}

/* type faces and colors */
h1, h2, h3, h4, p, li {
    font-family: "Chalkboard", "Comic Sans MS", tahoma, arial, sans-serif;
}
p, li {
    font-family: "Chalkboard", "Comic Sans MS", tahoma, arial, sans-serif;
    font-size: 13px;
}
#content h2 {
    color: #4fb747;
}
#content h3, #content h3 a:link, #content p {
    color: #25237a;
}
.home #fruitbox p {
    color: #4eb547;
    font-size: 12px;
}
.home #purezing p {
    font-size: 12px;
}
#footer p {
    font-family: verdana, sans-serif;
    font-size: 10px;
    color: #fff;
}

/* overall layout, including graphics */
body {
    background: white url(../images/bg.png) repeat-x 0 0;
}
#page {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 159px;         /* to make space for header */
}
#header {
    position: absolute;         /* header is wider than rest of page */
    top: 0;
    left: -42px;
    width: 1042px;
    height: 159px;
    background: transparent url(../images/header.jpg) no-repeat 0 0;
}
#outerpage {    /* background for nav */
    min-width: 1000px;
    background: transparent url(../images/bar_top.gif) repeat-x 50% 169px;   
}
#outerouterpage {
    min-width: 1000px;
    background: transparent url(../images/bar_bottom.gif) repeat-x 50% 100%;
}
#nav {
    height: 38px;
    margin: 0;
    margin-top: 10px;
    margin-left: 42px;      /* align as in PSD */
    padding: 0;
}
#content {
    margin: 0;
    margin-left: 50px;      /* align as in PSD */
}
#footer p {
    margin: 0;
}

/* header layout */
#header h1, #header h2 {
    margin: 0;
    padding: 0;
}
#header h1 {
    position: absolute;
    left: 84px;
    top: 20px;
}
#header h1 a {
    display: block;
    width: 427px;
    height: 118px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url(../images/logo.png) no-repeat 0 0;
}
#header h2 {
    position: absolute;
    left: 539px;
    top: 13px;
    width: 90px;
    height: 89px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url(../images/all_natural.png) no-repeat 0 0;   
}
#header #shoplink {
    display: block;
    position: absolute;
    left: 799px;
    top: 58px;
    width: 182px;
    height: 59px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url(../images/shoplink.png) no-repeat 0 0;
}

/* nav layout */
#nav {
    list-style: none;
}
#nav li {
    float: left;
    margin: 0;
    padding: 0;
}
#nav li a {
    display: block;
    margin: 0;
    padding: 0;
    height: 29px;
    background: transparent url(../images/nav.gif) no-repeat 0 0;
    overflow: hidden;
    text-indent: -10000px;
    border: none;
}
#nav .history a {
    width: 65px;
    background-position: 0 0;
}
#nav .store a {
    width: 55px;
    background-position: -65px 0;
}
#nav .recipes a {
    width: 60px;
    background-position: -120px 0;
}
#nav .blog a {
    width: 50px;
    background-position: -180px;
}
#nav .calendar a {
    width: 70px;
    background-position: -230px;
}
#nav .links a {
    width: 55px;
    background-position: -300px;
}
#nav .contact a {
    width: 83px;
    background-position: -355px;
}
#nav .wholesale a {
    width: 120px;
    background-position: -438px;
}

/* content layout */
#content h2 {
    margin: 0;
}

/* temporary */
/*#main h2 {
    width: 521px;
    height: 54px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url(../images/home_headline.gif) no-repeat 0 0;
}*/

/* content with one column */
.onecol {
    padding-top: 20px;
}

/* content with two columns */
.twocol #main, .twocol #side {
    padding-top: 20px;
}
.twocol #main {
    float: left;
    width: 525px;
}
.twocol #side {
    float: right;
    width: 349px;       /* due to inexactness in PSD */
}
.twocol #side div {
    background: #fffcdb;
}
.blog #side div {
    background: white !important;
}

/* home page specific */
.home {
    margin-left: 0 !important;
}
.home #main {
    position: relative;
    padding-bottom: 237px;
    padding-left: 50px;
}
.home #fruitbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 585px;
    height: 227px;
    background: transparent url(../images/blueberry_box.gif) no-repeat 0 0;
}
.home #fruitbox h3 {
    position: absolute;
    left: 295px;
    top: 38px;
    width: 249px;
    height: 44px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url(../images/home_subhead.gif) no-repeat 0 0;
}
.home #fruitbox p {
    position: absolute;
    left: 228px;
    top: 100px;
    padding-right: 20px;
}
.home #purezing h2 {
    margin: 0;
    padding: 0;
    height: 49px;
    width: 349px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url(../images/pure_zing.jpg) no-repeat 0 0;
}

.home .pz-quote {
    padding: 10px 10px 10px 0;
}
.home .pz-image {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
    margin-left: 10px;
}
.home .pz-quote img {
    border: none;
}
.home .pz-quote h3, .home .pz-quote p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    margin-left: 62px;
}
.pz-quote h3 a:link, .pz-quote h3 a:hover, .pz-quote h3 a:visited, .pz-quote h3 a:active {
    color: #25237A;
}
.home .pz-learn-more {
    padding: 0 10px 1px 14px;
}

/* recipes page specific */
.recipes {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 25px;
}
.recipes li {
    float: left;
    width: 280px;
    height: 170px;
    margin: 0;
    padding: 0;
    margin-right: 30px;
}
.recipes img {
    display: block;
    float: left;
    margin-right: 5px;
    border: none;
}
.recipes p {
    margin-top: 5px;
    font-size: 12px;
}
.recipes h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.recipes h3 a:link, .recipes h3 a:hover, .recipes h3 a:active {
    color: #25237A;
    text-decoration: none;
}
.recipes h3 a:visited {
    color: #999;
    text-decoration: none;
}
.recipes p, .recipes h3 {
    margin-left: 100px;
}

/* single recipe */
.recipe ul {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 15px;
}
.recipe li {
    margin: 0;
    padding: 0;
}

/* blog */
.post {
  margin-bottom: 20px;
}
.single-post h2 a:visited {
  color: #25237A;
}
.post h3 {
  margin: 0;
  font-size: 22px;
}
.posts .post-excerpt p, .posts .post-body p {
  margin-top: 0;
  margin-bottom: 10px;
}
.post-meta {
  margin: 2px 0;
}
.post-meta, .comments label, .comments p.label {
  font-family: arial, sans-serif;
  font-size: 12px;
}
.post-meta {
  color: #666 !important;
}
.comments label, .comments p.label, .comment-text p {
  color: #333 !important;
}
.post-body p, .post-excerpt p {
  font-family: arial, sans-serif;
  font-size: 14px;
  color: #333 !important;
}
.comments {
  margin-top: 20px;
}
.comments h2 {
  margin: 0 0 10px 0 !important;
  color: #25237A !important;
  font-size: 20px;
}
.comments h3 {
  margin-top: 25px;
  margin-bottom: 5px;
  font-size: 18px;
}
.comments p {
  margin: 0;
}
.comments p.label {
  margin-top: 10px;
}
.comments p, .comment-author, .comment-date, .comment-text {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #666 !important;
}
.comment { 
  margin-bottom: 10px;
  width: 80%;
/*  padding: 5px;
  background: #e3e3e3;
  border: 1px solid #aaa;
  border-width: 0 1px 1px 0;*/
}
.comment-author {
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
}
.comment-author, .comment-author a:link {
  color: #4FB747;
}
.comment-author a:visited {
  color: #666;
}
.comment-date {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #666;
}
.comment-text {
  margin-top: 5px;
}
.comment-text p {
  font-size: 13px;
  color: #333 !important;
}
.comment form p small {
  font-size: 11px;
}

.blog-sidebar {
  width: 300px;
}
.blog-sidebar h3 {
  margin-bottom: 5px;
  font-size: 16px;
}
.blog-sidebar p {
  margin-top: 0;
}
.blog-sidebar p, .blog-sidebar li {
  font-family: arial, sans-serif;
  color: #333 !important;
}

/* footer layout */
#footer {
    text-align: right;
}