/*
Theme Name: Stackhouse
Theme URI: http://rd2inc.com
Description: The custom Wordpress theme for Stackhouse Burgers
Version: 1.1
Author: Mike Neill, RD2
Author URI: http://rd2inc.com/
Tags:
*/

@font-face {
    font-family: 'Bebas';
    src: url('fonts/bebas-webfont.eot');
    src: url('fonts/bebas-webfont.eot?iefix') format('eot'),
        url('fonts/bebas-webfont.woff') format('woff'),
        url('fonts/bebas-webfont.ttf') format('truetype'),
        url('fonts/bebas-webfont.svg#webfont8VbsAwew') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ================================ Resets / Base Styles ================================ */

html { margin: 0; padding: 0; }

body
{
    margin: 0;
    padding: 0;
    font-size: 15px;

    /* Background */
    background: #414042 url("images/bg-body.jpg") left top no-repeat;

    /* Global Font Stuff */
    color: #d6d5d5; /* white */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: regular;
    line-height: 24px;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

a, a:visited, a:active { color: #FFFFFF; text-decoration:none; outline:0; }
a:hover,
a:focus { color: #f6f6f3; }

img { border: 0; }

p, ul, ol, dl { margin: 0px 0px 15px 0px; padding: 0px; }
ul li, ol li { margin:  0px 0px 15px 0px; padding: 0px 0px 0px 15px; }
dl dt { font-weight:bold; }
dl dd {	margin:0 0 0.5em 0;	}
input, textarea, select, td, th { font-size: 15px; }
acronym, abbr { border-bottom: 1px dotted black; cursor: help; }
sup { font-size: 0.9em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
blockquote { margin: 1.0em 30px 1.0em 10px; padding-left: 20px; font-style:oblique;	}
blockquote cite { margin: 5px 0 0; display: block; font-style:normal; }

hr { /* For Internet Explorer */ clear:both; height: 1px; color: #666; /* light grey */ border: none; margin-bottom:1.0em; }
html>body hr { /* For Gecko-based browsers */ clear:both; height: 1px; background-color: #666; border: none; margin-bottom:1.0em; }
html>body hr { /* For Opera and Gecko-based browsers */ clear:both; height: 1px; background-color: #666; border: 0px solid #666; margin-bottom:1.0em; }

.hidden { display:none; }
.error { color: #CC0000; }

/* ================================ Headers ================================ */

/*
 	h1 - page titles
	h2 - section titles
	h3 - subtitles/sidebar titles
	h4 - sidebar subtitles
*/

h1, h2, h3, h4, h5, h6,
a#download-menu-link
{
    color: #f6f6f3;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
}

h1 { font-size:40px; line-height: 40px; margin-bottom: 23px; }
h2 { font-size:25px; margin: 0 0 5px 0; letter-spacing: 1px; line-height: 26px; }
h3 { font-size:20px; margin: 0 0 5px 0; letter-spacing: 1px; line-height: 24px; }
h4 { font-size:16px; margin: 0 0 4px 0; line-height: 16px; }
h5 { font-size:14px; margin: 0 0 4px 0; line-height: 14px; }

h1 span.small-txt
{
    font-size: 30px;
}

div#food h2
{
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

a#download-menu-link
{
    display: block;
    font-size: 20px;
    color: #a09f9f;
}

a#download-menu-link:hover,
a#download-menu-link:active
{
    color: #414042;
}

/* ================================ Layout Containers ================================ */

/* Page */

#page
{
    width: 950px;
    position: relative;
}

/* Header */

#header div#logo {}

#header div#logo a
{
    display: block;
    width: 183px;
    height: 169px;
    padding: 0px;
    margin: 0px;
    text-indent: -10000px;
    background: transparent url("images/bg-header-logo.png") left top no-repeat;
}

/* Container */

#container
{
    padding: 0px 0px 25px 25px;
}

/* Sidebar */

#sidebar
{
    float: left;
    width: 150px;
}

#sidebar div#main-menu ul
{
    width: 100%;
    list-style-type: none;

    padding: 15px 0px 10px 0px;

    border-top: 4px solid #6b6b6b;
    border-bottom: 4px solid #6b6b6b;
}

#sidebar div#main-menu ul li
{
    padding-left: 10px;
    margin-bottom: 5px;
}

#sidebar div#main-menu ul li a
{
    display: block;
    font-size: 20px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    color: #6b6b6b;
    height: 25px;
}

#sidebar div#main-menu ul li.current-menu-item a,
#sidebar div#main-menu ul li a:hover,
#sidebar div#main-menu ul li a:active
{
    color: #FFFFFF;
}

#sidebar .phone-label {
    display: block;
    font-size: 14px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    color: #6b6b6b;
    margin-bottom: 2px;
}
#sidebar .tel {
    display: block;
    font-size: 20px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    color: #6b6b6b;
    padding-bottom: 14px;
    border-bottom: 4px solid #6b6b6b;
    margin-bottom: 16px;

}

.mobile-menu {
   display:none;
}

@media only screen and (max-width: 450px) {
	.mobile-menu {
		display:inline-block;
    		width: 70%;
	}
	ul#menu-mobile_menu {
    		padding-top: 70px;
		text-transform: uppercase;
    		font-family: 'Bebas', sans-serif;
	}
	.mobile-menu ul li {
    		list-style-type: none;
    		display: inline-block;
    		font-size: 40px;
		width: 30%;
		text-align: center;
	}
	#header div#logo {
		display:inline-block;
        	vertical-align: top;
	}
	#sidebar #main-menu {
		display:none;
	}
	div#sidebar {
	    width: 100%;
  	    text-align: center;
            float: none;
	    margin-top: -30px;
            margin-bottom: 30px;
	}
	#sidebar .phone-label {
 	   display: inline-block;
	}
	#sidebar .tel {
	    display: inline-block;
	    border: 0;
	}
	ul#social-links {
 	   display: inline-block;
	   padding-left: 50px;
	}
	ul#social-links li {
	    display: inline-block;
	    margin-right: 20px;
	}
	div#copy {
 	   float: none;
	    width: 100%;
	    padding: 0 5%;
	}
	body.home div#post-5 {
 	   width: 90%;
	}
	body.home div#big-callout {
    	display: none;
	}
	#footer {
	    width: 100%;
 	   text-align: center;
	    font-size: 18px;
	}
}

