/* general styles*/

body.stock {
  color: #371005;
  font-size: 16px;
}

body.jars {
  background: #371005 url(/images/background-home.jpg) top left;
}

body.cow {
  background: #371005 url(/images/background-about.jpg) top left;
}

body.stock .container {
  margin: 0; }

body.stock .success {
  background-color: #cfe9ca;
  border: 0;
  color: #085506; }

body.stock a, body.stock a:visited, body.stock a:hover {
  color: #E08F3E }

body.stock #content h3.highlightbox {
  text-align: left;
  padding: 0.5em;
  background: lightyellow;
  border: 1px solid #DDDDDD;
}

#content {
  background: #ffffff url(/images/stripe-right.png) top right repeat-y;
  position: absolute;
  font-size: 13px;
  font-family: Arial, sans-serif;
  padding-right: 10px; }

  #content blockquote {
    color: #371005;
    font-style: normal; }

  #content a {
    text-decoration: none; }

  #content h1 {
    font-size: 28px;
    color: #e08f3e;
    font-weight: bold;
    font-family: Garamond, Georgia, "Times New Roman", serif;
  }

  #content h2 {
    font-family: Garamond, Georgia, "Times New Roman", serif;
    color: #371005;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 40px; }

  #content h2.accent {
    color: #e08f3e; }

  #content h3 {
    font-family: Garamond, Georgia, "Times New Roman", serif;
    color: #371005;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2; }

  #content h4 {
    font-family: Garamond, Georgia, "Times New Roman", serif;
    color: #371005;
    font-weight: bold;
    line-height: 1.2;
  }

  #content h3.accent {
    color: #e08f3e; }

  #content blockquote {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 50px; }

  #content ul.icons li {
    list-style-type: none;
    overflow: hidden;
    margin-bottom: 20px; }

    #content ul.icons li img.icon {
      width: 50px;
      display: block;
      float: left;
      margin-right: 10px; }

    #content ul.icons li .explanation {
      float: left; }

  #content .left-stripe {
    height: 100%;
    padding: 0 0 60px 50px;
    background: transparent url(/images/stripe-left.png) top left repeat-y;
    overflow: hidden; }

  #content .top_nav {
    font-family: Garamond, Georgia, "Times New Roman", serif;
    color: #dddddd;
    list-style-type: none;
    border-bottom: 1px solid #dedede;
    margin: 20px 0 60px 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal; }

    #content .top_nav li {
      float: left;
      margin-right: 39px; }
    
    #content .top_nav li.fb_like {
      width: 60px;
      float: left;
      margin-right: 0;
      padding: 0; }

    #content .top_nav li.last {
      margin-right: 0; }

    #content .top_nav a {
      color: #c0bdb8; 
      font-weight: bold;}

    #content .top_nav .selected a {
      color: #e08f3e;}

    #content .top_nav .inactive a {
      color: #999; 
      font-weight: normal;}

/* blog */

#content .entry {
  font-family: Arial, sans-serif;
  margin-top: 48px;
  font-size: 13px;
}

#content .entry a {
  font-weight: normal;
  text-decoration: underline;
}

#content .entry .title, .article .title {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 0;
}

#content .entry .title a {
  text-decoration: none;
  font-family: Garamond, Georgia, "Times New Roman", serif;
  color: #E08F3E;
}

#comments {
  margin-top: 24px;
}

#comments ul {
  margin: 0 0 48px 0;
  padding: 0;
}

#comments ul li {
  list-style-type: none;
  margin: 0 0 8px 0;
}

#comments .comment {
  background-color: #f0f0f0; 
  border: 2px solid #aaaaaa;
  -moz-border-radius: 12px; 
  -webkit-border-radius: 12px;
  padding: 13px;
  overflow: hidden;
}

#comments .comment .comment-details {
  float: left;
}

#comments .comment .body {
  float: left;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}

#comments .comment .author {
  font-weight: bold;
  font-size: 15px;
  font-family: Garamond, Georgia, "Times New Roman", serif;
}

#comments .comment .published_date {
  font-size: 12px;
  color: #888;
}

#comments h4.leave_comment {
  border-bottom: 1px solid #ccc;
}

#comments .comment_form p {
  overflow: hidden;
}

#comments .comment_form label, #comments .comment_form input {
  display: block;
  float: left;
}

#comments .comment_form p.error {
  background-color: #FBE3E4;
  color: #8A1F11;
  border: 2px solid #FBC2C4;
}

#comments .comment_form label.error {
  background: inherit;
  padding: 0;
  margin: 0;
  border: 0;
}

#comment_body {
  width: 500px;
}

#comments .comment_form .post_comment {
  margin-right: 12px;
}

#comments .comment_form .hint {
  color: #aaa;
}


#content .entry .byline, .article .byline, #comments .byline {
  font-size: 12px;
  color: #aaa;
}

