* { margin:0; padding:0; }

html {height: 100%; }

/*body {height: 100%; font-family: 'Roboto Condensed', arial; color:#333333; font-size:15px; line-height: 22px; background-image:url('../images/bg-wood.jpg'); background-repeat:repeat; width:100%; margin:0; padding:0; }*/

body {height: 100%; font-family: 'Roboto Condensed', arial; color:#333333; font-size:16px; line-height: 20px; width:100%; margin:0; padding:0; background-color:#343432; }


.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}

img {border:none; }

a, a:visited, a:hover, a:active {color: #a74229; text-decoration:underline;}



h1 {color: #B9501E;
    font-family: 'Sancreek',arial,san-serif;
    font-size: 32px;
    line-height: 36px;
    padding: 10px 0;}

h2 {font-family:'Roboto Condensed', arial, san-serif; font-size:23px; color: #507d19; margin: 10px 0 15px 0;}
h2.home {font-family:'Roboto Condensed', arial, san-serif; font-size:30px; color: #507d19; margin: 10px 0 15px 0;}

h3 {font-family:'Roboto Condensed', arial, san-serif; font-size:18px; color: #b9501e;}
h4 {font-family:'Roboto Condensed', arial, san-serif; font-size:14px; color: #333333; margin:0; padding:0;}


#logo {height: 132px; width: 323px; position: relative; overflow: hidden; margin-bottom:7px;}

#nav  {width: 100%; margin:0 auto; text-align:center; padding:10px 0;}
#nav ul  {list-style-type: none; margin: 0; padding: 0;}
#nav li  {display:inline; padding:0 15px;}
#nav li a, #nav li a:visited {color: #3d1401; font-family: 'Sancreek',sans-serif; font-size: 15px; text-decoration: none; }
#nav li a:hover, #nav li a:active {color: #b9501e;}

#topbar-wrapper {background-color: #cc6603; width:100%; height:62px; }
#topbar {padding-top:10px; margin: 0 auto; width:100%; color:#ffffff; font-family: 'Roboto Condensed', arial, sans-serif; font-size:13px; line-height:15px;}
#topbar-address {float:none; padding-left:10px;}
#topbar-phone {float:none; padding-left:10px;}
a[href^=tel]{
    color:#ffffff;
    text-decoration:none;
}
#topbar-hours {float:none; padding-left:10px}

#content-wrapper {margin:0 auto; overflow:hidden; background-color: #e3d4c6;}
#content.home {padding:10px; overflow:hidden; width:95%;}
#content {padding:10px; overflow:hidden;}


#contact-info {display:block; width:100%;}
#contact-map {display:block; padding: 10px; height: 200px; width: 300px; background-color: #FFFFFF;} 
.responsive-map {border: 1px solid #999999; height: 200px; width: 300px;}


.responsive-vid {height:315px; width:100%;}
.responsive-pics {border:none; height: 400px; width: 100%;}


#banner-container {display: none;}
#col-left-home {display: none;}
#col-right {float:left; width: 100%; padding-left:0; font-size:16px; line-height:20px; }

#title-wrap {border-bottom: 1px solid #8c8781; overflow: hidden; position: relative; margin: 10px 0px; width: 100%;}
#page-title-left {float:left;}

.bold1 {font-size:19px; font-weight:bold; color:#a74229; }
.bold2 {font-size:14px; font-weight:bold; color:#a74229; }
.bold3 {font-size:12px; font-weight:bold; color:#a74229; }

.bold1 a, a:hover, a:visited, a:active; {text-decoration: underline; }
.bold2 a, a:hover, a:visited, a:active; {text-decoration: underline; }
.bold3 a, a:hover, a:visited, a:active; {text-decoration: underline; }

#calendar-date {padding:3px 0; border-bottom:1px solid #b7ac9e; width:100%; overflow:hidden; font-size:16px; line-height:20px; }
#calendar-date .left {float:left; width:80px; padding-right:10px;}
#calendar-date .right {float:right; width:70%;}

#order {padding:0; margin:0; text-align: left;}

#news {padding:10px 0; border-bottom:1px solid #b7ac9e; width:590px; overflow:hidden; }
#news .pic {float:left; width:120px; height:90px; padding-right:20px; }
#news .description {float:left; width:440px; }


.go {background-image: url("../images/go.png");
    border: 0 none;
    height: 29px;
    width: 44px;
 }
 
table.menu {width:100%; line-height:15px;}
table.menu h2 {padding:25px 0 0 0; margin-bottom:6px;}
table.menu td.menu-left {padding:10px 0;  border-bottom:2px dotted #999;}
table.menu td.menu-right {width:150px; text-align: right; padding:10px 0; border-bottom:2px dotted #999;}
table.menu em {font-size: 16px; line-height: 20px;}
#delivery-info-middle {display:none;}

.footer {height: 195px; clear: both;background-color:#3d1401; clear:both; overflow:hidden;
 }
.push {
  height: 195px;
  clear: both;
   /* .push must be the same height as .footer */
}

#footer-content {padding:20px; width:960px; margin:0 auto; color:#bfbdbc; font-family: 'Roboto Condensed', arial; overflow:hidden; font-size:13px; line-height: 18px;}
#footer-bucket {float:left; padding:15px 25px 20px 0; }
#footer-left {float:left;}
#footer-right {float:right; width:500px; text-align: right; padding-right:15px;}
.footer-title {font-family: 'Roboto Condensed', arial; font-weight:bold; font-size:15px; }
.footer a, .footer a:visited {text-decoration:none; color:#bfbdbc;}
.footer a:hover, .footer a:active {text-decoration:underline;}


/* Media Queries */

@media only screen and (min-width: 678px) {
    body {background-image:url('../images/bg-wood.jpg'); background-repeat:repeat;}
    /*#logo {margin-top: -45px; z-index: 1;}*/
    #topbar-wrapper {background-color: transparent; background-image:url('../images/bg-topbar.png'); background-repeat:repeat-x; height:52px;}
    #topbar {font-family: 'Roboto Condensed', arial, sans-serif; width:960px; font-size: 15px; font-weight:bold;}
    #topbar-address {float:left; padding-left:0; padding-right:10px;}
    #topbar-phone {float:left; padding-left:10px; border-left: 1px solid #fff;}
    #topbar-hours {float:right; text-align:right; padding-left:0;}
    #content-wrapper {background-color: transparent; width:940px; background-image:url('../images/bg-paper.png'); background-repeat:repeat-y; padding:10px 20px 20px;}
    #content.home {padding:10px; overflow:hidden; width:920px;}
    #nav  {width: 940px; margin:0 auto; text-align:center; padding:10px 0;}
    #nav ul  {list-style-type: none; margin: 0; padding: 0;}
    #nav li  {display:inline; padding:0 15px;}
    #col-left {display:block; float:left; width:590px; padding-right:10px; overflow:hidden; }
    #col-left-home {display:block; float:left; width:590px; padding-right:10px; overflow:hidden; }
    #col-right {float:left; width: 300px; padding-left:10px; border-left:1px solid #bcb0a4; font-size:14px; line-height:19px; }
    #banner-container {display:block; background-image: url('../images/bg-slider.png'); height: 370px; overflow: hidden; padding-top: 23px; width: 590px;}
    #calendar-date {width:310px; font-size:14px; line-height:19px;}
    #calendar-date .right {width:220px;}
    #order {padding:0; margin:0; text-align: center;}
    #delivery-info {width:100%; border-bottom: 1px solid #8c8781; padding: 0 0 12px; overflow:hidden; font-size:17px; font-weight: bold;}
    #delivery-info-left {float:left; text-align:right; margin-left:220px; overflow:hidden;}
    #delivery-info-middle {display: block; float: left; margin: 5px 20px; width: 25px;}
    #delivery-info-right {float:left;}
    #prices {float:right; font-size:9px; margin-top:20px; font-weight:normal;}
    #content {width: 920px}
    #social-buttons {width:165px; margin:0 auto; padding:10px 0;}
    #mailing-list-1 {margin:0 auto; text-align: center;}
    .responsive-vid {width:560px; height:315px;}
    .responsive-pics {width:860px; height:1075px;}
   
    #contact-info {float:left; width:50%;}
    #contact-map {float:right; width:400px; height:400px;}
    .responsive-map {width: 400px; height: 400px;}
}