ul#social-links
{
    list-style-type: none;
    margin: 0px;
}

ul#social-links li
{
    padding: 0px;
    margin-bottom: 5px;
}

ul#social-links li a
{
    display: block;
    width: 40px;
    height: 40px;
}

ul#social-links li a.facebook:hover { background: transparent url("images/icon/facebook-custom-hover.png") left top no-repeat !important; }
ul#social-links li a.twitter:hover { background: transparent url("images/icon/twitter-custom-hover.png") left top no-repeat !important; }

ul#social-links li a:hover img { display: none; }

/* Body Copy */

#copy
{
    float: right;
    width: 740px;
}

#twitter-tracker ul
{
    width: 200px;
    padding: 10px 0px 0px 28px;
    list-style-type: none;
    background: transparent url("images/bg-twitter-tracker.png") left top no-repeat;
}

#twitter-tracker ul li
{
    padding: 0px;
    font-size: 12px;
    line-height: 14px;
}
#twitter-tracker ul li .rstw_comma {
    display: none;
}
#twitter-tracker ul li .twitter-timestamp {
    display: block;
}

#twitter-tracker ul li div.avatar { display: none; }

/* Footer */

#footer
{
    padding: 0px 0px 0px 25px;
    font-size: 12px;
    color: #6b6b6b;
    line-height: 15px;
    position: absolute;
    bottom: 20px;
    left: 0px;
}

#footer P
{
    margin: 0px;
    padding: 0px;
}

/* ================================ Light Theme overrides ================================ */

body.lightTheme
{
    background: #c6c4b6 url("images/bg-body-lightTheme.jpg") left top no-repeat;
    color: #414042;
}

body.lightTheme ul#social-links li a img { display: none; }

body.lightTheme ul#social-links li a.facebook { background: transparent url("images/icon/facebook-custom-lightTheme.png") left top no-repeat; }
body.lightTheme ul#social-links li a.twitter { background: transparent url("images/icon/twitter-custom-lightTheme.png") left top no-repeat; }

