/*
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

*/

/* 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 */

/* typography */

h1 {font-size: 2.5em;text-align:center; line-height:1.3em;}
h2 {font-size:1.9em;margin:.3em .5em}
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;}


/* anchors */
a{text-decoration: none; color:#daa520;}
a:hover {color:#daa520;text-decoration: underline}
h1 a, h1 a:hover{text-decoration: none}
h1, h1 a, h1 a:hover, h1 a:visited{color:#daa520}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#daa520}
h2 a:hover, h3 a:hover {color: #daa520; 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:#daa520;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-bottom:10px;padding:5px;width:400px;min-height: 400px; float: left}
.post p{font-size: 1.1em; line-height: 1.4em}
.post{}
.post-edit-link{}
#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{ margin-left: 264px}
#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}
#topnav a{display:block;float:left;margin:0 5px 10px}

/* sidebar */

#sidebar{margin:5px 0 0 10px;float:left;width: 175px}
#sidebar form {margin: 0;}

/* sidebar 2 */

#side2{margin:5px 10px 0 0;float:right;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}
/* 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:#DAA520}
.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}

/* pages widget -- vert nav */

#sidebar .flexipages_widget 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{background-color:#300}

.page-item-3 a{background-image:url(images/bbq_restaurant_button.jpg)}
.page-item-7 a{background-image:url(images/bbq_catering_button.jpg)}
.page-item-11 a{background-image:url(images/bbq_menu_button.jpg)}
.page-item-15 a{background-image:url(images/bbq_franchise_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:#daa520 !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}

/* news page */

.page-template-news-php .post{border-bottom: 1px solid orange}



/* post */
.post h2, .post h2 a{color:#daa520}
.post-title{font-weight: bold; border-bottom: 1px solid orange;padding-bottom: .2em}

/* 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 */
.home #content{padding: 0}
.home .post, .home .entry{padding: 0; margin: 0; width: 400px}


.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;}

/* 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}
p img {max-width: 100%}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 1em 2em; border-left: 3px solid orange; font-size:1.1em; line-height:1.4em;padding-left: .5em}
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;}
.box{background: #DE9654; border: 1px solid black; -moz-border-radius: 8px;
-webkit-border-radius: 8px; color: #660000}

/* 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;}
#storemenu td{line-height: 1.3em}

/* 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}