/* variables */
/* ----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0px;
  padding: 0px; }

p, h2, h3 {
  margin-bottom: 10px; }

h1, h2, h3 {
  color: #786b4b; }

h1 {
  font-size: 35px;
  line-height: 42px;
  margin-bottom: 30px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 20px;
  font-weight: normal; }

a {
  text-decoration: none;
  color: #786b4b; }
  a:hover {
    text-decoration: underline; }
  a img {
    border: 0px; }

a.read_more {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #786b4b; }

input, select {
  font-size: 11px; }

small {
  font-size: 10px; }

.spacer {
  clear: both;
  float: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 0px;
  width: 0px; }

.clear_left {
  clear: left; }

/* layout */
body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  background: #f9f8f2 url(/images/body_bg.png) top center no-repeat;
  margin: 5px;
  color: black;
  line-height: 18px;
  text-align: center; }

#wrapper {
  text-align: left;
  margin: auto;
  width: 700px; }

#header {
  text-align: center;
  margin-top: 40px; }

#menu {
  margin-top: 25px; }
  #menu ul {
    list-style: none; }
    #menu ul li {
      text-transform: uppercase;
      display: inline;
      float: left;
      margin-right: 20px; }
      #menu ul li a {
        color: black;
        text-decoration: none; }
    #menu ul li.cart {
      margin: 0px;
      float: right; }

#content {
  margin: 15px 0px 5px;
  border-top: 1px dotted #d0cebc;
  border-bottom: 1px dotted #d0cebc;
  padding: 25px 0px; }

#home_img {
  height: 280px;
  width: 700px;
  overflow: hidden; }

#home_content {
  text-align: center;
  background: #786b4b url(/images/home_content_bg.png) repeat-y;
  padding: 20px 10px; }
  #home_content h1 {
    color: white;
    margin: 0px; }

.news {
  margin-top: 40px;
  width: 340px;
  padding-right: 10px;
  float: left; }

#footer {
  text-align: center;
  font-size: 10px;
  color: #d0cebc; }

/* ************ BEGIN FORGE DEFAULTS ********** */
/* --------------- forms ------------- */
table.form {
  border-top: 1px solid #BFBEAE;
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  width: 100%; }
  table.form tr td {
    padding: 6px;
    border-bottom: 1px solid #d2d0bf;
    vertical-align: top; }
    table.form tr td img {
      vertical-align: middle; }
  table.form td.label {
    width: 20%;
    font-size: 9px;
    font-weight: bold;
    color: #665E59;
    text-transform: uppercase;
    vertical-align: top; }
  table.form td.control {
    width: 80%;
    vertical-align: top; }

/* -------------- posts --------------- */
.pagination-info {
  line-height: 14px;
  border-top: 1px dotted #d0cebc;
  border-bottom: 1px dotted #d0cebc;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 11px; }

.post {
  margin-bottom: 40px; }
  .post h2, .post h3 {
    margin: 0px;
    padding: 0px; }
    .post h2 a, .post h3 a {
      color: #786b4b; }

/* ---------------- comments ----------------- */
#comments {
  margin-top: 25px; }

#new-comment {
  border-top: 1px solid silver;
  padding-top: 10px; }
  #new-comment textarea, #new-comment input.textfield {
    background: #f6f6f6;
    border: 1px solid #999; }

#comment-message {
  float: left;
  width: 58%; }
  #comment-message textarea {
    height: 193px;
    width: 100%; }

#comment-details {
  float: right;
  width: 38%; }
  #comment-details strong small {
    font-weight: normal; }
  #comment-details input.textfield {
    width: 100%;
    font-size: 18px; }
  #comment-details input.submit {
    font-size: 14px; }
  #comment-details p {
    margin-bottom: 20px; }

.avatar {
  width: 60px;
  float: left;
  margin-right: 10px; }
  .avatar img {
    border: 5px solid silver; }

.comment-text {
  float: right;
  width: 680px; }

.comment {
  border-top: 1px solid silver;
  padding: 15px 0px;
  font-size: 13px; }

/* ------------- photo gallery ------------- */
#photo-thumbnails {
  list-style: none;
  margin-right: 0px; }
  #photo-thumbnails li {
    float: left;
    margin: 0px 26px 25px 0px;
    width: 96px;
    text-align: center;
    font-size: 11px; }
    #photo-thumbnails li img {
      width: 90px;
      height: 90px;
      padding: 2px;
      border: 1px solid silver; }

/* ------------- flash messages ------------- */
.flash-msg, .errorExplanation {
  padding: 5px 10px 5px 30px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: bold; }

#flash-notice {
  color: #577700;
  border: 1px solid #658900;
  background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px; }

.errorExplanation, #flash-warning, #flash-error {
  color: red;
  border: 1px solid red;
  background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px; }
  .errorExplanation h2, #flash-warning h2, #flash-error h2 {
    color: red;
    text-transform: none;
    margin-top: 2px; }

.fieldWithErrors {
  display: inline; }

/* --------------- product lists -------------------- */
ul#product-list {
  list-style: none; }
  ul#product-list li {
    display: block;
    float: left;
    margin: 0px 25px 15px 0px;
    width: 150px; }
    ul#product-list li img {
      border: 5px solid #e7ddbb;
      margin-bottom: 5px; }
    ul#product-list li a {
      color: black; }
    ul#product-list li p {
      font-size: 11px; }

/* ------------------- single product --------------------* */
#product_image {
  position: relative;
  width: 350px;
  height: 350px;
  overflow: hidden;
  float: left; }
  #product_image img {
    border: 5px solid #e7ddbb; }
  #product_image .hidden {
    display: none; }
  #product_image ul li {
    position: absolute;
    top: 0px;
    left: 0px; }

#product_body {
  width: 330px;
  float: right; }
  #product_body .product_actions {
    margin-top: 15px; }
    #product_body .product_actions strong.price {
      font-size: 18px;
      position: relative;
      top: -9px;
      padding-left: 5px; }
  #product_body #product_images {
    margin-top: 40px;
    list-style: none; }
    #product_body #product_images li {
      display: block;
      float: left;
      margin: 0px 10px 15px 0px;
      width: 75px; }
      #product_body #product_images li img {
        border: 5px solid #e7ddbb; }
    #product_body #product_images li.last {
      margin-right: 0px; }