body.lightTheme h1,
body.lightTheme h2,
body.lightTheme h3,
body.lightTheme h4,
body.lightTheme h5,
body.lightTheme h6 { color: #414042; }

body.lightTheme a { color: #414042; }
body.lightTheme a:hover, body.lightTheme a:focus { color: #FFFFFF; }

body.lightTheme #header div#logo a { background: transparent url("images/bg-header-logo-lightTheme.png") left top no-repeat; }

/* ================================ Misc ================================ */

/* Homepage specific styling */

body.home #page { overflow: hidden; }

body.home div#big-callout
{
    width: 358px;
    height: 602px;
    background: transparent url("images/big-beer.png") left top no-repeat;

    position: absolute;
    top: 375px;
    left: 500px;
}

body.home div#post-5
{
    width: 470px;
}

body.home div#twitter-tracker
{
    margin-top: 25px;
}

/* Secondary Menu styling */

div#secondary-menu { display: inline-block; width: auto; margin: 0px 0px 110px 0px; }

div#secondary-menu ul
{
    display: inline-block;
    width: auto;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div#secondary-menu ul li
{
    padding: 0px;
    margin: 0px 25px 5px 0px;
    float: left;
}

div#secondary-menu ul li#menu-item-358,
div#secondary-menu ul li#menu-item-306 { margin-right: 0px; }

div#secondary-menu ul li a
{
    display: block;
    font-size: 30px;
    font-family: 'Bebas', sans-serif;
    color: #a09f9f;
    line-height: 33px;
    letter-spacing: 1px;
    word-spacing: 5px;
}

div#secondary-menu ul li.current-menu-item a,
div#secondary-menu ul li a:hover,
div#secondary-menu ul li a:active
{
    color: #414042;
}

div#secondary-menu.drink ul li.current-menu-item a,
div#secondary-menu.drink ul li a:hover,
div#secondary-menu.drink ul li a:active
{
    color: #f6f6f3;
}

/* Food/Drink page specific styling */

body.page-id-10 div#page-header,
body.page-id-12 div#page-header,
body.page-template-page-food-types-php div#page-header,
body.page-template-page-drink-types-php div#page-header
{
    display: inline-block;
    width: auto;
    position: relative;
}

body.page-id-10 a#download-menu-link,
body.page-id-12 a#download-menu-link,
body.page-template-page-food-types-php a#download-menu-link,
body.page-template-page-drink-types-php a#download-menu-link
{
    position: absolute;
    right: 0px;
    top: 18px;
}

body.page-id-12 a#download-menu-link:hover,
body.page-id-12 a#download-menu-link:active,
body.page-template-page-drink-types-php a#download-menu-link:hover,
body.page-template-page-drink-types-php a#download-menu-link:active
{
    color: #F6F6F3;
}

body.page-id-10 div#secondary-menu,
body.page-id-12 div#secondary-menu { clear: both; }

/* Food page specific styling */

div#food-items.burgers,
div#food-items.salads
{
    width: 300px;
    float: left;
}

div#food-items div.item
{
    width: 300px;
    margin: 0px 0px 30px 0px;
}

div#food-items.sides div.item { margin-bottom: 28px; }

div#food-items.sides div.item { width: 100%; }

div#food-items div.item.sandwiches
{
    float: left;
}

div#food-items div.item.sandwiches.odd { margin-right: 115px; }

div#food-items div.item ul.top
{
    list-style-type: none;
    margin: 0px 0px 5px 0px;
}

div#food-items.sides div.item ul.top,
div#food-items.sides div.item ul.top li h3 { margin: 0px; }

div#food-items div.item ul.top li
{
    margin: 0px;
    padding: 0px;
}

div#food-items div.item ul.top li.title
{
    float: left;
    width: 65%;
}

div#food-items div.item ul.top li.price,
div#beer-bucket-items ul li.price,
div#beer ul.prices li.price
{
    float: right;
    width: 30%;
    text-align: right;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 20px;
}

div#food-items div.item p
{
    margin: 0px;
    font-size: 12px;
    line-height: 14px;
}

div#food-items.sides div.item ul.top li.title,
div#food-items.sides div.item ul.top li.price,
div#food-items.sides div.item ul.top li.description { float: left;  margin:  0px; }

div#food-items.sides div.item ul.top li.title { width: 35%; }
div#food-items.sides div.item ul.top li.price { width: 10%; margin:  0px 7px 0px 0px; }
div#food-items.sides div.item ul.top li.description { width: 50%; }

div#food-items.sides div.item ul.top li.description
{
    margin: 0px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
}

div#food-items.sides div.item ul.top li.description P
{
    margin: 0px;
    font-size: 20px;
}

div#food-addons
{
    width: 175px;
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin-left: 115px;
}

div#food-addons ul.addon
{
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

div#food-addons ul.addon li
{
    padding: 0px;
    margin: 0px;
}

div#food-addons ul.addon li.title
{
    float: left;
    width: 65%;
}

div#food-addons ul.addon li.price
{
    float: right;
    width: 30%;
    text-align: right;
}

div#food-dressings
{
    width: 275px;
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin-left: 115px;
}

/* Drinks page specific styling */

div#domestic-beer-items,
div#imported-beer-items,
div#beer-bucket-items
{
    width: 215px;
    float: left;
    margin-right: 45px;
}

div#imported-beer-items.draft-beer { width: auto; }

div#beer-bucket-items { float: right; margin: 0px; }

div#domestic-beer-items h2,
div#domestic-beer-items h3,
div#imported-beer-items h2,
div#imported-beer-items h3,
div#beer-bucket-items h2,
div#beer-bucket-items h3
{
    margin-bottom: 25px;
}

div#beer-bucket-items h3 { color: #a09f9f; }

div#beer-bucket-items ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div#beer-bucket-items ul li
{
    margin: 0px;
    padding: 0px;
}

div#beer-bucket-items ul li.title
{
    width: 60%;
    float: left;
}

div#beer-bucket-items ul li.price
{
    width: 35%;
    float: right;
    color: #a09f9f;
}

div#beer ul.prices
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 150px;
}

div#beer ul.prices.last { margin-bottom: 15px; }

div#beer ul.prices li
{
    margin: 0px;
    padding: 0px;
}

div#beer ul.prices li.title
{
    width: 60%;
    float: left;
}

div#beer ul.prices li.title h3 { color: #a09f9f; margin: 0px; }

div#beer ul.prices li.price
{
    width: 38%;
    float: right;
    color: #a09f9f;
}

div#wine h2
{
    margin-bottom: 30px;
}

div#wine-items.white-wine { margin-bottom: 50px; }

div#wine-items ul.item,
div#soda-items ul.item
{
    list-style-type: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

div#wine-items ul.item li,
div#soda-items ul.item li
{
    float: left;
    padding: 0px;
    margin: 0px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 20px;
    color: #a09f9f;
}

div#wine-items ul.item li.description,
div#soda-items ul.item li.description { width: 505px; }
div#wine-items ul.item li.quantity { width: 75px; margin-right: 10px; }
div#wine-items ul.item li.price { width: 75px; text-align: right; }
div#soda-items ul.item li.price { width: 10%; text-align: right; }

body.page-id-16 h1
{
    margin-bottom: 10px;
}

body.page-id-16 div.subtitle { margin-bottom: 123px; }

body.page-id-16 div#post-16 div.column { width: 45%; }
body.page-id-16 div#post-16 div.column.first { float: left; }
body.page-id-16 div#post-16 div.column.second { float: right; }

ul#hours,
ul#location
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul#hours li,
ul#location li
{
    width: auto;
    margin: 0px 80px 0px 0px;
    padding: 0px;
    float: left;
}

ul#location li { margin: 0px 25px 0px 0px; }

ul#location li.phone { width: 20%; }
ul#location li.address { width: 30%; }
ul#location li.directions { width: 35%; }

ul#hours li h3,
ul#location li h3
{
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    line-height: 14px;
}

ul#location li.directions h3 { margin-bottom: 10px; }

ul#hours li p ,
ul#location li p
{
    margin: 0px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 20px;
}

ul#location li.directions div.map
{
    width: 235px;
    background: #b1b0a8;
    text-align: center;
    padding: 5px;
}

ul#location li.directions div.map a.view-map-link
{
    color: #414042;
    display: block;
    text-align: center;
}

ul#location li.directions div.map a.view-map-link:hover { color: #FFFFFF; }

/* Misc Stuff */

div.subtitle
{
    color: #f6f6f3;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
}

.clear { display: block; clear: both; }

form#cformsform
{
    margin: 0px;
    padding: 0px;
    width: 100%;
}

form#cformsform ol.cf-ol li
{
    margin: 0px 0px 15px 0px;
    position: relative;
}

form#cformsform .reqtxt,
form#cformsform .emailreqtxt
{
    position: absolute;
    top: 0px;
    left: 60px;
}

form#cformsform ol.cf-ol li label
{
    display: block;
    color: #414042;
    padding: 0px;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}

form#cformsform ol.cf-ol li input,
form#cformsform ol.cf-ol li textarea
{
    border: none;
    width: 150px;
    height: 25px;
    background: #ffffff;
    color: #414042;
    font-family: 'Bebas', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    font-size: 14px;
}

form#cformsform ol.cf-ol li textarea { width: 345px; height: 200px; resize: vertical; }

form#cformsform p.cf-sb
{
    clear: both;
}

form#cformsform p.cf-sb input
{
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px 3px 0px 0px;
    padding: 4px 7px;
    border: none !Important;
    background: #414042;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    letter-spacing: 1px;
    word-spacing: 5px;
    font-weight: normal;
    color: #ffffff;
    line-height: 14px;
    text-transform: uppercase;
}

div#usermessagea
{
    display: none;
    width: 200px !important;
    color: green !important;
    background: #99cc99 !important;
    border: 1px solid !important;
    margin: 0px auto 25px auto !important;
    text-align: center !important;
}

div#usermessagea.waiting
{
    color: #414042 !important;
    background: #e6e6e6 !important;;
}

div#usermessagea.success,
div#usermessagea.waiting
{
    display: block;
}

.cf_hidden { display: none; }

p.linklove {
    display: none;
}

body.page-id-246 form#cformsform ol.cf-ol
{
    margin: 0px 0px 10px 0px !Important;
    list-style-type: none;
}

body.page-id-246 form#cformsform ol.cf-ol li
{
    float: left;
    width: auto;
    /*margin: 0px 30px 0px 0px !Important;*/
    margin: 0px 20px 0px 0px !Important;
}

body.page-id-246 form#cformsform ol.cf-ol li#li--3
{
    width: auto;
    margin-right: 0px !Important;
}

body.page-id-246 form#cformsform p.cf-sb { position: relative; height: 31px; }
body.page-id-246 form#cformsform p.cf-sb input
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* ================================ Clear Fix ================================ */

.clearfix:after,
#page:after,
#content:after,
div#secondary-menu ul:after,
div#food-items:after,
div#food-items div.item:after,
div#food-items div.item ul.top:after,
div#food:after,
div#food-addons ul.addon:after,
div#beer:after,
div#beer-bucket-items ul:after,
div#beer ul.prices:after,
div#wine-items ul.item:after,
div#soda-items ul.item:after,
body.page-id-16 div#post-16:after,
ul#hours:after,
ul#location:after,
body.page-id-246 form#cformsform ol.cf-ol:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix,
#page,
#content,
div#secondary-menu ul,
div#food-items,
div#food-items div.item,
div#food-items div.item ul.top,
div#food,
div#food-addons ul.addon,
div#beer,
div#beer-bucket-items ul,
div#beer ul.prices,
div#wine-items ul.item,
div#soda-items ul.item,
body.page-id-16 div#post-16,
ul#hours,
ul#location,
body.page-id-246 form#cformsform ol.cf-ol { *display: inline-block; }

/* Posts */
#copy .entry ol li,
#copy .entry ul li {
  margin-left: 30px;
}
#copy .nocomments,
#copy .postmetadata {
  display: none;
}
div.post div.image-thumb {
  float: left;
  height: 150px;
  width: 150px;
  margin-right: 30px;
}
body.blog div.post {
  clear: both;
  height: 210px;
}
body.blog div.post h2 {
  margin-bottom: 10px;
}
body.single div.blognav div.alignleft {
  float: left;
}
body.single div.blognav div.alignright {
  float: right;
}