/*
Theme Name: Cubical Color
Theme URI: http://tulsawebresults.com
Description: Widgetized Theme from Tulsa Web Results
Version: 1.0
Author: Kevan Judah
Author URI: http://tulsawebresults.com/
Tags: Colors,Widgetized,2-column

*/
.front-wrap{ float: left}

/* reset styles */
* {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100.1%;font-family:inherit;vertical-align:baseline}
body {line-height: 1;color: black;background: white; font-size: .85em}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0}
caption, th, td {text-align:left;font-weight: normal}
blockquote:before, blockquote:after,
q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
html{height: 101%}

/* now style the site */
b{font-weight: bold}

/* new years fiesta promotion */
#post-622 .post-title{display: none}
#post-622 .inpost-title{color: #111;font-weight: bold;font-size:1.6em;line-height: 1.8em; text-align: center; margin-bottom: .3em}

/* typography */

h1 {font-size: 2.5em;text-align:center; line-height:1.3em;}
h2 {font-size:1.7em;line-height: 1.1em; text-align: center; padding: 10px 0}
h3 {font-size:1.6em;margin:.3em .5em; line-height:1.1em}
h4 {font-size: 1.4em;margin:.3em .5em;line-height: 1.2em}
h5 {font-size: 1.05em;margin:.3em .5em}
p {padding:.3em .5em;line-height:1.5em;font-size: .95em}
i, em{font-style: oblique}


