/*   
Theme Name: Cybele Pascal
Description: A custom theme for Cybelle Pascal.com
Author: designed by Yael Miller, developed by Brandon Burke
Version: 1
*/

/*
-------------------------------------------------------------------------------*/

/* D - Fault
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
/*
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 
*/

/*	j.mp/webkit-tap-highlight-color */
/* a:link {-webkit-tap-highlight-color: #fcd700;}  */

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#page-wrap, .container {width: 1022px; margin: 0 auto;}

.post {}
.entry {padding-bottom: 15px;}
.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

.aligncenter {clear: both; margin:0 auto; display: block;}
.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px auto;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.post-tags {margin:15px 0; color:#7D461D; }
	
#comments {font-family: Muli, sans-serif; color:#7d461d; font-size: 22px; font-weight: 300; text-decoration: none;  margin: 15px 0 10px;}	

ol.commentlist {list-style: none;}
ol.commentlist li {padding:10px;}
ol.commentlist li.alt {}
ol.commentlist li.pingback p {margin: 15px 0;}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #7D461D; padding: 15px 10px;}
ol.commentlist li.comment div.comment-author {margin-bottom: 5px;}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {color:#7D461D;}
ol.commentlist li.comment div.commentmetadata {color: #444;}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #7D461D; margin-top: 7px;}
ol.commentlist li.comment div.comment-body p {}
ol.commentlist li.comment p {margin:10px 0;}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f9f6f0;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist li.comment div.comment-author .fn {color: #00b9c5; font-weight: 600;}
ol.commentlist li.comment-author-cybele div.comment-author span.says {color: #00b9c5; font-weight: 600;}

#respond {margin:20px 0;}
	#respond h2 {font-family: Muli, sans-serif; color:#7d461d; font-size: 22px; font-weight: 300; text-decoration: none; }
	#respond #submit {margin: 10px 0;}
	
	#respond #commentform p {margin-bottom: 15px;}
	#respond #commentform div {margin-top: 15px;}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

/* Author Styles
-------------------------------------------------------------------------------*/

#header {height:192px; position: relative;}
#header .utility ul {float: left;}
#header .utility ul li {float: left;}

#header .utility form {float: left;}

#header .utility .social-icons li {width:30px; float: left; margin:0 0 0 10px; overflow: hidden; text-indent: -999999px;}
#header	.utility .social-icons .twitter {display: block; width:30px; height: 30px; background: transparent url(images/icon-twitter.jpg) top left no-repeat;}
#header	.utility .social-icons .pinterest {display: block; width:30px; height: 30px; background: transparent url(images/icon-pinterest.jpg) top left no-repeat;}
#header	.utility .social-icons .facebook {display: block; width:30px; height: 30px; background: transparent url(images/icon-facebook.jpg) top left no-repeat;}
#header	.utility .social-icons .rss {display: block; width:30px; height: 39px; background: transparent url(images/icon-rss.jpg) top left no-repeat;}


#header h1 {width:547px; 
			height: 111px;
			background:transparent url('images/logo.jpg') top left; 
			overflow: hidden;
			text-indent: -999999px;
			margin: 0 auto;
			position: relative;
			top:72px;
			}
			
#header .description {text-indent: -999999px;}
#header .utility {height: 40px; position: absolute; right:0; top:25px; font-size: 11px;}
#header .utility ul li{margin-left: 10px;}
#header .utility ul {margin-top: 7px;}
#header .utility ul li a {color: #e57f59; font-family: 'Muli', sans-serif; font-weight: 300; text-transform: uppercase; text-decoration: none;}
#header	.utility .social-icons {margin-top: 0;}
#searchform {margin:5px 10px 0; color: #e57f59; font-family: 'Muli', sans-serif; font-weight: 300; text-transform: uppercase; text-decoration: none; }
#searchform label {margin-right: 10px;}


/* Nav */
nav.menu-primary-navigation-container {background: transparent url('images/nav-bg.jpg') top left no-repeat; width:1022px; height: 31px;}
nav.menu-primary-navigation-container ul {height: 31px; margin:0 auto; padding:0; width: 580px; 
        list-style: none; position: relative; left: 15px;}
nav.menu-primary-navigation-container ul li {list-style-type: none; display: block; float: left; position: relative; height: 31px;}
nav.menu-primary-navigation-container ul li a {color: #fff; text-decoration: none; padding:8px 15px 7px; display: block; float: left; font-family: 'Muli', sans-serif; font-weight: 300; text-transform: uppercase;}

	/*trigger*/
	.menu-primary-navigation-container li:hover {position: relative;}
	.menu-primary-navigation-container li:hover ul{display:block; position: absolute; top:31px;}

	/*sub-navigation*/
	.menu-primary-navigation-container ul li ul { padding:0; left:auto; display: none; z-index: 10;}
	.menu-primary-navigation-container ul ul li {clear: both; margin:0; padding: 0;}
	.menu-primary-navigation-container ul ul li a {clear: both; display: block; width:100%; line-height: 30px; margin:0; padding: 0px 0 0px 20px; display: block; width:200px;  background: #56300b; background: rgba(86, 48, 11, .9); height: 100%;}
	
	.menu-primary-navigation-container ul ul li a:hover {color: #fff; background: #56300b;}
	
/* Page Content */

.page-content {width:100%; background: #fff url(images/content-bg.gif) top left repeat-y; clear: both; min-height: 400px; padding-top: 48px;}
	.content-column {width:487px; margin:0 8px 0 13px; float: left; padding-bottom: 20px;}
	
	.page-template-template-full-width-php .page-content {background: none;}
	.page-template-template-full-width-php .content-column {width:100%;}
	
.page-content article.post {background: transparent url(images/zigzag.gif) bottom left repeat-x; padding-bottom: 40px; margin-bottom: 5px;}
.page-content article p {margin-bottom: 12px; line-height: 1.4em; color: #7e461d;}
.page-content a, .page-content a:active {color:#7d461d;}
.page-content a:hover {color:#5b240b;}

.page-content article.page {background: none;}
	.page-content article header {border-bottom: 1px solid #00b9c5;  margin-bottom: 42px;}
	.page-content article header h2, .page-content article header h2 a {font-family: Muli, sans-serif; color:#7d461d; font-size: 26px; font-weight: 300; text-decoration: none; padding-bottom: 5px;}
	
.page-content article h3, .page-content article h3 a {font-family: Muli, sans-serif; color:#7d461d; font-size: 18px; font-weight: 300; text-decoration: none; margin-bottom: 15px;}	

	.page-content .entry {position: relative; color: #7e461d;}
	.entry ul {list-style: square outside; margin-bottom: 20px;}
	.entry ul li {margin-left: 20px; line-height: 1.8em; color: #7e461d;}
	.entry h2 {color: #7e461d; font-size: 25px; margin-bottom:5px;}
	.entry h2 {color: #7e461d; font-size: 20px; }	
	.entry h4 {color: #7e461d;}
	.page-content article .entry .comment-bubble { width:30px; background: transparent url(images/comment-bubbble.gif) top left no-repeat; height: 25px; overflow: hidden; display: block; position: absolute; right:0; top:-35px;}
	.page-content article .entry .comment-bubble a {display: block; width:100%; height: 32px; line-height: 19px; text-align: center; text-decoration: none; color:#00b9c5; font-family: Muli, sans-serif; font-size: 12px;}
	
	.navigation {margin:20px 0;}
	.addthis_toolbox {clear: both;	}
	
/* Sidebar	 */

.sidebar-one {width:168px; float: left; margin: 30px 15px 0 22px;}
	.sidebar-one aside {background: transparent url(images/zigzag.gif) top left repeat-x; margin-bottom: 20px; padding-top:12px; font-family: Muli, sans-serif; font-size: 12px; font-weight: 400; color:#7d461d; text-align: center;}
	.sidebar-one aside h3.widget-title {font-family: Muli, sans-serif; font-size: 14px; font-weight: 400; color:#7d461d; text-align: center; margin-bottom: 10px;}
	
.sidebar-two {margin-left: 0px; float: right; width:300px; margin-right: 6px; position: relative; top:-35px;}
	.sidebar-two aside {border-bottom: 1px solid #bc9e86; margin-bottom: 10px; padding-bottom: 10px; font-family: Muli, sans-serif; font-size: 12px; font-weight: 400; color:#7d461d; text-align: left; width:300px; overflow: auto;}
	.sidebar-two aside h3.widget-title {font-family: Muli, sans-serif; font-size: 14px; font-weight: 400; color:#7d461d; text-align: left; margin-bottom: 10px; border-bottom:1px solid #bc9e86;}
		
	.sidebar-two img.headshot {float: left; margin:0 10px 10px 0;}	
	.sidebar-two img.sidebar-allergens {margin:5px 0 0px 12px;}
	
.sidebar-one a, .sidebar-two a {color: #7d461d;}

/* Left Sidebar */
#widget_sp_image-8 {padding-top: 18px; margin-bottom: 10px;}
#widget_sp_image-9 {padding-top: 0; background-image: none; margin-bottom: 10px;}

/* Right Sidebar */
#widget_sp_image-21, #widget_sp_image-17, #widget_sp_image-20 {border-bottom:0;}
#widget_sp_image-5 {text-align: center;}

#categories-4 h3 {border-bottom: 0; margin-bottom: 4px;}

#text-5 {border-top:1px solid #bc9e86;}
#text-5 h3.widget-title {padding:7px 0 0; text-align: center; border-bottom: 0; text-align: left; margin-bottom: 4px;}
#text-5 #subscribe-input {width:275px; margin-bottom: 6px; }

#linkcat-23 {border: 0;}
#linkcat-23 h3.widget-title {padding:7px 40px 2px; text-align: center; border-bottom: 0;}

#linkcat-22 h3.widget-title {padding:7px 40px 2px; text-align: center; border-bottom: 0;}

a.expand-blogroll {display: block; width:109px; height: 8px; background: transparent url(images/expand-sidebar.jpg) top left no-repeat; text-indent: -99999px; overflow: hidden; margin:0 auto;}

#allergen-friendly-friday-badge {text-align: center;}
#aff-widget-code {clear: both; width:80%; margin:10px auto;}
#aff-widget-code textarea {clear: both; width:80%; margin:10px auto;}

/* Press */

#press-categories {width:100%;}
#press-categories li {float: left; margin-bottom: 8px; position: relative; left: -5px;}
#press-categories li.even {float: right; position: relative; left: 0;}

.press_subnav {margin-bottom: 20px; margin-top:5px;}
.press_subnav li {}

/* Footer */
/* #footer {clear: both; background: #55300a; height: 495px;} */
#footer {clear: both; background: #55300a; height: 600px;}

.footer-vegan {position:relative; top:42px; margin: 0px auto 80px; width:626px; background: transparent url(images/footer-vegan.png) top left no-repeat; text-indent: -99999px; display: block; overflow: hidden; height: 62px; clear: both;}

.footer-quote {margin:0 auto; width:812px; height: 70px; background: transparent url(images/footer-quote.png) top left no-repeat; display: block; overflow: hidden; text-indent: -99999px; margin-bottom: 40px;}


.footer-menu {border-top:1px solid #63390c;}
.footer-nav {width: 186px; float: left; margin:40px 92px 20px 0; min-height: 100px; }
.footer-nav-last {margin:40px 0 0; float: right;}

.footer-nav a {text-decoration: none; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 12px; letter-spacing: 1px; color: #fff;}
.footer-nav ul {}
.footer-nav ul li {margin-bottom: 15px;}
.footer-nav ul li a {margin-bottom: 15px; color: #e57f59;}
.footer-nav ul li ul {}
.footer-nav ul li li {margin-bottom: auto; font-weight: normal;}
.footer-nav ul li li a {margin-bottom: auto;font-family: 'Muli', sans-serif; font-weight: 300;  font-size: 11px; letter-spacing: 1px; color: #fff;} 


.alignleft {float: left; margin:0 20px 10px 0;}
.alignright {float: right; margin:0 0 10px 20px;}