* {
margin: 0;
padding: 0;
}

.clear {clear:both;}

body {
    background-color:#f9f8dc;
    font-size: 76.1%;
    background-image: url(../images/right_bg.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

/*
 HEADER
*/

#header {
    /*
    height:133px;
    */
    height: 108px;
    width: 100%;
    background-image: url(../images/header.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#logo {
    margin-left:62px;
}

#header ul {
    /*
    margin-top: 15px;
    */
    margin-top: -10px;
    margin-right: 32px;
    float: right;
    width: 380px;
    display: inline;
}
#header ul li {
    padding-top: 4px;
    text-align:center;
    font-family: Georgia, serif;
    font-size: 14px;
    display: block;
    float:left;
    width: 82px;
    height: 20px;
    background-image:url(../images/tab.png);
    background-repeat: no-repeat;
}
#header ul li a {
    /*
    color:#c6de4f;
    */
    color: #5f7f94;
    text-decoration:none;
}
#header ul li a:hover {
    color:#c6de4f;
}
#header ul li .current {
}

/*
 BODY
*/

#right_col {
    /*margin-right: -200px;
    float: left;*/
    position: absolute;
    left:5px;

    width: 200px;   
    color: #bfb6a3;
    color: #9eb493; 
    font-family: Arial, Helvetica, Sans-Serif;
}

#right_col h1 {
    font-family: Georgia, serif;
    margin-left: 12px;
    margin-top: 24px;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 12px;    
}

/* links */

#right_col ul {
    margin-left: 12px;
    line-height: 22px;
    letter-spacing: 2px;
} 

#right_col ul li {
    list-style: none;
}

#right_col a {
    font-size: 11px;
    color: #5d5946;
    text-decoration:none;    
}

#right_col a:hover {
    color: #55778d;
    text-decoration:underline;    
}

/* posts */

#container {
    float:left; 
}

#left_col {
    /*
    font-family: "Trebuchet MS",Arial,verdana,sans-serif;
    font-family: "Lucida Grande", Verdana, sans-serif;
    */
    font-family: Arial,helvetica,verdana,sans-serif;
    font-family: "Lucida Grande", Verdana, sans-serif;
    padding-left: 18px;
    margin-left: 180px;
}

.post {
    margin-right: 26px;
    margin-left: 38px;
    margin-bottom: 22px;
    padding: 28px;
}

.post img {
    /* float:left; */
    padding-right: 18px;
    padding-bottom: 18px;
    
}

.post h1 {
    font-size: 14px;
    color: #374e5c;
    /* color: #5d5946; */
}

.post h1 a {
    color: #374e5c;
    text-decoration: none;
}

.post h1 a:hover {
    color: #999;
}

.post h2 {
    color: #bfb6a3;
    color: #9eb493; 
    font-size: 10px;
    /* 
    font-size: 11px;
    font-family: Georgia, serif;
    font-style: italic;
    */
    line-height: 18px;
    margin-bottom: 6px;
}

/* login form */


.loginform {
    margin-bottom:32px;
    width: 150px;   
    margin-left: 12px; 
}
.loginform .textbox {
    width: 120px;
    color: #5d5946;
    border: 1px solid #9eb493;
    margin-bottom: 6px;
    font-size:12px;
    height: 16px;
}
.loginform .submitbutton {
    border: 1px solid white;    
    color: white;
    background: #cada6d;
    font-size:12px;
}

/* comment form */
#comments label { 
  display: block;  /* block float the labels to left column, set a width */
  width: 150px; 
  padding: 0; 
  margin: 5px 5px 0; /* set top margin same as form input - textarea etc. elements */
  text-align: left;
  line-height: 22px; 
}
#comments {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    font-family: "Lucida Grande", Verdana, sans-serif;
  margin-left: 248px;
  margin-top: 20px;
  margin-bottom: 32px;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px;
  text-align:left; 
}
#comments input,select, textarea {
    color: #5d5946;
    border: 1px solid #9eb493;
    font-size:14px;
    padding: 2px;
    width: 200px;
}
#comments textarea { height: 80px; }

#comments .submitbutton {
    border: 1px solid white;    
    color: white;
    width: 140px;
    background: #cada6d;
    font-size:14px;
}

#comments h2 {
    color: #bfb6a3;
    color: #9eb493; 
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 6px;
}

/* COMMENT LISTING */
#comment_wrapper {
    color: #9eb493; 
    font-size: 11px;
    font-family: "Lucida Grande", Verdana, sans-serif;
    margin-left: 248px;
    max-width:500px;
}
#comment_wrapper .post_comment {
    margin-bottom: 18px;
    margin-top: 8px;
}
#comment_wrapper .post_comment .pbody{
    color: #374e5c;
    margin-bottom: 4px;
    font-size: 13px;
}



/* CONTACT FORM */
#contact label { 
  display: block;  /* block float the labels to left column, set a width */
  width: 150px; 
  padding: 0; 
  margin: 5px 5px 0; /* set top margin same as form input - textarea etc. elements */
  text-align: left;
  line-height: 22px; 
}
#contact {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    font-family: "Lucida Grande", Verdana, sans-serif;
  margin-left: 248px;
  margin-top: 20px;
  margin-bottom: 32px;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px;
  text-align:left; 
}
#contact input,select, textarea {
    color: #5d5946;
    border: 1px solid #9eb493;
    font-size:14px;
    padding: 2px;
    width: 400px;
}
#contact textarea { height: 200px; }

#contact .submitbutton {
    border: 1px solid white;    
    color: white;
    width: 140px;
    background: #cada6d;
    font-size:14px;
}

#contact h1 {
    color: #5d5946;
}


#contact h2 {
    color: #bfb6a3;
    color: #9eb493; 
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 6px;
}


/* CATALOG */
#catalog {
    margin-right:160px;
    margin-left:30px;
    margin-top:40px;
}

#catalog .item {
    float:left;
    padding-left: 40px;
    padding-bottom: 40px;
}

#catalog h1 {
    padding-left: 40px;
    color: #5d5946;
    padding-bottom: 20px;
}

#catalog a {
    color: #9eb493; 
    color: #5d5946;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 6px;
    text-decoration: none;
}

#catalog a:hover {
    color: #9eb493; 
}

#catalog_detail {
    margin-left:30px;
    margin-top:40px;
}


#catalog_detail .item {
    float:left;
    padding-left: 40px;
    padding-bottom: 40px;
}

#catalog_detail h1 a {
    color: #9eb493; 
    color: #5d5946;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 6px;
    text-decoration: none;
}

#catalog_detail h1 a:hover {
    color: #9eb493; 
}

#catalog_detail .desc {
    width: 400px;
    padding-top:16px;
}

#catalog_detail img {
    padding-bottom:20px;
}

#basket_div {
    float:right;
    padding-right:170px;
    margin-top: -22px;
    text-align:right;
    font-family: Arial, Helvetica, Sans-Serif;
}

#cart_icon {
    padding-bottom: 4px;
    border: 0;
    vertical-align: middle;
}

#basket_div a {
    color: #5d5946;
    text-decoration:none;
}

#basket_div a:hover {
    color: #9eb493; 
    text-decoration:none;
}



#cart_view_tbl {
    padding-left: 40px;
    padding-bottom: 40px;
}

#cart_view_tbl td {
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
}

.catalog_list {
    line-height: 26px;
    font-size: 16px;
}

.add_to_cart {
    border: 1px solid white;    
    color: white;
    width: 140px;
    background: #cada6d;
    font-size:14px;
}

.add_to_cart a {
    color: white;
}