/*
Theme Name: That's A Wrap Restaurant
Theme URI: http://www.thewrapshop.com/
Description: Based on the default theme for WordPress by <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Scott Sousa
Author URI: 
Tags: That's A Wrap
*/

/* --- Body --- */
body {margin: 0px;
      padding: 0px;
      background: #222;
      color: #ccc;
      font-family: "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      font-size: small;}

/* --- SBMH --- */
* html body {font-size: x-small; /* - IE5/WIN - */
             f\ont-size: small; /* - Other IE Versions - */}

/* --- Break --- */
.break {margin: 0px 0px -5px 0px;
        padding: 0px;
        height: 0px;
        line-height: 0px;
        clear: both;
        text-indent: -9999px;}

/* --- Break Firefox --- */
div > .break {margin: 0px;
              height: 0px;}

/* --- Links --- */
a {color: #36aa74;}

a:hover {text-decoration: none;}

/* --- H2 ---*/
h2 {margin-top: -15px;}

/* --- Main --- */
#main {width: 900px;
       margin: 10px auto 0 auto;
       padding: 0;}

/* --- Header --- */
#header {width: 900px;
         height: 102px;
         margin: 0;
         padding: 0;
         background: #222 url("images/header/navigation/navseperator.gif") repeat-x bottom left;}

#header img {margin: 0 0 0 -1px;
             padding: 0;
             border: 0;}

/* --- Logo --- */
#header #logo {float: left;}

/* --- Navigation ---*/
#navigation {height: 23px;
             margin: 15px 0 0 0;
             padding: 0;
             float: left;}

#navigation ul {margin: 0;
                padding: 0;
                list-style: none;}

#navigation ul li {margin: 0;
                   padding: 0;
                   display: inline;
                   float: left;}

#navigation a {height: 23px;
               margin: 0 10px;
               background: transparent;
               display: block;
               text-indent: -9999px;}

#navigation a:hover, #navigation a:focus, #navigation .active {background-position: 0 -23px !important;}

#navigation .active {cursor: default;}


#navigation #home {width: 40px;
                   margin: 0 10px 0 0;
                   background: #222 url(images/header/navigation/home.gif) no-repeat top left;}

#navigation #menu {width: 40px;
                   background: #222 url(images/header/navigation/menu.gif) no-repeat top left;}

#navigation #hours {width: 139px;
                    background: #222 url(images/header/navigation/hours.gif) no-repeat top left;}

#navigation #contact {width: 63px;
                      background: #222 url(images/header/navigation/contact.gif) no-repeat top left;}

#navigation #twitter {width: 53px;
                      margin: 0 0 0 10px;
                      background: #222 url(images/header/navigation/twitter.gif) no-repeat top left;}

/* --- Status ---*/
#status {height: 23px;
         margin: 15px 0 0 0;
         padding: 0;
         float: right;}

/* --- Current Page ---*/
#currentpage {height: 35px;
              margin: 0;
              padding: 0;
              float: right;}

/* --- Specials ---*/
#specials {width: 450px;
           margin: 2px 0 0 0;
           padding: 0;
           float: left;
           font-size: 1.05em;
           color: #ccc;}

#specials #title {margin: 0 5px 0 0;
                  float: left;
                  color: #36aa74;}

/* --- Content Text ---*/
p#marg {margin: 11px 0 18px 1px;
        padding: 0;
        font-size: .90em;}

div > p#marg {margin: 15px 0 18px 1px;
              padding: 0;
              font-size: .90em;}

/* --- Content Text ---*/
p.nomarg {margin: 0 0 5px 1px;
         padding: 0;
         font-size: .90em;}

div > p.nomarg {margin: 0 0 5px 1px;
               padding: 0;
               font-size: .90em;}

/* --- Content Text ---*/
p {margin: -2px 0 28px 20px;
   padding: 0;
   font-size: .90em;}

div > p {margin: 0 0 18px 20px;
         padding: 0;
         font-size: .90em;}

/* --- Menu Item ---*/
.menuitem {margin: -2px 0 20px 1px;
           padding: 0;
           font-size: .90em;}

div > .menuitem {margin: 0 0 10px 1px;
                 padding: 0;
                 font-size: .90em;}

/* --- Appetizer ---*/
.appitem {margin: -2px 0 10px 1px;
           padding: 0;
           font-size: .90em;}

div > .appitem {margin: 0 0 0px 1px;
                 padding: 0;
                 font-size: .90em;}

/* --- Home Images ---*/
.image {width: 300px;
        margin: 0 0 18px 0;
        padding: 0;
        text-align:center;
        float: left;}

/* --- H3 ---*/
h3#first {margin: 11px 0 0 1px;
          padding: 0;
          color: #34AD76;
          font-size: .95em;}

div > h3#first {margin: 15px 0 0 1px;
                padding: 0;
                color: #34AD76;
                font-size: 1em;}