#content .entry .byline a, .article .byline a, #comments .byline a {
  font-weight: bold;
  color: #aaa;
}

/* menu */

#menu #carte {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu #carte .product {
  border: 2px solid #aaaaaa;
  -moz-border-radius: 12px; 
  -webkit-border-radius: 12px;
  padding: 13px;
  margin: 0 0 8px 0;
  background-color: #f0f0f0;
}

#menu #carte .product .title {
  overflow: hidden;
}

#menu #carte .product .product_link {
  display: block;
  float: left;
  color: #5d3d35;
  vertical-align: bottom;
  font-size: 15px;
  padding-top: 2px;
  font-family: Garamond, Georgia, "Times New Roman", serif;
}

#menu #carte .product .product_selector {
  color: #888;
  font-family: Arial, sans-serif;
  font-size: 12px;
  float: right;
}

#menu #carte .product .product_selector .price {
  padding: 0 16px 0 10px;
  border-left: 1px solid #ccc;
}

#menu #carte .product .product_selector label {
  font-size: 10px;
}

#menu #carte .product .product_selector input {
  border: 1px solid #ccc;
  font-weight: bold;
  color: #E08F3E;
  text-align: center;
  font-size: 14px;
}

#menu #carte .product .less_link { 
  margin-top: 12px;
}

#menu #carte .product .less_link a {
  font-size: 12px;
  color: #5d3d35;
  text-decoration: underline;
}

#menu #carte li.open {
  background-color: #ffffff;
}

#menu #carte li.product .description {
  margin-top: 24px;
  line-height: 1.1;
  font-family: Arial, sans-serif;
  display: none;
  font-size: 13px;
}

#menu .headline {
  margin: 32px 0;
}

#menu .headline, #menu .headline h1 {
  font-weight: bold;
  font-size: 28px;
  color: #E08F3E;
}

#menu .headline .subhead {
  font-family: Garamond, Georgia, "Times New Roman", serif;
  font-size: 18px;
}

#menu .ordering_instructions {
  text-align: center;
  margin-bottom: 42px;
}

#menu .delivery_instructions .critter_warning {
  font-weight: bold;
}

#menu .delivery_instructions #note {
  width: 500px;
}

#menu .checkout {
  font-size: 18px;
  font-weight: bold;
  color: #E08F3E;
  overflow: hidden;
  margin: 24px 0 10px 0;
  padding-right: 13px;
  font-family: Garamond, Georgia, "Times New Roman", serif;
}

#menu .checkout .price .subtotal {
  font-size: 24px;
}

#menu .checkout .price, #menu .checkout .button, #cart .checkout .button {
  clear: right;
  float: right;
}

#menu .checkout .button, #cart .checkout .button {
  margin: 12px -6px 0 0;
}

#cart table th, #cart table .subtotal {
  background-color: #f0f0f0;
}

#cart table .subtotal {
  border-top: 1px solid #371005;
}

/* sign up form */

#sign_up {
  margin-top: 40px;
  margin-bottom: 70px; }

  #sign_up h3 {
    margin-bottom: 10px;
    font-weight: bold; }

  #sign_up .subhead {
    margin-bottom: 15px; }

  #sign_up form .field {
    margin: 0 0 10px 0; }

  #sign_up form .button {
    text-align: center; }

    #sign_up form .button input {
      font-size: 14px; }

  #sign_up form #email_address {
    color: #888888;
    background-color: #ededed;
    border: 1px solid #ddd;
    height: 20px;
    padding: 10px;
    font-size: 14px; }

#mce-responses #mce-error-response {
  margin: 12px 0;
  background-color:#FFCCCC;
  border:1px solid #AA0000;
  color:#AA0000;
  font-weight:bold;
  margin:12px 0;
  padding:5px 0;
  text-align:center;
  width: 490px;
}

#mce-responses #mce-success-response {
  margin: 12px 0;
  background-color:#CCFFCC;
  border:1px solid #00AA00;
  color:#00AA00;
  font-weight:bold;
  margin:12px 0;
  padding:5px 0;
  text-align:center;
  width: 490px;
}


#sticker {
  position: absolute;
  top: 0;
  left: 0;
  width: 312px;
  height: 327px;
  background: transparent url(/images/sticker.png) top left no-repeat;
  z-index: 1000; }

  #sticker .marker {
    position: absolute;
    left: 26px;
    top: 100px; }

/* footer */

#footer {
  position: relative;
  width: 600px;
  height: 24px;
  overflow: hidden;
  background: transparent url(/images/border-bottom.png) bottom left repeat-x; }

  #footer .left-corner {
    position: absolute;
    bottom: 0;
    left: 0; }

    #footer .left-corner img {
      display: block; }

  #footer .right-corner {
    position: absolute;
    bottom: 0;
    right: 0; }

    #footer .right-corner img {
      display: block; }