/*
	Theme Name: Healthy Cow Pizza
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@font-face {font-family: 'droid_sansregular'; src: url('fonts/droidsans-webfont.eot'); src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidsans-webfont.woff2') format('woff2'), url('fonts/droidsans-webfont.woff') format('woff'), url('fonts/droidsans-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'square721_cn_btroman'; src: url('fonts/sqr721c_0-webfont.eot'); src: url('fonts/sqr721c_0-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sqr721c_0-webfont.woff2') format('woff2'), url('fonts/sqr721c_0-webfont.woff') format('woff'), url('fonts/sqr721c_0-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face {font-family: 'alluraregular'; src: url('fonts/allura-regular-webfont.eot'); src: url('fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/allura-regular-webfont.woff2') format('woff2'), url('fonts/allura-regular-webfont.woff') format('woff'), url('fonts/allura-regular-webfont.ttf') format('truetype'); font-weight: normal;
 font-style: normal; }
 
@font-face {font-family: 'tinosregular'; src: url('fonts/tinos-regular-webfont.eot'); src: url('fonts/tinos-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tinos-regular-webfont.woff2') format('woff2'), url('fonts/tinos-regular-webfont.woff') format('woff'), url('fonts/tinos-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body{margin:0px; padding: 0; font-size:14px; font-family: 'droid_sansregular'; color:#5c5a5a; line-height: 20px; background:#101010;}
#mainWrap{margin: 0 auto; padding: 0; min-width: 1000px;}
.container { width: 998px; margin: 0 auto; padding: 0; background: none;}
.logo{margin: 0 auto; padding:0; position:fixed; top:59px; z-index:900; text-align:center; left:40%; right:40%; /*width:100%;*/ }
/*** DEFAULTS **/
input[type=text], input[type=password], textarea{padding:6px 10px; border:#ddd 1px solid;}
input[type=submit], input[type=button], input[type=reset]{background:#e5e5e5; border:#ddd 1px solid;  font-weight:normal; font-size:0.9em; padding:5px 10px; cursor:pointer;}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover{background:#eee;}
a{color:#5c5a5a; outline: 0; text-decoration:none;} a:hover{color:#5c5a5a; text-decoration:underline;}
a img{ border: none;}
/***** HEADER *****/
header { background: url(images/header-bg.jpg) center top no-repeat; margin: 0 auto; text-align: center; width: 100%;}
.banner-main{ width:998px; float: none; padding:0 0 0 0; margin:80px auto 11px; margin:0 auto; position:relative;  }
.banner { margin:85px auto 7px; padding:0 0 0 0; float:left; border:10px solid #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height:384px;  text-align: center; width: 978px; position:relative; }
/*header .extras{float:right;}*/
.box-container { margin:0 auto; padding:0 0 0 0; background:url(images/box-container-bg.jpg) center top no-repeat; height:283px;}
.box-container-main { margin:0 auto; padding:0 0 0 0; width:998px;}
.box { float:left; margin:23px 9px 0 9px; padding:0 0 0 0;}
.box p{ margin:0 0 0 0; padding:0 0 0 0;}
.box h1{ background:url(images/title1-bg.png) center bottom no-repeat; float:left; margin:0 0 0 0; padding:0 0 28px; font-family: 'tinosregular'; color:#3f8e37; font-weight:normal; text-transform:uppercase; font-size:24px; text-align:center; width:100%;}
.box h1 span{ color:#565252;}
#icons{margin: 0}
/***** NAVIGATION *****/
nav{position: fixed; top:0; text-align:center; margin:0 0 0px; background:url(images/top-menu-bg.png) left top repeat; height:67px; width:100%; z-index:999; }
nav ul{list-style:none; padding:0; margin:13px 0 0 0; display:inline-block; text-align:center; *display:inline; /* ie7 fix */  zoom:1; /* hasLayout ie7 trigger */}
nav > ul > li{display:inline-block; float:left; padding:0; margin:0px 1px 0px 0px; position:relative; text-align:center !important;}
.ie7 nav > ul > li{margin:-1px 0 0;}
nav > ul > li a{display:block; padding:4px 15px 6px 15px; font-family: 'tinosregular'; color:#fff; font-size:17px; text-transform:uppercase;}
nav > ul > li ul{position:absolute; top:30px; background:#6c0000; width:200px; display:none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

nav > ul > li ul ul{top:0; left:200px;}
.ie7 nav > ul > li ul ul{top:1px;}
nav > ul > li ul li{border-bottom:#9a9a9a 1px dotted; position:relative;}
nav > ul > li ul li a{display:block; font-size:0.9em; display:block;}
nav > ul li:hover, nav > ul li.current_page_item, nav > ul li.current_page_ancestor{background-color:#e2052d; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
nav > ul li:hover > a, nav > ul li.current_page_item > a, nav > ul li.current_page_ancestor > a{color:#fff; text-decoration:none;}
nav > ul li:hover > ul{display:block;}
/**Menu with arrows**/
.arr1, .arr2, .arr3, .arr4{background-repeat: no-repeat;}
.arr1{}
.arr2{}
/*** Sub Menu Navigation ***/
.arr3{}
.arr4{}
/***** CONTENT AREA *****/
h1{font-size:2em; margin:20px 0;}
h2{font-size:1.7em; margin:20px 0;}
h3{font-size:1.2em;}
#content{ background:url(images/content-topbg.png) center top no-repeat; /*width:100%; float:left;*/ margin:0 0 0 0; padding:10px 0 0 0;}
/***** CONTENT *****/
#content-main{width:998px; background:url(images/content-main-bg.png) left top repeat-y; margin:0 auto; padding:0 0 0px; position:relative; min-height:440px;}
#contentArea{width:654px; float:left; text-align:justify; margin:40px 10px 15px 0;}
#contentArea h1{ background: url(images/contenth1-bg.png) left top no-repeat; font-size:30px; margin:0 0 15px 0; padding:6px 0 8px 68px; font-family: 'tinosregular'; color:#c50000; text-transform:uppercase; line-height: 27px;}
#postArea{padding:10px;}
#contentArea ul { margin:0 0 0 0; padding:0 0 10px 0;}
#contentArea ul li { margin:0 0 0 15px; padding:0 0 10px 0;}
#contentArea a{ color: #C10000; text-decoration: none;}
#contentArea a:hover{ color: #5c5a5a; text-decoration: none;}
/***** SIDEBAR *****/
#sidebar{ width:313px; float:right; /*background:url(images/sidebarbg.jpg) center top repeat-y; margin:0px 0 0 0;*/ padding:0 0 15px 0; /*position: absolute;*/ /*position:absolute;*/ /*right:0; bottom:0; height:100%;*/}
#mainSidebar{list-style:none; margin:0px; padding:0px}
#mainSidebar li{margin:0px; padding: 0px; color: #4d4a4a;}
#mainSidebar li ul { margin: 0; padding: 10px 0 10px 0;}
#mainSidebar li li {background: url("images/bullet.png") no-repeat scroll left 6px rgba(0, 0, 0, 0); border-bottom: 1px dotted #4d4a4a;  list-style-type: none; margin: 0 41px 6px 51px; padding: 0 5px 5px 13px; }
#mainSidebar li h1{background: url(images/sidebarh1-bg.png) left top no-repeat; padding:15px 0 23px; text-align:center; margin:0 0 0 0; font-family: 'tinosregular'; color:#fff; font-size:18px; text-transform:uppercase; font-weight:bold; }
/*#mainSidebar li li a { color:#4d4a4a; text-decoration:none;}*/
#mainSidebar li li:hover { color:#c10000; text-decoration:none; background: url("images/bullet-hover.png") no-repeat scroll left 6px rgba(0, 0, 0, 0); }
#mainSidebar a { color:#4d4a4a; text-decoration:none;}
#mainSidebar a:hover { color:#c10000; text-decoration:none;}
#mainSidebar li h2{background:#eee; padding:10px; margin:3px;}
#mainSidebar p{ margin:0 0 0 0; padding:0 0 0 0;}
#mainSidebar .textwidget{ margin:0 0 0 0; padding:10px 35px 10px 52px;}
/***Content Related***/
.multiple-post{border:#4D4A4A 1px solid; padding:10px; margin:0 0 10px;}
.multiple-post h3{margin: 0 0 7px; padding:7px 0; border-bottom:#4D4A4A 1px dotted;}
.multiple-post h3 a:hover{text-decoration:none; color:#C50000;}
.postmeta{font-size:0.9em;}
.postmeta > span{float:left;}
.postmeta > span.comment{float:right;}
/***** COMMENTS *****/
#comments{padding:10px;}
#comments h2{margin:5px 5px 15px; padding:5px 0px 7px; border-bottom:#333 1px dotted;}
ol.commentList, ul.children{list-style:none; margin:0px; padding:0px;}
ol.commentList > li{padding:15px; background: none; border:#4D4A4A 1px solid; margin:0 0 20px;}
ol.commentList > li ul.children{padding:10px 0 0 0px; margin:10px 0 0 10px; border-left:#7f7f7f 1px dotted;}
ol.commentList > li ul.children > li{margin:10px 0 0; padding:0 0 10px 18px; border-bottom:#eee 1px solid; background:url(images/arrow-comment.png) no-repeat 0 15px;}
ol.commentList > li ul.children > li:last-child{border:none;}
#comments .commentForm input, #comments .commentForm textarea{margin:5px 0px; font-size:1em; padding:5px;}
#comments .commentForm input:focus, #comments .commentForm textarea:focus{}
.comment-tip{font-size:0.7em; font-style:italic; width:95%;}
.comment-tip code{font-size:1.2em;}
/***** FOOTER *****/
footer{ padding:15px 0 10px 0; color:#484545; margin:0px 0 0; background:#000 url(images/footer-topbg.png) center top no-repeat; height:100px; min-width: 1000px;}
#footermain { margin:0 auto; width:998px; padding:0 0 0 0; position:relative;}
.footerleft { float:left; margin:0 0 0 0; padding:5px 0 0 143px; text-align:center;}
/*.footerright { float:right; margin:0 0 0 0; padding:30px 0 0 0; text-align:right; position:relative;}*/
.footerright { float:right; margin:0 0 0 0; padding:50px 4% 0 0; text-align:right; position:relative; width:38%;}
.footerright .ftopicon a:nth-child(4){right:0; top:-22px; position:relative; float:right; padding:0 0 0 15px;}
.footerright .flinks a{ text-transform:uppercase; color:#484545; text-decoration:none;}
.footerright .flinks a:hover { text-transform:uppercase; color:#e89801; text-decoration:none;}
.bottom-logo { position:absolute; top:-36px; left:0;}
/***404 Page***/
#contentArea.search > ul{margin:0 0 20px; padding:0 0 0 25px;}
#contentArea.search > ul ul{margin:0 0 10px; padding:0 0 0 15px;}
/***** EXTRAS *****/
.clear{clear:both;}
.searchpg-box{margin:0 0 20px;}
textarea#comment{width:95%;}
#recent-posts-2 h1 { margin:-22px 0 0 0 !important;}
.leftimage { background:#101010; margin:0 15px 0 0; padding:7px; float:left; border:1px solid #3c8734;}
.fltext { font-family: 'tinosregular'; font-weight: bold; font-size:18px; color:#e89801; padding:0 0 0 0; margin:0 0 0 0; text-transform:uppercase;}
.fltextred a{ font-family: 'droid_sansregular'; font-weight: normal; font-size:14px; color:#eb0707; padding:0 0 0 0; margin:0 0 0 0px; text-transform:none;}
.ftexttri a{ color:#726f6f; text-decoration:none; font-size:12px; }
.ftexttri a:hover{ text-decoration: underline; }
.ftopicon { position:absolute; right:0; left:48px; top:-25px; margin:0 0 0 0; padding:0 0 0 0; width:100%; }
/*.order-online { margin:0 0 0 0; padding:0 0 0 0; vertical-align: middle;}
.order-online-top { bottom: -6px; margin: 0; padding: 0; position: absolute; right: 0px; vertical-align: middle;  }
.order-online-top1 {  margin: 0; padding: 0; position: absolute; top: 39px; vertical-align: middle; z-index: 999; right:0; }*/
#comment { background:#000; color:#5c5a5a; border:#4D4A4A 1px solid;}
#submit { background:#b50000; color:#fff; border:#4D4A4A 0px solid;}
#submit:hover { background:#fab745; color:#fff; border:#4D4A4A 0px solid;}

.order-online { margin:0 0 0 0; padding:0 0 0 0; vertical-align: middle;}
.order-online-top { bottom:0; margin: 0; padding: 0; position: absolute; right:-84px; vertical-align: middle;  }
.order-online-top1 {  margin: 0; padding: 0; position: absolute; top:43px; vertical-align: middle; z-index: 999; right:-74px; }
#wpadminbar { display:none !important;}
.innerpage article {background:none; display: block; float: left; border-top:2px solid #3B3939; padding: 2% 2% 0; position: relative; width: 29%; }
.innerpage article p{ text-align:left;}
.innerpage article .value { font-weight:bold;}
.innerpage article span { margin:0 12px 0 0;}
.innerpage article h4{font-size:1.2em; font-family: 'tinosregular'; color:#c50000; text-transform:uppercase; line-height: 18px; padding:0 0 0 0; margin:0 0 0 0; text-align:left;}

.saladpage .left { float:left; margin:0 0 0 0; padding:0 5% 0 0; width:45%; }
.saladpage article {background:none; display: block; float: none; border-top:2px solid #3B3939; padding: 2% 2% 0; position: relative; width: auto; }
.saladpage article p{ text-align:left;}
.saladpage article .value { font-weight:bold;}
.saladpage article span { margin:0 12px 0 0;}
.saladpage article h4{font-size:1.2em; font-family: 'tinosregular'; color:#c50000; text-transform:uppercase; line-height: 18px; padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.red-text {color: #C10000;}
table, tr, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; 	outline: 0; padding: 0;  vertical-align: baseline; }
table, td {border: 1px solid #2a2a2a !important; }
table {border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px;	margin-bottom: 24px; width: 100%; }
td {font-weight: normal; text-align: left;	border-width: 0 1px 1px 0; padding:5px; }
.white-title { font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase;}
.gray-text { font-style:italic; color:#6c6c6c;}
.td-red { background:#c50000;}
.td-gray { background:#5C5A5A;}
.td-big { width:57%;}
.td-small { width:43%;}
.td-big-red { background:#c50000; width:57%;}
.td-small-red { background:#c50000; width:43%;}
.td-big-gray { background:#5C5A5A; width:57%;}
.td-small-gray { background:#5C5A5A; width:43%;}

.map1{ float:left; width:auto; height:auto; padding:3px;}
.map1 .google-map {border:2px solid #C10000 !important;  margin:0 0 20px 0;}
.map {width:100%; height:auto; float:left;}
.get {width:auto; height:70px; float:left; margin:0 0 0 50px;}
/******  Responsive Navigation Style ******/
/*.anchor-link, #mobile-nav{ background: navy;}
.anchor-link { display: none; text-align: center; padding: 0 1em 0; text-align: center; padding: 10px 0; color: #fff; text-decoration: none; margin: 0; float: none; width: 100%; cursor: pointer; }
#mobile-nav { display:none; }
@media screen and (max-width: 650px) {
#mainWrap{ width: 650px;}
header nav > ul { display: none; }
.anchor-link, #mobile-nav { display: block; font-size: 15px; font-weight: bold;}
#menu-toggle > img { margin: 0 10px 0 0; vertical-align: middle;}
ul.open { box-shadow: 2px 2px 3px #444444; display: block; list-style: none outside none; margin: 0; padding: 0; position: absolute; left: 0; top: 41px; width: 100%; z-index: 500;}
ul.open li { display: block; list-style: none; text-align: center; float: none;}
ul.open li a { display: block; padding: 12px 0; border-bottom: 1px solid #ccc; text-decoration: none; background: #00327B;}
ul.open li a:hover { background: #002556; color: #fff; }
nav > ul > li ul li a{ background: navy !important;}
nav > ul > li ul { background: none repeat scroll 0 0 hsl(0, 0%, 100%); box-shadow: none; display: block; position: relative; top: 0; width: 100%;}
.banner .shopNow a { background: url("images/shopNow-mob.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 34px; width: 100px;}
.banner .shopNow a:hover { background: url("images/shopNow-mob.png") no-repeat scroll 0 -34px rgba(0, 0, 0, 0);}
}*/