/* --- H3 ---*/
h3#second {margin: 11px 0 0 1px;
           padding: 0;
           color: #34AD76;
           font-size: .95em;}

div > h3#second {margin: 15px 0 0 1px;
                 padding: 0;
                 color: #34AD76;
                 font-size: 1em;}

/* --- H3 ---*/
h3 {margin: -2px 0 8px 1px;
    padding: 0;
    color: #34ad76;
    font-size: .95em;}

/* --- Content Text ---*/
div > h3 {margin: 0 0 2px 1px;
          padding: 0;
          color: #34ad76;
          font-size: 1em;}

/* --- H5 ---*/
h5 {margin: 5px 0 2px 1px;
    padding: 0;
    color: #34ad76;}

/* --- Content Text ---*/
div > h5 {margin: 0 0 2px 1px;
          padding: 0;
          color: #34ad76;}


/* --- Fieldset ---*/
fieldset {width: 100%;
          margin: 0;
          padding: 0;
          border: 0;}


/* --- Label ---*/
label {margin: 5px 0 2px 1px;
       padding: 0;
       color: #34ad76;
       font-size: .85em;
       display: block;}

/* --- Error Label ---*/
.error {margin: 5px 0 -5px 1px;
        padding: 0;
        color: #c00;
        font-size: .85em;
        font-weight: bold;
        display: inline;}

/* --- Success Label ---*/
.success {margin: 5px 0 -5px 1px;
          padding: 0;
          color: #34ad76;
          font-size: .85em;
          font-weight: bold;
          display: inline;}


/* --- Left Column ---*/
.left {width: 400px;
       margin: 0 50px 0 0;
       text-align: left;
       float: left;}

/* --- Right Column ---*/
.right {width: 400px;
        margin: 0 0 0 50px;
        text-align: left;
        float: right;}

/* --- Left Column ---*/
.hoursleft {width: 425px;
            margin: 0 25px 0 0;
            text-align: left;
            float: left;}

/* --- Right Column ---*/
.hoursright {width: 425px;
             margin: 0 0 0 25px;
             text-align: left;
             float: right;}

/* --- Directions Left Column ---*/
.dirleft {width: 195px;
          margin: 0 5px 0 0;
          text-align: left;
          float: left;}

/* --- Directions Right Column ---*/
.dirright {width: 195px;
           margin: 0 0 0 5px;
           text-align: left;
           float: right;}

/* --- Unordered List ---*/
#content ul {margin: 0 0 5px 1px;
             padding: 0;
             list-style: none;}

/* --- Bold ---*/
.bold {font-weight: bold;
       color: #eee;}

/* --- Address ---*/
.address {width: 180px;
          margin: 0 0 5px 0;
          padding: 0;
          font-size: .90em;
          color: #34ad76;}

/* --- City ---*/
.city {width: 150px;
       margin: 0 0 5px 0;
       padding: 0;
       font-size: .90em;
       color: #34ad76;}

/* --- State ---*/
.state {width: 20px;
        margin: 0 0 5px 2px;
        padding: 0;
        font-size: .90em;
        color: #34ad76;}

/* --- Your Name ---*/
.fbinput {width: 180px;
          margin: 0 0 5px 1px;
          padding: 0;
          font-size: .90em;
          color: #34ad76;
          display: block;}

/* --- Your Feedback ---*/
.feedback {width: 360px;
           margin: 0 0 0 1px;
           padding: 0;
           font-size: .90em;
           color: #34ad76;
           display: block;}


/* --- Form Buttons --- */
.formbuttons {margin: 10px 1px 6px 0;
              padding: 0px;
              color: #34ad76;
              font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
              font-size: .90em;
              background-color: #222;
              border-width: 1px;
              border-style: solid;
              border-color: #666;}

/* --- Form Buttons --- */
.fbbuttons {margin: 15px 1px 20px 1px;
            padding: 0px;
            color: #34ad76;
            font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
            font-size: .90em;
            background-color: #222;
            border-width: 1px;
            border-style: solid;
            border-color: #666;
            cursor: pointer;}

div > .fbbuttons {padding: 0 1px;}


/* --- Loading --- */
#loading {margin: 0;
          padding: 0;}


/* --- Our Shop ---*/
#ourshop {margin: 0 0 0 1px;
          padding: 0;
          color: #34ad76;
          font-size: 1em;}

/* --- Google Maps ---*/
object {margin: 0 0 15px 1px;
        padding: 0;}

/* --- Footer --- */
#footer {width: 900px;
         margin: -19px 0 0 0;
         padding: 3px 0 0 0;
         background: #222 url("images/footer/footerseperator.gif") repeat-x top left;
         font-size: .75em;}

div > #footer {width: 900px;
               margin: 0;
               padding: 3px 0 0 0;
               background: #222 url("images/footer/footerseperator.gif") repeat-x top left;
               font-size: .75em;}

#footer #left {float: left;}

#footer #right {float: right;}