/*
   main.css
   Wild Thyme Deli
   
   Created by Craig on 2007-09-17.
   Copyright 2007 Houshang Livian Design. All rights reserved.
*/

/* general
---------------------------------------------------------- */
body {
  background-color: #83953f;
  margin: 0;
  padding: 0;
  color: #666;
  font: normal normal normal 13px/1.6em Arial, sans-serif;
}

h2 {
  color: #83953f;
  font-weight: normal;
}


dt, dd {
  padding: 0;
  margin: 0;
}
ul, ol {
  padding: 0;
  margin: 0;
}
strong, b {
	color:#545353;
}
a {
  color: #451;
}



/* generic classes
---------------------------------------------------------- */
.note {
  font-size: 87.5%;
  color: #c00;
}
p.pdf {
  background: transparent url('design/pdf.gif') no-repeat center left;
  padding: .5em 0 .5em 36px;
}

/* structure
---------------------------------------------------------- */
#wrapper {
  margin: 0 auto;
  width: 750px;
}
#container {
  background: #83953f url('design/wild-thyme-bkgd.gif') repeat-y top center;  
  float: left;
  width: 750px;
}

/* header
---------------------------------------------------------- */
#header {
  background: #83953f url('design/home-header.jpg') no-repeat bottom center;
  height: 354px;
}
#about-page #header {
  background: #83953f url('design/about-header.jpg') no-repeat bottom center;
}
#menu-page #header {
  background: #83953f url('design/menu-header.jpg') no-repeat bottom center;
}
#catering-page #header {
  background: #83953f url('design/catering-header.jpg') no-repeat bottom center;
}
#contact-page #header {
  background: #83953f url('design/contact-header.jpg') no-repeat bottom center;
}
#order-page #header {
  background: #83953f url('design/order-header.jpg') no-repeat bottom center;
}
#header h1 {
  background: #83953f url('design/wild-thyme-logo.gif') no-repeat bottom center;
  float: left;
  width: 262px;
  height: 122px;
  margin: 0;
  margin-left: 45px;
  padding-top: 16px;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

/* main nav
---------------------------------------------------------- */
#nav {
  float: right;
  margin: 0;
  padding: 0;
  margin-top: 40px;
  margin-right: 20px;
  width: 402px;
}
#nav li {
  display: inline;
  border-left: 1px solid #fff;
  font-size: 14px;
}

#nav li.first {
  border-left: none;
}
#nav li a {
  color: #fff;
  padding: 0 0.2em 0 0.45em;
  text-decoration: none;
  outline: none !important;
}
#nav li a:hover {
  text-decoration: underline;
}

/* content
---------------------------------------------------------- */
.left-col {
  float: left;
  position:relative;
  z-index: 3;
  width: 370px;
  margin: 0 0 0 40px;
  padding-bottom: 20px;
}
.left-col h4 {
  margin-top: 2em;
  margin-bottom: 0px;
}
.left-col p {
  line-height: 1.8em;
}

.left-col ul li {
  margin-left: 2em;
}
.left-col .note {
  margin: 0;
}
.side-col {
  background: transparent url('design/side-col-bkgd.jpg') no-repeat top right;
  float: left;
  width: 220px;
  padding: 184px 40px 60px 80px;
  font-size: 12px;
}

.side-col ul li {
  list-style: none;
  font-size: 13px;
}

#header #side-col-hdr {
  position: relative;
  left: 128px;
  top: 191px;
}
#side-col-hdr-image {
  position: relative;
  top: 272px;
  background: transparent url('design/side-col-home-page.gif') no-repeat bottom right;
  width: 750px;
  height: 272px;
}


/* about-page
---------------------------------------------------------- */
#about-page #side-col-hdr-image {
  background-image: url('design/side-col-about-page.gif');
}

/* menu-page
---------------------------------------------------------- */
#menu-page #side-col-hdr-image {
  background-image: url('design/side-col-001.gif');
}
.menu dt {
  margin-top: 1em;
  color: #693;
  font-weight: bold;
}
.menu dd {
  margin: .5em 0;
  padding: 0;
  line-height: 1.2em;
}
.menu td {
  padding-bottom: 1em;
  line-height: 1.2em;
  vertical-align: top;
}
.menu tr td+td {
  text-align: center;
}

/* catering-page
---------------------------------------------------------- */
#catering-page #side-col-hdr-image {
  background-image: url('design/side-col-002.gif');
}

/* order-page
---------------------------------------------------------- */
#order-page #side-col-hdr-image {
  background-image: url('design/side-col-003.gif');
}
#order-form dt {
  margin-top: .5em;
}
#order-form dt.required {
  color: #c00;
}
#order-form dd {
  margin: 0;
  padding: 0;
}
#order-form input.submit {
  color: #5f6f1b;
  width: 40%;
}

#order-form input.field, #order-form textarea {
  background-color: #f5f5f5;
  width: 100%;
  border: 1px solid #c5cf9b;
  padding: 3px 5px;
}
#order-form select {
  background-color: #f5f5f5;
  width: 382px;
  border: 1px solid #c5cf9b;
  padding: 1px 0px 1px 5px;
  font-size: 11px;
}

/* contact-page
---------------------------------------------------------- */
#contact-page #side-col-hdr-image {
  background-image: url('design/side-col-004.gif');
}
#contact-page dt {
  margin-bottom: 1ex;
}
#contact-page dd {
  margin-left: 1em;
  line-height: 1.2em;
}

/* footer
---------------------------------------------------------- */
#footer {
  clear: both;
  border-top: 8px solid #5f6f1b;
}
#footer p {
  color: #c0cf81;
  line-height: 1.6em;
  text-align: center;
}
#footer p a {
  color: #451;
}
#footer p a:hover {
  background-color: #9eaf57;
  text-decoration: none;
}