/* anchors */
a{text-decoration: none; color:#FA8828;}
a:hover {color:#FA8828;text-decoration: underline}
h1 a, h1 a:hover{text-decoration: none}
h1, h1 a, h1 a:hover, h1 a:visited{color:#FA8828}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#FA8828}
h2 a:hover, h3 a:hover {color: #FA8828; text-decoration: none}
code {font:.9em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em}


.pagetitle {margin-top:30px;text-align:center}

h3.comments {padding:0;margin:40px auto 20px}

/* page blocks */
body {font-family: Georgia, serif;background:#939592;color:#FA8828;text-align:center; background: url(images/bg2.jpg)}
#page {text-align:left;margin:20px auto;width:800px; border: 2px solid #ff8c00;background:#600}
#header {height: 120px;border-bottom: 2px solid #ff8c00}
#content {margin:10px auto 0;width:400px;min-height: 400px}
.post p{font-size: 1.1em; line-height: 1.4em}
.post{}
.post-edit-link{clear: both;}
#content.wide{float:right;margin-left:0;width:580px}
#footer {margin:0 auto; clear:both;font-size: .9em}
#footer p {padding: .5em 0;text-align: center}

/* image replacements for SEO and nav in header */

/* logo */
#lbox {float: left;}
#logo, #logo span{height:120px;width: 264px; display: block; background:url(images/logo.jpg) no-repeat; color: white}
#logo{position: relative}
#logo span{position: absolute; top: 0; left: 0}

/* banner */
#banner{float: right}
#banner, #banner span{width:536px;height: 120px;display: block; position: relative; background-repeat: no-repeat; overflow: hidden; background-image:url(images/pagetop.jpg)}
#banner span{position: absolute; top: 0; left: 0;}

/* page banners */

.home #banner span{background-image: url(images/home.jpg)}


/* topnav */
#topnav{text-align: center; padding-left: 10px}
#topnav a{display:block; float: left; margin:0 5px 0 0}
#topnav a:hover{background: black}

/* sidebar */

#sidebar{margin:5px 0 0 5px;padding-left: 5px; float:left;width: 180px}
#sidebar form {margin: 0;}

/* sidebar 2 */
#side2{margin:5px 0 0 0;float:right;width: 180px;}
#side2 ul{width: 175px}

/* widgets */
.widgettitle{display: none}
.textwidget{margin-bottom: 10px}
.flexipages_widget{margin-bottom: 10px}
.widget-button{text-decoration: none; line-height: 1.9em; border: 1px solid black; text-align: center; font-size: 1.6em; color: #660000; background: #DE9654; display: block; float: none !important; margin: 0 !important}
.widget-button:hover{color: black; border-color: orange;text-decoration: none}
.widget-title{background: orange; color: #600; display: block; line-height: 1.5em; margin: 0; text-align: center}

#text-10{border: 2px solid orange}

/* subscribe box */

.news-box  {background:url(images/leather.gif);border:1px solid #FF8C00;color:#220000;line-height:1.3em;margin: 1.3em auto}
.news-box .head{border-bottom:1px solid #FF8C00;margin:0 1px;padding:2px 8px}
.news-box .head h4 {background:url(images/bbq_news_icon.gif)left 4px no-repeat;color:gold;min-height:16px;padding:1px 0 1px 21px;text-transform:uppercase;font-size:1.1em;font-weight:bold}
.news-box .content{background:url(images/bg2.jpg);color:#FA8828}
.news-box .content .sub-nut{background:#DE9654;border:1px solid #FF8C00;color:#660000;display:block;font-weight:bold;margin:0 auto 5px;padding:3px;text-align:center;text-decoration:none;text-transform:uppercase;width:95%}
.news-box .content .sub-nut:hover{color:#000; border-color: #000}

/* news-button */

.newsbutton{background: #DE9654; display: block; padding: .3em; color: #600; text-align: center; font-size: 1.3em; line-height: 1.3em; text-transform: uppercase;margin-bottom:.6em; border: 2px solid #000; text-decoration: none; font-weight: bold}
.newsbutton:hover{border-color: orange; background: #822; color: orange;text-decoration: none}

/* pages widget -- vert nav */

#sidebar .flexipages_widget ul li a,
#sidebar .widget_nav_menu ul li a{color: orange; width: 175px; height: 115px; background-repeat:no-repeat; background-position: left bottom;text-decoration: none;width: 175px; height: 115px;display: block;margin-top:5px; border-bottom: 1px solid #ff8c00;padding-top: 5px}
#sidebar .flexipages_widget ul li a:hover,
#sidebar .widget_nav_menu ul li a:hover{background-color:#300}

.page-item-3 a,
.menu-item-726{background-image:url(images/bbq_restaurant_button.jpg)}
.page-item-7 a,
.menu-item-727{background-image:url(images/bbq_catering_button.jpg)}
.page-item-11 a,
.menu-item-728{background-image:url(images/bbq_menu_button.jpg)}
.page-item-15 a,
.menu-item-729{background-image:url(images/bbq_franchise_button.jpg)}
.page-item-aa a,
.menu-item-730{background-image: url(images/bbq_sauce_button.jpg)}
.page-item-bb a,
.menu-item-731{background-image: url(images/bbq_apparel_button.jpg)}

/* navbar -- page top */
#navbar{height: 1.3em}
#navbar ul{position: absolute; top: 3px; right: 5px;background:#330102;padding-left:10px;}
#navbar li{float: left; display: block; line-height:1.3em;margin-right: 1em}

/* restaurant page */
.photo{float:left;text-align: center; width: 320px;margin-bottom: 10px}
.photo img{max-width: 300px; max-height: 300px}
.info{float: right; width:260px; margin-bottom: 10px}
.notice{background:#de9654;color:#911009;font-weight: bold;clear: both; width:560px; margin: 0 auto 10px; font-size: 1.2em}
.entry.restaurant{float: left; width: 260px;padding-top:1.5em;}
.mapbox{float: right; width:310px;margin: 0; padding: 0;margin-bottom: 10px}
small a{color:#FA8828 !important}
.mapbox small{display: block; margin-top: 8px}

/* locations index */
.index-thumb{float: left; width: 160px;text-align: center;margin: 10px 0}
.entry.index{width: 235px; float: right}
.page-id-3 .post{border-bottom:1px solid orange; width: 400px}
.loc-index{float: right;}
.link{text-decoration: underline}

.page-navi{margin-top: 20px}
.page-navi ul{padding-left: 10px}
.page-navi li{display: inline; float: left; padding: 0 8px}
.page-navi a{display: block; padding: 4px; float: left; border: 1px solid #eebf27; background: #DE9654; font-size: 1.3em; color: #600}
.page-navi a:hover{border-color: orange; color: orange; text-decoration: none; background: #933}

.loc-title{padding: 4px; text-align: center; border-bottom: 4px solid #EEBF27; font-size: 1.7em; margin-top: 1.5em; background: #711; white-space: nowrap}

/* news page */

.page-template-news-php .post{border-bottom: 1px solid orange}



/* post */
.post h2, .post h2 a{color:#FA8828; text-align: left}
.post-title{font-weight: bold; border-bottom: 1px solid orange;font-size:1.6em;line-height: 1.8em; text-align: center; margin-bottom: .3em}

/* entry */
.entry ul {list-style: circle inside none}
.entry ol {list-style: lower-alpha inside none}
.entry ul, .entry ol{margin: 0 0 .5em 3em}
.entry li{line-height: 1.5em}
.entry a{text-decoration: underline}

/* post meta */
.postmetadata {text-align: center;line-height: 1.2em}
.postmetadata ul, .postmetadata li {display: inline}

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #999;}
.alt {margin: 0;padding: 10px;}

/* page specific */
 #content{padding: 0}
.front-page-image{margin-bottom: 20px}
.home .post, .home .entry{padding: 0; margin: 0 0 20px 0; width: 400px; background: url(images/bg2.jpg)}
.home .post-title{border: none}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

/* calendar widget */

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt}
#wp-calendar a {text-decoration:none}
#wp-calendar th {font-style: normal;text-transform: capitalize}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;font-weight:bold;line-height:1.2em;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff;}


/* list-style  without this class, lists will have no styles */

ul.list-style{margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px}
ul.list-style li {margin: 7px 0 8px 10px}
ol.list-style{padding: 0 0 0 35px}


/* forms */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;margin: 8px auto; border: 1px solid #666}
#sidebar #searchsubmit {padding: 1px; border: 1px solid #666}
select {width: 130px;}

/* contact form */
.wpcf7-form input, .wpcf7-form textarea{margin: .5em 0}

/* goog-searh */

.search-goog form{margin: 10px}
.search-goog form input{margin: 10px; background:beige}

#commentform {margin: 10px auto; width: 90%}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;border: 1px solid #999}
#commentform #submit {margin: 0 0 5px auto;float: right; border:1px solid #999999;}
#commentform p {margin: 5px 0;}


/* comments */

.commentlist {border:5px solid #ccc; margin:10px;}
.commentlist li {padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.commentlist li, #commentform input, #commentform textarea {font-size: 0.9em}
.commentlist li ul li {font-size: 1em}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentmetadata {font-weight: normal; display: block}
.children { padding: 0; }
.nocomments {text-align: center;}

/* navigation */

.navigation {display: block;text-align: center;margin:.9em; font-size: 1.1em}


/* defaults */
.clear {clear:both}
.ileft, .alignleft{float:left;margin:10px}
.iright, .alignright{float:right;margin:10px}
.hr{height:1px;border-bottom:2px solid orange;;font-size:1px; width: 95%; margin: 5px auto}
p img {max-width: 100%}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 1em 2em; font-style: oblique; line-height: 1.4em; font-size: 1.1em}
blockquote cite {margin: 5px 0 0;display: block;}
.centext {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
hr {display: none;}
sup{font-size: .7em; vertical-align: top}
small{font-size: .9em}

.box{background: #DE9654; border: 1px solid black; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #660000; padding: 10px}

.buybox{background: #DE9654; border: 1px solid black; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #660000; padding: 10px}
.buybox .price{color: #600}
.buybox a{color: #600}
.buybox a.button {font-size: 18px; color: orange; padding: 8px; display: block; background: #600 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid black; float: left;}
.buybox a.button:hover{color: orange}

a.button{background: #DE9654; border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #660000; padding: 4px; font-size: 11px; text-transform: uppercase; color: #600; text-decoration: none}
a.button:hover{color: #600; border-color: #d00}

/* front page ads */
.adbox {border-bottom:6px solid #EEC02D}
.adbox h4 {line-height:normal;margin:0;padding:0}
.adbox h4 a{overflow:hidden;position:relative}
.adbox h4 a span {background-repeat:no-repeat;left:0;position:absolute;top:0}

/* unique ad sections */
.cateringtop, .cateringtop span {height:249px;width:400px}
.cateringtop span {background:url("http://billysimsbbq.com/images/catering_top.jpg")no-repeat}
.cateringcenter, .cateringcenter span {height:248px;width:400px}
.cateringcenter span {background:url("http://billysimsbbq.com/images/catering_middle.png")no-repeat}
.cateringbottom span {background:url("http://billysimsbbq.com/images/catering_bottom.png")}
.cateringbottom, .cateringbottom span {height:151px;width:400px}

/* restaurant menu */
#storemenu h3{color: black}
#storemenu{background:url(images/leather.gif);color:#000;font-size:1.1em;border:2px solid #000;margin:0 auto;padding:10px;width: 380px}
#storemenu a:hover{text-decoration:none;}
#storemenu a{color: #000}
.headtext{width:100%;height:60px;line-height:60px;background:url(images/laces.gif) center no-repeat;text-align:center;color:#FFF;font-size:1.6em;font-weight:700;text-transform:uppercase;margin:0 auto;}
.subhead{height:60px;width:98%;text-align:center;background:url(images/menuback.gif) center no-repeat;color:#FFF;line-height:55px;font-size:1.7em;font-weight:700;text-transform:uppercase;margin:5px auto;}
#storemenu h5{text-align:center;font-size:1.1em;}
.name{width:190px;vertical-align:top;}
.des{width:300px;}
.leftdes{text-align:center;font-style:oblique;}
.yellowpanel{background:#de9654;padding:5px;}
.yellowpanel .explain{font-size:.9em;margin-top:-3px;}
.orangepanel{background:#d70;padding:5px;}
.orangepanel table{width: 100%}
#storemenu .comments{width:90%;text-align:center;font-size:1em;font-style:italic;margin:5px auto;}
#storemenu h4{text-align: center}
.menu_left{width:49%;float:left;}
.menu_right{width: 49%; float:right}
.menu_left .name{width:70%;}
.menu_right .name{width:50%;}
.small{font-size:.9em;font-style:italic;}
.derecha{width:50%;float:right;}
.quickpick{color:#000;font-family:Arial,Helvetica,sans-serif;background:#eee url(/images/quickback.jpg) repeat-x;}
.qpickhead {text-align: center;}
.qpickhead img{margin: 10px;} 
p.quicktop{display:block;color:#fff;background:#600;width:7em;text-transform:uppercase;font-size:1.3em;font-style:normal;font-weight:700;margin:0 auto 10px;padding:3px 0;}
p.quickitem{color:#600;font-weight:700;font-size:1.2em;padding-top:.3em;}
.qprice{color:#000;padding-left:10px;}
#product-options-wrapper {background:#DE9654 none repeat scroll 0;border:1px solid #220000;position: relative; margin-top: 10px}
#product-options-wrapper .product-options dl {background:#DE9654 none repeat scroll 0 0; color:#660000; padding:10px; width:245px; height: 101%}
#storemenu td{line-height: 1.3em}
.subheadred{font-size: 18px; color: #600; font-family: Arial, sans-serif; font-style: italic; font-weight: bold; text-transform: uppercase}

/* franchise Page */

.page-id-15 h4 span{color: #ff8c00; font-weight: bold; padding: 0 3px;}
.page-id-15 p span{color:#46861b; font-weight: bold; font-size: 1.2em; padding: 0 3px}
.page-id-15 ul{list-style-position: outside}

/* front page news pane */

.news-pane{font-size: .9em; border: 2px solid #FF8C00;margin-top: 1.5em}
.news-blurb{padding: .3em}
.news-thumb{float: left; margin: .3em}
.news-pane .head{border-bottom:1px solid #FF8C00;padding:.3em;color: gold;background:url("images/leather.gif");text-align: center; font-size: 1.3em;text-transform: uppercase}

/* panel at top of content in front page */

#post-394 h2{text-align: center}

.push-panel{background: beige;padding: 8px; color: #000; font-size: 1em; display: block}
.push-panel p{padding: 0 10px; line-height: 1.2em}
.push-title{font-size: 1.5em; color: #600; padding: 8px; background: beige; text-align: center; display: block;font-weight: bold}



/* TinyMCE */

body.mceContentBody{font: 13px Georgia,serif; background: #660000; color:##FA8828; width: 400px; height: 101%; text-align: left; padding: 0 !important}
body.mceContentBody h2{font-height: 1.9em}


.cheat-tiny{padding: 0; margin: 0}
.fpbody{background: #F9F0D1; color: #111111;font-family: Arial; text-align: center;}
.fpbody h3{color: #111}

/* default front page */

.default-front, .enhanced-front{background: url(images/bbq-default-front.jpg) top center no-repeat transparent;color: #E7B521;font-size: 1.1em;padding: 10px 25px 0;text-align: center;}
.default-bottom, .enhanced-frontb{background: url(images/bbq-default-bottom.jpg) top center no-repeat transparent; height: 55px}
.front-page-image {position: relative; width:400px; overflow: hidden; margin: 0; padding: 0;}
.front-page-image-span {display: block; width: 400px; position: absolute; top: 0px; left: 0px}

/* tailgate tour */
#tailgate-tour-header, #tailgate-tour-header span{display: block; width: 400px; height: 118px}
#tailgate-tour-header{position: relative}
#tailgate-tour-header span{position: absolute; top: 0; left: 0; background: url(images/tailgate-tour-header.jpg) no-repeat}
#tailgate-tour-body{color: #FA8828; font-weight: bold; background: url(images/bg2.jpg); padding: 10px 0;text-align: center}
#tailgate-tour-body h3{color: #FA8828;}
#tailgate-tour-body p{font-size: 18px}
.bg {background: url(images/bg2.jpg);}

/* defaults */

.centext{text-align: center !important}
img.aligncenter{margin: 10px auto}