/*
Theme Name: Food Cult
Theme URI: http://www.blackbookdesign.ca
Description: Howard Dubrovsky personnal website
Version: 1.0
Author: Brian Wilcox
Author URI: http://www.blackbookdesign.ca
Tags: Grunge, black, custom
*/


/* - BASIC STUFF - */
*{margin:0;}
html,body {height:100%;}
body {font:10pt/12pt "Myriad Pro",sans-serif;color:#fff;margin:0 auto;padding:0; font-weight:bold;}
body.home {background:#000 url(img/homebk.jpg) no-repeat center top;}
body.media {background:#000 url(img/media-bk.jpg) no-repeat center top;}
body.about {background:#000 url(img/aboutme.jpg) no-repeat center top;}
body.contact {background:#000 url(img/contactbk.jpg) no-repeat center top;}
body.foodcult {background:#000 url(img/foodcult.jpg) no-repeat center top;}
body.else {background:#000 url(img/normalbk.jpg) no-repeat center top;}
a {text-decoration:none; font-weight:bold; color:#a1a1a1;}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}
a img {border: none;}
p {margin-bottom:10px;padding-top:10px;}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc;}

/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}

/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {margin: 0 auto -31px;padding:0;width:960px;min-height:100%; height:auto!important;height:100%;}
#header {height:150px;margin:0 auto;text-align:center;padding: 0 0 10px 0;}
#footer {height:30px; width:100%; background:#000;border-top: 1px solid #444;}
#footer p { text-align:center;padding: 7px 0; font-size:10px; margin: 0;}
#push {height:31px;}

/* -- POSTS -- */
#logo {float:left; height: 123px;margin-top:15px;z-index:9999; position:absolute;}
#logo a { width: 92px;height: 123px;background: url(img/logo-trans.png) no-repeat;text-indent: -9999px;display: block;}
#logo h1 {text-indent: -9999px;float:left; display:none;}
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
#posts-wrap {width:960px;padding-bottom: 36px;}
#posts-news {width: 700px;float:left;}

/* -- HOME -- */
#splash.post {float:right;margin-right:75px;width:350px;margin-top:-40px;}
#welcome {margin-left:-35px;}

/* -- about -- */
#az.post {float:left; width:375px;margin-left:50px;}
#iam {margin-left:-15px;}
#az {margin-left:37px; border: none;}

/* -- recipes -- */
#post-rx {float:right; width:335px; padding:20px;margin-bottom:20px; background: url(img/white15-trans.png) repeat; }
#showmore {cursor:pointer;}
#sliding {display:none;}
#rxpicture{float:left;height:260px;width:580px;position:relative;}
#rxpicture img{margin: 55px 40px;}
.rxtexture{display:block;height:260px; background: url(img/rxtexture-trans.png) no-repeat; position:absolute; width:100%; bottom: 0px;} 
.popuppic {float:right; margin:5px;}
#levelrx {margin: 5px 0;}

/* -- contact --*/
#page {margin: 10px 0 0 15px;}

/* -- Media -- */
.autoviewer{ margin: 27px 0 0 80px; }
#pictureoverlaytop {position: absolute; top:27px; left:150px;background: url(img/overlaytop-trans.png) no-repeat;height:100%; width:100%;display:block;}
#pictureoverlaybottom {position: absolute; bottom:27px; left:150px;background: url(img/overlaybottom-trans.png) no-repeat;height:100%; width:100%;display:block;}
#vids { margin-left:225px; margin-top:25px; color:#222; background: url(img/white40-trans.png) repeat; width:550px; padding:10px;}
.vvqbox {padding:25px; background: url(img/vimeo-trans.png) repeat; margin: 0 auot !important;}
#music{margin: 20px 0 0 250px; color:#333;}

/* -- SIDEBARS --*/
#sidebar-wrap {float:right; clear:none;width:250px;}
.sidebar {width:99%;clear:none;}
.block-1 {float:right;}
#sidebar_foodcult {background:#3B0100 url(img/SB_FoodC_top.jpg) no-repeat scroll 0 0;padding:53px 0 0;width:229px;float:right;}
#sidebar_foodcult li {margin:10px 15px; font-size:16px;}
#sidebar_news {background:#3B0100 url(img/SB_news_top.jpg) no-repeat scroll 0 0;padding:53px 0 0;width:229px;float:right;}
#sidebar_news li {margin:10px 15px; font-size:16px;}
.sidebar_bottom {background:#3B0100 url(img/SB_FoodC_bottom.jpg) no-repeat scroll 0 0;height:31px;} 

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}
.awpcomments, .commentform { clear: both; background: url(img/white15-trans.png) repeat; padding: 10px; margin:10px; display:none;}
.gravatar {float:left;margin:0 12px 0 0; padding:0;}
.awpcomments ul li , .awpcomments ol li
{padding:10px;background: url(img/white15-trans.png) repeat;margin-bottom:10px;}
.commentbody p {margin:0px;padding:0px;}
.awpcomments p {margin-bottom:0;} .awpcomments a, .commentform a {background:none !important; margin-right:0; padding:0;}
.commentform h3 {margin-top:10px;}
.commentslide a {background:#fff; margin-right:18px; padding:5px 7px 3px;}
.commentslide {background: url(img/white15-trans.png) repeat; padding: 14px 10px 24px;}
#bubble {float:right; background: url(img/bubble-trans.png) no-repeat;height:25px;padding-top:6px;text-align:center;width:34px;}
.commentbar a {margin-right:0px;}
.commentbar {padding:5px 5px 0px !important;}

/* -- ALIGNMENTS --*/
img.alignright {border:3px solid #FFFFFF;float:left;margin:0 20px 10px 0;}
img.alignleft {border:3px solid #FFFFFF;float:left;margin:0 20px 10px 0;}
img.aligncenter {border:3px solid #FFFFFF;float:left;margin:0 20px 10px 0;}
img.alignnone {border:3px solid #FFFFFF;float:left;margin:0 20px 10px 0;}

/* -- pop --*/
.pop { position: absolute;display: inline;margin-top:14px; }
.pop .pop_menu { display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.pop .pop_toggle { background: url(img/arrow-down.gif) no-repeat center center;width: 20px;height: 20px;overflow: hidden;cursor: pointer;margin:5px 0 0 5px; }
.active .pop_menu {display: block;background: rgba(45, 45, 45, 0.9);color: #fff;position: absolute;padding: .6em;width: 12em; }
.active .pop_menu a {color: #fff; }
.active .pop_menu ul {margin:30px 0 5px;font-size:20px;}
.active .pop_menu ul li {padding:5px;}
.active .pop_toggle {z-index: 400;position: absolute;top: 0;left: 0;background-image: url(img/arrow-up.gif) no-repeat center center;margin:5px 0 0 5px; }


/* -- NAVIGATION --*/
#nav_slider {}
.slide-panel {position: absolute;z-index: 25;}
.slide-button {background: url(img/menu_btn-trans.png) no-repeat 0 0; width:429px; height:138px; display: block; text-indent: -9999px;margin-left: auto;margin-right: 0;position: relative;z-index: 20;cursor: pointer;}
.bottom {bottom: 0;}
.top {top: 0;}
.content {margin-left: auto;margin-right: auto;z-index: 10;overflow: hidden;text-align: left;background: #890101 url(img/menu_bk.jpg) no-repeat scroll 0 0;height: 0;width: 100%;color: #fff;margin:0px;}

div#nav {width:960px; margin: 0 auto;display:block;float:right;}
div#nav ul{ padding:0;list-style-type:none;width:800px;float:right;}
div#nav ul li { display:inline;float:left;height:100px;margin:0px;}
div#nav ul li a{ background:url(img/sprite.png) -10px -11px no-repeat;}
div#nav ul li a {border:0 none;display:block;height:100px;line-height:45px;text-indent:-9999px;}
div#nav ul li#news {margin-left:10px;}
div#nav ul li#news a {background-position:0px -45px; width:150px;}
div#nav ul li#about a {background-position:-147px -46px;width:192px;}
div#nav ul li#foodcult a {background-position:-350px -46px;width:180px;}
div#nav ul li#rx a {background-position:-544px -46px;width:100px;}
div#nav ul li#media a {background-position:-650px -46px;width:115px;}
div#nav ul li#news a:hover, div#nav ul.currentm li#news a {background-position:0px -198px;width:150px;}
div#nav ul li#about a:hover, div#nav ul.currenta li#about a {background-position:-147px -200px;width: 192px;}
div#nav ul li#foodcult a:hover, div#nav ul.currentf li#foodcult a {background-position:-350px -200px;width:180px;}
div#nav ul li#rx a:hover, div#nav ul.currentr li#rx a {background-position:-544px -200px;width:100px;}
div#nav ul li#media a:hover, div#nav ul.currentm li#media a {background-position:-650px -200px;width:115px;}

div#navtop {width:100%; margin: 0 auto;display:block;float:right;}
div#navtop ul{ padding:0;list-style-type:none;width:250px;float:right;}
div#navtop ul li { display:inline;float:left;height:37px;margin:0px;}
div#navtop ul li a{ background:url(img/sprite-top.png) -10px -11px no-repeat;}
div#navtop ul li a {border:0 none;display:block;height:37px;text-indent:-9999px;}
div#navtop ul li#home {margin-left:10px;}
div#navtop ul li#home a {background-position:0px 0px; width:70px;}
div#navtop ul li#contact a {background-position:-70px 0px;width:125px;}
div#navtop ul li#home a:hover, div#navtop ul.currenth li#home a {background-position:0px -35px;width:70px;}
div#navtop ul li#contact a:hover, div#navtop ul.currentc li#contact a {background-position:-70px -35px;width: 125px;}

div#navmedia {width:100%; margin: 0 auto;display:block;}
div#navmedia ul{ padding:0;list-style-type:none;width:310px; margin:0 0 0 268px;}
div#navmedia ul li { display:inline;float:left;height:60px;margin:0px;}
div#navmedia ul li a{ background:url(img/mediamenu.jpg) -10px -11px no-repeat;}
div#navmedia ul li a {border:0 none;display:block;height:60px;text-indent:-9999px;}
div#navmedia ul li#picture {margin-left:10px;}
div#navmedia ul li#picture a {background-position:0px -3px; width:100px;}
div#navmedia ul li#video a {background-position:-100px -3px;width:100px;}
div#navmedia ul li#music a {background-position:-200px -3px;width:100px;}
div#navmedia ul li#picture a:hover, div#navmedia ul.currentpic li#picture a {background-position:0px -65px;width:100px;}
div#navmedia ul li#video a:hover, div#navmedia ul.currentvid li#video a {background-position:-100px -65px;width: 100px;}
div#navmedia ul li#music a:hover, div#navmedia ul.currentmus li#music a {background-position:-200px -65px;width: 100px;}


/* a-z */
#az-bk {background: url(img/azbk.jpg) 193px top no-repeat; width: 960px; height:450px; opacity: 100 !important;}
#redletters {float:left;margin: 0 20px 20px 0;width:160px;}
#script {float:left;height: 200px; width:600px;margin:3px 0px 0px 15px;}#script h1 {font-size: 32px;}
#redbox {float:left;background: url(img/red50-trans.png) repeat; width:350px; padding: 30px;margin:-20px 0 0 0;}
.button {float: left;}
#a-button {opacity: 1.0;}#a {display: block;}
#b-button {opacity: 0.5;}#b {display: none;}
#c-button {opacity: 0.5;}#c {display: none;}
#d-button {opacity: 0.5;}#d {display: none;}
#e-button {opacity: 0.5;}#e {display: none;}
#f-button {opacity: 0.5;}#f {display: none;}
#g-button {opacity: 0.5;}#g {display: none;}
#h-button {opacity: 0.5;}#h {display: none;}
#i-button {opacity: 0.5;}#i {display: none;}
#j-button {opacity: 0.5;}#j {display: none;}
#k-button {opacity: 0.5;}#k {display: none;}
#l-button {opacity: 0.5;}#l {display: none;}
#m-button {opacity: 0.5;}#m {display: none;}
#n-button {opacity: 0.5;}#n {display: none;}
#o-button {opacity: 0.5;}#o {display: none;}
#p-button {opacity: 0.5;}#p {display: none;}
#q-button {opacity: 0.5;}#q {display: none;}
#r-button {opacity: 0.5;}#r {display: none;}
#s-button {opacity: 0.5;}#s {display: none;}
#t-button {opacity: 0.5;}#t {display: none;}
#u-button {opacity: 0.5;}#u {display: none;}
#v-button {opacity: 0.5;}#v {display: none;}
#w-button {opacity: 0.5;}#w {display: none;}
#x-button {opacity: 0.5;}#x {display: none;}
#y-button {opacity: 0.5;}#y {display: none;}
#z-button {opacity: 0.5;}#z {display: none;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */