/*********************************************************************************************

Theme Name: Petit
Theme URI: http://www.wpzoom.com/themes/petit
Version: 1.0.2
Author: WPZOOM
Author URI: http://www.wpzoom.com
Tags: recipe, food, culinary, blog, responsive
Description: Petit is a theme full of features, enough to be used for a variety of purposes, but especially for a recipe website. It includes a big featured area and a carousel that makes your homepage look like more than a blog.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

**********************************************************************************************

1.  Toolbox CSS  -----------------------  All Theme Files
2.  Global Styling ---------------------  
3.  Header  ----------------------------  header.php
4.  Navigation  ------------------------  header.php
5.  Featured Slider  -------------------  wpzoom-slider.php
6.  Carousel ---------------------------  wpzoom-carousel.php
7.  Posts ------------------------------  loop.php
8.  Single Posts -----------------------  single.php
9.  Comments ---------------------------  comments.php
10.  Sidebar & Widgets -----------------  sidebar.php
11.  Footer  ---------------------------  footer.php
12.  Media Queries  --------------------  

**********************************************************************************************/


/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }


/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Text Selection Color */
::-moz-selection { color: #fff; background: #08ceff; }
::selection { color: #fff; background: #08ceff; }


/* Tooltip effect */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('images/tipsy.gif'); font-family:Arial, Helvetica, sans-serif;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* Navigation */
div.navigation { text-transform:uppercase; text-align:center; margin: 25px 0 0; font-size: 12px; }
div.navigation a { font-weight: normal; padding:0 10px; line-height: 50px; }
div.navigation span.current { padding: 0 10px; color:#ea6c35; font-weight:bold;  }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { float:left; }
div.navigation .next { float:right; }


.floatleft { float: left; }
.floatright { float: right; }


/* Forms */
input, textarea { 
	font-family: 'Lato', Arial, Helvetica, sans-serif;
 	font-size: 12px; 
 	background: #fff; 
 	padding: 8px 10px; 
 	border: 1px solid #deddd2; 

 	-webkit-border-radius: 3px; 
 	-moz-border-radius: 3px; 
 	border-radius: 3px; 
}

input:focus, textarea:focus { border-color: #999; }
 

/* Buttons */
button, 
input[type=button], 
input[type=reset], 
input[type=submit],
#respond input[type='submit'],
.more-link, 
#carousel .buttons .more, 
.widget-recipe .wpfp-link { 
 	display: inline-block; 
	font-size: 13px; 
 	text-decoration: none; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	color: #fff; 
	background: #b1bf55 url('images/green-bg.png') top left repeat-x; ;
	background: -moz-linear-gradient(top, #c3ce74, #97a839);
	background: -webkit-linear-gradient(top, #c3ce74, #97a839);
	background: linear-gradient(top, #c3ce74, #97a839);
	border-color: #8a963a;
	padding: 7px 22px; 
	border: 1px solid #8a963a; 

	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 

	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); 
}

button:hover, 
input[type=button]:hover, 
input[type=reset]:hover, 
input[type=submit]:hover,
#respond input[type='submit']:hover, 
#respond input[type='submit']:focus,
.more-link:hover, 
#carousel .buttons .more:hover, 
.widget-recipe .wpfp-link:hover { 
	text-decoration: none; 
	color: #fff;
	background: #c0ce62; 
	background: -moz-linear-gradient(top, #d1dc82, #a7b747); 
	background: -webkit-linear-gradient(top, #d1dc82, #a7b747); 
	background: linear-gradient(top, #d1dc82, #a7b747);
}

button, 
input[type=button], 
input[type=reset], 
input[type=submit],
#respond input[type='submit'] { 
 	line-height: normal;  
 	height: auto; 
	width: auto; 
	margin: 0; 
}

#respond input[type='submit']::-moz-focus-inner { border: 0; padding: 0; }


.entry .more-link { color:#fff; }
.entry .more-link:hover { text-decoration: none; }

/* Meta */
.meta { font-size: 11px; color: #8b7d6b; }
.meta strong { color: #51483d; margin-right: 5px; }
.meta img, .widget-recipe p strong img { vertical-align: -1px; margin-right: 5px; }


/********************************************************************************************* 

2. Global Styles   

*********************************************************************************************/  

body {
    color: #5F676B;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    text-align: center;
    font-size:14px;
    line-height:1.6;
	background-image: url('images/bg.png');
	margin: 0;
}
 

/* Links */
a {text-decoration:none; color: #3c3328; outline:none; border:none;}
a:hover {text-decoration:underline; color: #915E4A;}

p {margin: 0 0 16px; }


#wrapper {
    width: 980px;
	margin: 0 auto;
}

#inner-wrap {
	text-align: left;
}

#content-wrap {  
	margin-top:20px;
}

/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/  


#header {
	padding-top: 70px;
	margin: 0 0 40px;
}

.home #header {
	margin: 0;
}

#logo {
	float: left;
}

#logo h1, #logo #tagline {
	float: left;
 	vertical-align: middle;
}

#logo h1 {
	background:url("images/logo.png") no-repeat;
	padding-left:44px;
	min-height: 40px;
}

#logo h1, #logo h1 a {
    font-size: 24px;
    font-family: 'Copse', Georgia, serif;
}


#logo h1 a {
	margin-right: 15px;
}

#logo #tagline {
	font-size: 11px;
	color: #9a856a;
	margin: 0;
	line-height: 40px;
}

#header #searchform {
	float: right;
	font-size: 0;
	background-color: #fff;
	border: 1px solid #c2c2ae;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#header #searchform, #header #searchform * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#header #searchform input {
	font: 12px 'Lato', Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #7e7e68;
	background: transparent;
	height: 30px;
	padding: 0;
	border: 0;
	margin: 0;
}

#header #searchform #s {
	padding: 0 8px;
}

#header #searchform #searchsubmit {
	display: inline-block;
	text-indent: -9999em;
	background: url('images/search-icon.png') 8px -29px no-repeat;
	width: 30px;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

#header #searchform #searchsubmit:hover, #header #searchform #searchsubmit:focus {
	background-position: -31px 10px;
}


	
/********************************************************************************************* 

4. Navigation  -------------------------  header.php
   
*********************************************************************************************/  

#menu {
    position:relative;
    z-index:50;
	font-weight: bold;
	background: #b1bf55 url('images/green-bg.png') top left repeat-x;
	min-height: 53px;
	border: 1px solid #8a973a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 0 #fff;
	margin-top: 40px;
}

#menu.home_menu {
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
}

#menu p { padding:10px 0 0 15px; }
.btn_menu { display:none; }
 
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 170px; background: #fff; -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; text-align: left; margin: 0; padding: 10px 5px; }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; }
.dropdown li { float: left; position: relative; }
.dropdown li:last-child { margin-right: 0; }
.dropdown a { display: block; position: relative; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); line-height: 53px; font-size: 13px; padding: 0 20px; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(0, 0, 0, 0.2); }
.dropdown ul li a { text-shadow: none; border:none; }
.dropdown li:first-child a { border-left: 0; }
.dropdown li:last-child a { -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25); }
.dropdown ul li:last-child a { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.dropdown a:hover { color: #fff; background-color: rgba(255, 255, 255, 0.1); }
.dropdown li:hover {  }
.dropdown li:hover a {  }
.dropdown > li > a { -moz-transition: all 100ms; -webkit-transition: all 100ms; transition: all 100ms; }
.dropdown li:hover a {  }
.dropdown ul li a,
.dropdown li:hover  ul a { line-height: 1.5; text-transform: none; font-size: 12px; padding: 5px 10px; color: #878e91; background: none; }
.dropdown ul li a:hover { background: none; color: #333; }
.dropdown ul li:hover { background: none; }
.dropdown ul > li > a:after { display: none; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top: 54px; z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 180px; top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 180px; top: 0; }
.dropdown li:hover, .dropdown li.sfHover,
.dropdown a:focus, .dropdown a:hover, .dropdown a:active { outline: 0; }
.sf-sub-indicator { display: inline-block; position: relative; text-indent: -9999em; vertical-align: middle; background: #727c2b; background: -moz-linear-gradient(top, #616b21, #818a3c); background: -webkit-linear-gradient(top, #616b21, #818a3c); background: linear-gradient(top, #616b21, #818a3c); height: 12px; width: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4); -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4); margin-left: 10px; }
.sf-sub-indicator:after { content: ''; display: block; position: absolute; top: 5px; left: 3px; height: 0; width: 0; border: 3px solid rgba(200, 210, 109, 0); border-top-color: #c8d26d; }
.dropdown li ul .sf-sub-indicator { background:none;  -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;}
.dropdown li ul .sf-sub-indicator:after { border-top:none; border: 3px solid rgba(200, 210, 109, 0); border-left-color: #c8d26d; left:5px; top:2px;}
li.current-menu-item a,  
li.current_page_item a,  
li.current-menu-ancestor a,  
li.current-menu-parent a,  
li.current_page_parent  a { color: #fff; background-color: rgba(255, 255, 255, 0.1); }
li.current-menu-item a:after,  
li.current_page_item a:after,  
li.current-menu-ancestor a:after,  
li.current-menu-parent a:after,  
li.current_page_parent  a:after {  }


/********************************************************************************************* 

5. Featured Slider -------------------------  wpzoom-slider.php

*********************************************************************************************/   
 
#slider_wrap { background:#fff; position:relative; overflow:hidden; width: 100%; border: 1px solid #c3c3ba; border-top: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 40px; }
#slider {  float:left;  background-color: #fff; width: 640px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; }
#slider_nav { float:right; width:337px; background-color: #f3f3e7; border-left: 1px solid #dbdbc8; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; overflow: hidden; }
#slider_nav .item { padding: 15px; border-bottom: 1px solid #e6e6ce; cursor: pointer; }
#slider_nav .item, #slider_nav .thumb:before, #slider_nav .thumb img { -moz-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; }
#slider_nav .thumb { float: left; position: relative; margin-right: 10px; }
#slider_nav .thumb:before { content: ''; display: block; position: absolute; top: 50%; left: -10px; height: 0; width: 0; border: 5px solid rgba(219, 219, 200, 0); margin-top: -5px; }
#slider_nav .thumb img { background-color: #fff; padding: 4px; border: 1px solid #e5e5d9; }
#slider_nav .details { padding-top: 5px; margin-left: 125px; }
#slider_nav h4.title { font: 16px 'Copse', Georgia, serif; line-height: normal; margin: 0 0 5px; }
#slider_nav .meta { margin: 0; }
#slider_nav .meta p { margin: 0 0 3px; }
#slider_nav .meta p:last-child { margin: 0; }
#slider_nav .item:hover, #slider_nav .item.current { background-color: #e9e9d8; border-bottom-color: #d8d8bb; -moz-box-shadow: 0 -1px 0 #d8d8bb; -webkit-box-shadow: 0 -1px 0 #d8d8bb; box-shadow: 0 -1px 0 #d8d8bb; }
#slider_nav .item:hover .thumb img, #slider_nav .item.current .thumb img { background-color: #dbdbc8; border-color: #dbdbc8; }
#slider_nav .item:hover .thumb:before, #slider_nav .item.current .thumb:before { border-right-color: #dbdbc8; }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slides > li > div { width: 600px; padding: 20px; }
.slides > li a {  }
#slider .slides > li { position: relative; overflow: hidden; }
.slides > li .thumb { margin-bottom: 20px; }
.slides > li h3.title { font: 22px 'Copse', Georgia, serif; font-weight: normal; line-height: normal; margin: 0 0 10px; }
.slides > li .meta { margin: 0 0 10px; }
.slides > li .meta p { display: inline; margin: 0 20px 0 0; }
.slides > li .meta p:last-child { margin: 0; }
.slides > li .more-link { float: right; margin: 0 0 10px 10px; }
.slides > li .excerpt { font-size: 13px; line-height: 1.8; color: #8b7d6b; }
.slides > li .excerpt :last-child { margin-bottom: 0; }
.slides > li .li-wrap { width:980px; margin:0 auto; position:relative;}

.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Nav Dots */
.flex-control-nav {
	text-align: center;
	height: 14px;
	margin: 15px 0;
}

.flex-control-nav li {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999em;
	background: #7bb5c4;
	height: 6px;
	width: 6px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
	margin: 4px 0 0 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.flex-control-nav li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 14px;
	width: 14px;
}

.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
	background-color: #2f7587;
}

.flex-control-nav li a.flex-active:after {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: inset 0 0 0 1px #b7d4d5;
	-webkit-box-shadow: inset 0 0 0 1px #b7d4d5;
	box-shadow: inset 0 0 0 1px #b7d4d5;
}


/********************************************************************************************* 

6. Carousel  -------------------------  wpzoom-carousel.php

*********************************************************************************************/

#carousel_wrap {
	position: relative;
	margin: 20px 0 40px;
}

#carousel {
	overflow: hidden;
}

#carousel .row {
	margin-bottom: 35px;
}

#carousel .row:last-child {
	margin-bottom: 0;
}

#carousel .item {
	float: left;
	background: #fff;
	width: 300px;
	border: 1px solid #deddd2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 0 37px;
}

#carousel .item:first-child { margin-left: 0; }

#carousel .thumb {
	font-size: 0;
}

#carousel .thumb img {
	vertical-align: top;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#carousel .meta {
	font-size: 12px;
	line-height: normal;
	color: #b2b2b6;
	border-top: 1px solid #E9E9E9;
	padding: 0;
	margin: 0;
}

#carousel .meta * { margin: 0; }

#carousel .meta .rating { float: left; line-height: 0; margin:15px 0 0 20px; }

#carousel h4.title {
	font: 20px 'Copse', Georgia, serif;
	font-weight: normal;
	line-height: normal;
	padding: 15px 20px;
}

#carousel .buttons {
	font-size: 13px;
 	text-align: center;
	color: #b2b2b6;
	border-left: 1px solid #E9E9E9;
	padding: 10px 0;
	margin: 0;
	float:right;
	width:47%;
}


#carousel .buttons .more, .widget-recipe .wpfp-link {
 	line-height: 28px;
 	padding: 0 14px;
}

#sidebar .widget-recipe .wpfp-link {
	color:#fff;
}

#carousel .buttons img {
	display: none !important;
}

#carousel .buttons .orsep {
	margin: 0 15px;
}
 

#carousel_nav {
	position: absolute;
	top: 120px;
	right: -30px;
	background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.05), 1px 2px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.05), 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.05), 1px 2px 0 rgba(0, 0, 0, 0.05);
}

#carousel_nav .prev, #carousel_nav .next {
	text-indent: -9999em;
	background: url('images/carousel_arrows.png') 3px 10px no-repeat;
	height: 35px;
	width: 30px;
	overflow: hidden;
	cursor: pointer;
}

#carousel_nav .prev:hover, #carousel_nav .next:hover {
	background-color: #f7fdc5;
}

#carousel_nav .prev {
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
#carousel_nav .next {
	background-position: 3px -25px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

.pd-rating > * { display: none !important; }
.pd-rating .rating-icons { display: block !important; }


/********************************************************************************************* 

7. Archives/Blog posts  -------------------------  loop.php

*********************************************************************************************/   

#content, .single .post, .page .post_content, .attachment .post_content {
	float: left;
	background: #fff;
	width: 570px;
	padding: 30px 35px;
	border: 1px solid #deddd2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

h1.archive_title, h3.archive_title {
	font: 24px 'Copse', Georgia, serif;
	font-weight: normal;
	line-height: normal;
	color: #222;
	margin-bottom: 30px;
}


.posts .post {
	position: relative;
	background: url('images/separator.png') bottom center no-repeat;
	padding:0 0 38px;
	margin:0 0 35px;
	font-size:13px;
}

.posts .post:last-child {
 	margin: 0;
}

.single .post { margin:0; }

.page .entry, .archive .entry { background:none; padding-bottom:0;}

.post .meta {
	margin: 0 0 10px;
}

.post .meta p {
	display: inline;
	margin: 0 10px 0 0;
}

.post .meta p:last-child {
	margin: 0;
}

.post .entry {
	color: #8b7d6b;
	padding: 0;
	margin: 0;
}

.posts .entry:last-child {
	margin-bottom: 0;
}

.posts .post-thumb {
	float:left;
 	font-size: 0;
	padding: 4px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	margin: 0 20px 0 0;
}


.posts .details {
	overflow:hidden;
}

.post .postcontent { line-height: 1.6; color: #aeb2b4; overflow: hidden; }

.post .postcontent :last-child { margin-bottom: 0; }
 
.post .postmetadata { margin: 0 0 10px; }

.post .details > :last-child {
	margin: 0;
}

.post .details .more-link {
	margin-top: 10px;
}

.post h2.title {
	font: 23px 'Copse', Georgia, serif;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 10px;
}

.post .post-edit-link {
	font-size: 12px;
	text-decoration: none;
	color: #ccc;
	margin-left: 20px;
}

.post .post-edit-link:hover, .post .post-edit-link:active, .page .post-edit-link:hover, .page .post-edit-link:active {
	color: #000;
}

.post h2.title small a:hover, .post h2.title small a:active {
	color: #000;
}

 
/********************************************************************************************* 

8. Single Posts & Pages Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   

.single #content, .page #content, .attachment #content {
	background: transparent;
	width: 640px;
	padding: 0;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.single .post, .page .post_content, .attachment .post_content {
	float: none;
	width: auto;
	padding: 0;
	margin-bottom: 40px;
}

.page .post_content {
	padding: 30px 35px;
}

.single .post-thumb {
	position: relative;
	padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.single .post-thumb img {
	width: 100%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.single .post-thumb p {
    position:absolute;
    color:#fff;
    bottom:10px;
    left:15px;
    background:#444;
    opacity:0.8;
    padding:0 5px;
}

.single .post_meta { 
	color:#B6B6B6;  
	font-size:13px; 
	margin-bottom:15px;
}

.single .post_meta a { 
	line-height: normal; 
	color: #909294; 
}
 
#content.fullwidth, #content.fullwidth .post_content { display: block; padding-right: 0; }

.post_content {
  	position:relative;
}

.post_content h1.title {
	padding: 30px 35px 5px;
}

.page .post_content h1.title {
	padding: 0;
	margin: 0 0 15px;
	font: 30px 'Copse', Georgia, serif;
	line-height: 1.2;
}

.post_content h1.title a {
	font: 30px 'Copse', Georgia, serif;
	font-weight: normal;
	line-height: 1.2;
}
	
.post_content h1 a:hover {
	text-decoration: none;
}
	
.meta {
	margin:5px 0 0;
	font-weight:normal;
	font-size:12px;
}
		
.meta a { 
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

.meta span {	
	color:#DDDBDB;
	padding:0 5px;
}
	
p.postmetadata {
	font-size: 11px;
	margin: 0;
	color: #999; 
}
	 
.single .entry, .page .entry {
 	line-height: 1.7;
	padding: 0 35px 30px;
}

.page .entry {
 	background: transparent;
	padding: 0;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight: bold;
	margin-bottom: 12px; 
	line-height:1.3;
	color:#3D3D3D;
}

.entry p { margin-bottom: 14px; }

.entry a { color:#CF7153;}
.entry a:hover { text-decoration:underline; }
 
.entry img { margin-bottom:10px; }

.entry img.alignnone, 
.entry img.aligncenter, 
.entry img.alignleft, 
.entry img.alignright {
	margin-bottom: 10px;
	max-width:570px;
	width:auto;
	height: auto;
}

.full-width .entry img.alignnone, 
.full-width .entry img.aligncenter, 
.full-width .entry img.alignleft, 
.full-width .entry img.alignright {
	max-width:980px;
}

.entry .galleria-container img { border:0; padding:0; }

.entry ul, .entry ol { margin: 0 0 14px 14px; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
 
.entry blockquote {
	font-style: italic;
	font-family:Georgia, serif;
	font-size: 16px;
  	border: solid 1px #ddd;
	border-left: solid 5px #ddd;
  	padding: 15px;
	margin: 10px; 
}

.side-left #content {
	float:right;
}

.side-left #sidebar {
	float:left;
}
 
.side-left .post_content {
 	 float:right;
}
	
.side-left #sidebar {
 	float:left;
}
 	
.full-width #content {
	padding-right: 0;
	width: 100%; 
}


/* Tags */
.single .tags_list { font-size: 12px; font-weight: bold;  margin:5px 0 10px; }
.single .tags_list a { border: 1px solid #e7e7e7; padding: 2px 3px; color: #838383; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; font-weight: normal; line-height: 2.5; }
.single .tags_list a:hover { text-decoration: none; border-color: #838383; }


/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.entry .wp-caption { max-width: 100% !important; text-align:center;   }
.entry .wp-caption img { background:none; margin:0; border:0 none; max-width:100%;  width:auto; height:auto;}
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

img.wp-smiley { padding: 0; border: none; }
.entry .tags { font-size: 14px; margin-top: 25px; display: block; line-height: 2.5; clear: both; float: left; }
.tags a { color: #fff; background: #10A4DD; padding: 3px 7px; margin: 0 0 7px 5px; font-size: 12px; -moz-border-radius: 4px; border-radius: 4px; }
.tags a:hover { background: #EC5706; text-decoration: none; }
.thumbnails { clear: both; float: left; padding: 10px 10px 5px; margin: 10px 0 20px; font-size: 11px; line-height: 1.6em; }
.thumbnails img { margin: 5px 20px 20px; opacity: 0.6; }
.thumbnails img:hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;  }
.thumbnails .active img { opacity:1;  }

.attachment .attachment-fullsize { max-width:100%; height:auto;}

.sticky, .bypostauthor { }


/* Related Posts */
#related ul { list-style: none; }
#related li { float: left; text-align: right; width: 140px; margin: 0 26px 40px 0; }
#related li:last-child { margin-right: 0; }
#related .cover { margin-bottom: 15px; }
#related h2 { font-size: 16px; font-weight: normal; text-align: left; line-height: normal; }
#related img { -webkit-border-radius: 3px; border-radius: 3px; }
#related h3.title {
	font: 18px 'Copse', Georgia, serif; 
	font-weight: normal; 
	line-height: normal; 
	margin: 20px 0 30px;
}


/* Recipe Shortcodes [ingredients], [directions] */
.shortcode-ingredients { color: #736458; background-color: #faf7e0; border: 1px solid #eae8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 6px 8px 0 rgba(255, 255, 255, 0.7); margin: 30px 0; }
.shortcode-ingredients > h3 { font: 20px 'Copse', Georgia, serif; line-height: normal; color: #728fb4; padding: 22px 25px 8px; margin: 0; }
.shortcode-ingredients > ul { line-height: normal; margin: 0; }
.shortcode-ingredients > ul, .shortcode-ingredients > ul > li { list-style: none; }
.shortcode-ingredients > ul > li { line-height: 1.8; background: url('images/ingredients-list-arrow.png') 20px 50% no-repeat; padding: 6px 48px; border-top: 1px solid #e9e5c9; }

.shortcode-directions { margin: 30px 0; }
.shortcode-directions > h3 { font: 20px 'Copse', Georgia, serif; line-height: normal; }
.shortcode-directions > ol { counter-reset: count; line-height: normal; margin: 0; }
.shortcode-directions > ol, .shortcode-directions > ol > li { list-style: none; }
.shortcode-directions > ol > li { position: relative; line-height: 1.8; min-height: 44px; padding-left: 62px; margin: 0 0 30px; }
.shortcode-directions > ol > li:before { counter-increment: count; content: counter(count); display: block; position: absolute; top: 0; left: 0; font: 18px 'Copse', Georgia, serif; text-align: center; line-height: 42px; color: #9a8d28; background-color: #faf7e0; height: 42px; width: 42px; vertical-align: middle; padding: 0; border: 1px solid #e6e1bd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 20px; }
.shortcode-directions > ol > li:last-child { margin: 0; }


/* Template: Archives */
.post .col_arch { float: left; width: 100%; margin: 10px 0; border-bottom: 1px solid #ececec; padding-bottom: 15px; }
.post .col_arch .left { display:block; text-transform: uppercase; font-size:12px; font-weight:bold; }
.post .col_arch .right { float: left; margin-top:12px; }
.post .col_arch .right ul {margin-left:0; }
.post .col_arch .right ul li a { font-weight: normal; }
.post .col_arch .right ul li { width: 30%; float: left; margin: 0 10px 5px 0; list-style-type: none; }
.post .col_arch:last-child { border-bottom:none; }


/********************************************************************************************* 

9. Comments  -------------------------  comments.php

*********************************************************************************************/   

#comments { margin: 0; padding: 0; border-top: 1px solid #D5D5CE;  }
#comments h3 { font: 18px 'Copse', Georgia, serif; font-weight: normal; line-height: normal; margin: 20px 0 30px; }
#comments #respond h3 { margin: 35px 0 15px; }
 

#comments .navigation { padding: 0 0 18px 0; }
.commentlist { font-size: 13px; color: #69696b; list-style: none; padding: 0 0 30px; border-bottom: 1px solid #D5D5CE;  margin: 0; }
.commentlist li.comment { line-height: 1.7; margin: 0; padding: 30px 0 30px 80px; border-top: 1px solid #D5D5CE; position: relative;  }
.commentlist > li.comment:first-child { padding-top: 0; border-top: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.commentlist li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
.commentlist li.comment > div { padding: 0; }
#comments .comment-body { margin-right: 60px; }
#comments .comment-body ul, #comments .comment-body ol { margin: 0; }
#comments .comment-body p:last-child { margin: 0; }
#comments .comment-body blockquote p:last-child { margin: 0; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 30px; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.commentlist > li.comment:first-child .avatar { top: 0; }
.commentlist .children li.comment .avatar { top: 30px; }
.comment-author { line-height: normal; margin: 0 0 15px; }
.comment-author cite { font-size:14px; font-weight: bold; font-style: normal;  }
.comment-author .says {  display:none; }
.comment-meta { margin: 5px 0 0; }
.comment-author .comment-meta a { color:#A2A2A2; }
.comment-author a, .reply a { text-decoration: none; color: #69696b; }
.comment-author a:hover, .comment-author a:active, .comment-meta a:hover, .comment-meta a:active, .reply a:hover, .reply a:active { color: #000; }
.reply { position: absolute; top: 30px; right: 0; font-size: 10px; text-transform: uppercase; }
.commentlist > li.comment:first-child .reply { top: 0; }
.commentlist .children li.comment .reply { top: 25px; }
.commentlist .children { list-style: none; margin: 30px 0 0; }
.commentlist .children li { margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback {margin: 0; padding: 0; }
.commentlist li.comment+li.pingback { margin: 0; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }
.comment-notes { display:none; }
 
#respond .form-allowed-tags { display:none; }
#formLabels { float: left; }
#respond p { font-size: 12px; }
#respond p label { font-size: 12px; color: #69696b; margin-left: 10px; }
#respond .form_fields p { margin: 0 0 12px; }
#respond .form_fields p .required_lab { font-size: 12px; color:#EB5419;}
#formLabels p.last { margin-right: 0; }
#respond input { width: 35%; }
#respond textarea { width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
#respond .comment-form-comment { margin: 0 0 12px; }
#respond ::-webkit-input-placeholder { color: #999; }
#respond :-moz-placeholder { color: #999; }
#respond :-ms-input-placeholder { color: #999; }
#respond #formContent { margin: 7px 0; float: right; }
#respond .logged-in-as { margin: 0 0 12px; }

#respond .form-submit { margin: 0; }

#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }

.comment-list li #respond p { margin-left: 0; }
#comments .commentlist li #respond h3 { background:none; margin-top:0;}
#comments .commentlist li #respond  { border-top:none; margin:15px 0 0; }
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


/********************************************************************************************* 

10. Sidebar &  Widgets -------------------------  sidebar.php

*********************************************************************************************/   
  
#sidebar {
	width: 300px; 
	position:relative;
	margin:0;
	float:right;
	overflow: hidden;
}

#sidebar a { color:#7C5241; }
#sidebar a:hover { color:#4E2D21; }

#sidebar .widget {
	margin-bottom: 30px;
 	position:relative; 
}

#sidebar .widget:last-child {
	margin-bottom: 0;
}

#sidebar .widget h3.title, .tabbed-login-widget h3 {
	display: inline-block;
	font: 14px 'Copse', Georgia, serif;
	font-weight: normal;
	line-height: normal;
	color: #7a6038;
	background: #ebebd4;
	padding: 7px 13px;
	border: 1px solid #c6c6ab;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	margin: 0 0 15px;
}
 
#sidebar .widget a:hover { text-decoration: none; }
	
.widget ul { clear: both;  line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget #cat, .widget select { width: 100%;  border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left;  }

.widget_tag_cloud a {
 	line-height:1.3em;
	font-weight:normal;
}

/* Recent Comments */
.recent-comments-list .avatar {	margin-right: 12px;	float: left;   }
.recent-comments-list li { padding: 6px 0 0; margin:0 0 10px; line-height:1.4;  }


/* Twitter widget */
.widget .twitter-list li { padding: 0 0 10px; margin: 0 0 10px; border-bottom:1px solid #F3F3F3; }
#footer .widget .twitter-list li { border:none; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #B9B9B9; font-size: 12px; font-style: normal;   }
.widget .follow-user { margin: 0; padding: 5px 0; }


/* Social widget */
.wpzoomSocial  {margin:10px 3px;}
.wpzoomSocial li {float:left; margin:3px 0 15px 14px; list-style-position:outside; }
.wpzoom-social h3 { float:left; }
.wpzoom-social .wpzoomSocial { clear:none; margin:0;} 


/* Recent News Widget */
.widget .feature-posts-list br {display: none;}
.feature-posts-list img { margin: 4px 12px 5px 0; float: left; }
.widget .feature-posts-list small { font-size: 12px; color: #8B96A0; margin: 2px 0 4px; display: block; }
#footer .widget .feature-posts-list small {  color: #C5C0C1;  }
.widget .feature-posts-list .post-excerpt { display: block;}
.widget .feature-posts-list li { padding: 6px 0; margin:0;  line-height:1.4; }
.widget .feature-posts-list li .rating { margin:4px 0; }


/* Instagram Widget */
#instagram_widget li { float: left; margin: 0 10px 10px 0; list-style-position:outside; }
#instagram_widget li img { width:90px;  -webkit-border-radius: 3px; border-radius: 3px; }
#instagram_widget li img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}


/* Archives Widget */
.widget_archive li { width:42%; float:left; padding:0 0 0 18px; margin:0 2% 10px 0; color:#C9C9C9; background:url("images/bullet.png") no-repeat left;  }
.widget_archive li a { color:#939798; font-weight:normal;}
.widget_archive li a:hover { color:#5ad0ff; }

 
/* Category Widget */
.widget_categories li { font-size:14px; padding:0 0 0 18px; margin:0 0 10px; color:#C9C9C9; background:url("images/bullet.png") no-repeat left;  }
.widget_categories li a { color:#939798; font-weight:normal;}
.widget_categories li a:hover { color:#5ad0ff; }
#footer .widget_archive li, #footer .widget_categories li { background:none; padding-left:0;  }


/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* Tabbed Login widget */
.tabbed-login-widget ul.tabs_login { padding: 0 !important; position: relative; list-style: none !important; font-size: 14px; z-index: 1000; float: left; margin:0 !important; }
.tabbed-login-widget ul.tabs_login li { border: 1px solid #E7E9F6; -webkit-border-top-right-radius: 10px; -khtml-border-radius-topright: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-radius-topleft: 10px;	-moz-border-radius-topleft: 10px; border-top-left-radius: 10px; line-height: 28px; /* = */ height: 28px; padding: 0 !important; margin: 0 2px 0 0 !important; position: relative; background: rgba(255, 255, 255, 0.9) !important; background-image:,none !important; overflow: hidden; float: left; }
.tabbed-login-widget ul.tabs_login li a { text-decoration: none; padding: 0 10px; display: block; outline: none; }
html .tabbed-login-widget ul.tabs_login li.active_login { border-left: 1px solid #E7E9F6; border-bottom: none; -webkit-border-top-right-radius: 10px; -khtml-border-radius-topright: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-radius-topleft: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; background: rgba(255, 255, 255, 0.7); color: #333; }
html body .tabbed-login-widget ul.tabs_login li.active_login a { font-weight: bold; }
.tabbed-login-widget .tab_container_login { background: rgba(255, 255, 255, 0.9); position: relative; margin: 0 0 20px 0; border: 1px solid #E7E9F6; -webkit-border-bottom-left-radius: 10px; -khtml-border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-radius-topright: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; z-index: 999; float: left; width: 100%; top: -1px; }
.tabbed-login-widget .tab_content_login { padding: 7px 15px 15px 15px; padding-top: 10px; }
.tabbed-login-widget .tab_content_login ul { padding: 0; margin: 0 0 0 15px; }
.tabbed-login-widget .tab_content_login li { margin: 5px 0; }
.tabbed-login-widget #login-register-password {}
.tabbed-login-widget #login-register-password p { margin: 0 0 15px 0; padding: 0; }
.tabbed-login-widget .wp-user-form {}
.tabbed-login-widget .username, .tabbed-login-widget .password, .tabbed-login-widget .login_fields { margin: 7px 0 0 0; overflow: hidden; width: 100%; }
.tabbed-login-widget .username label, .tabbed-login-widget .password label { float: left; clear: none; }
.tabbed-login-widget .username input, .tabbed-login-widget .password input { font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; float: left; clear: none; width: 95%; height: 15px; padding: 2px 3px; color: #777; background: white; border: 1px solid #CCC; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1) !important; -webit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1) !important; margin:0 !important; }
.tabbed-login-widget .rememberme { overflow: hidden; width: 100%; margin-bottom: 7px; }
.tabbed-login-widget #rememberme { float: left; clear: none; margin: 4px 4px -4px 0; }
.tabbed-login-widget .user-submit { padding: 5px 10px; margin: 5px 0; }
.tabbed-login-widget .userinfo { float: left; clear: none; width: 75%; margin-bottom: 10px; }
.tabbed-login-widget .userinfo p { margin-left: 10px !important; margin-bottom: 3px !important; }
.tabbed-login-widget .usericon { float: left; clear: none; width: 50px; max-width: 25%; }
.tabbed-login-widget .usericon img { padding: 1px; }


/* Recipe Details Box on Single Post Pages */
#single-recipe { font-size: 12px; background: #FBFBF6; padding: 20px; border: 1px solid #d6d6bf; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; }
#single-recipe > * { margin: 0 0 15px; }
#single-recipe > *:last-child { margin: 0; }
#single-recipe .share-btn li { float: left; list-style-position:outside; }
#single-recipe h4 { margin-bottom:8px; font-size:12px; font-weight:bold; }
 

/********************************************************************************************* 

11. Footer  -------------------------  footer.php

*********************************************************************************************/   

#footer {
	font-size: 13px;
	text-align: left;
	color: #C5C0C1;
	background: url('images/bg_footer.png') repeat;
	padding: 20px 0;
	border-top: 2px solid #634F38;
	margin-top: 40px;
}

#footer .wrap { width: 980px; margin: 0 auto; }

#footer .widgets {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #7E704D;
}

#footer .widget {
 	margin-bottom:30px;
}


#footer .widget h3.title {
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	color: #E4DED7;
	margin-bottom: 15px;
	text-shadow:0 1px 3px rgba(0,0,0,0.4);
	font-family:'Copse', Georgia, serif;
}

#footer div.column {float: left; display: block; margin-left: 25px;  width: 310px; }
#footer div.column:first-child {margin-left: 0;}

#footer a {color: #CEC6BE; text-decoration:none;}
#footer a:hover { text-decoration:underline; }

#footer .copyright { color: #aea59c; }
#footer .copyright a { color: #aea59c; }
#footer p.copy, #footer p.wpzoom { display: inline; margin: 0; }
#footer p.copy { float: left; }
#footer p.wpzoom { float: right; }


/*********************************************************************************************

12. Media Queries

*********************************************************************************************/

/* Small Displays */
@media screen and (max-width: 1040px) {

	#carousel .item { width:30%; margin-left:3%;}
 	#carousel .item img { max-width:100%; width:100%; height:auto; }

	#carousel_nav { right:0; }
	 
}

@media screen and (max-width: 980px) {

	#wrapper, #footer .wrap { width:96%; }

	#slider { width:60%; }
	#slider_nav { width:39%; }

	.slides > li > div { width:96%; padding:2%; }
	.slides .thumb img { max-width:100%; width:100%; height:auto; }

	#slider_nav .item { padding:2%; }
	#slider_nav .meta { display:none; }

	#content { width:60%; padding:3%; }
	.single .post,  .attachment .post_content { width:100%;  }
	.single #content, .page #content, .attachment #content  { width:65%;   }

	#sidebar { width:30%; }

	/* Header */
 	#logo img { max-width: 100%; width: 100%; height: auto; }
 	#logo h1, #logo #tagline { display: block; float: left; } 
	.entry { padding: 0 3% 3%; }
	.entry img.alignnone,
	.entry img.aligncenter,
	.entry img.alignleft,
	.entry img.alignright,
	.entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width: auto; height: auto; }
	.full-width .entry img.alignnone,
	.full-width .entry img.aligncenter,
	.full-width .entry img.alignleft,
	.full-width .entry img.alignright,
	.full-width .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width: auto; height: auto; }
   	
   	.single .post-thumb img { height:auto; }
	 
  	#footer div.column { width: 31%; margin-left: 2%; }
}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

 	#header { position: relative; padding-top:20px;}

	.single .entry { padding:0 5% 3%; }
	.post_content h1.title{ padding:3% 3% 0; }

	#logo { width:100%; }

	#header #searchform { float:left; margin-top:15px; }
	
	.btn_menu { display: block; color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3); cursor: pointer; background:url('images/menu.png') no-repeat; padding:5px 0 0 47px;  height:30px;  margin:10px 0 0 10px;}
	.btn_menu:hover { color:#fff; text-decoration:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);}
	.btn_menu.active { text-indent:-9999px; }

	 
	#menu ul { display: none; }
	.dropdown { padding: 15px 0; }
	.dropdown li { display: block; float: none; margin-right: 0; }
	.dropdown a { border-right:none; padding:0 14px; line-height:42px; }
	.dropdown ul { background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; width: auto; }
	.dropdown a:hover { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
 	.dropdown ul li a, .dropdown li:hover ul a{ color: #fff; }
	.dropdown > li > a:hover { margin-top: 0; }
	.dropdown > li > a:after { display: none; }
	.dropdown > li > a:hover:after { border-top-color: #ec5706; }
	.dropdown ul {  -webkit-box-shadow: none; box-shadow: none; padding: 0; }

	.dropdown > li > a:hover { margin-top: 0; color:#333; }
	.dropdown > li:hover { margin-top: 0; }
	.dropdown > li:hover > a { margin-top: 0; }
	.dropdown li:hover a { background:none; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }
	.dropdown li:hover  { background:none; }
 

	.dropdown li:hover ul,
	.dropdown li.sfHover ul { left: 0; top: 0; z-index: 99; }
	ul.dropdown li:hover li ul,
	ul.dropdown li.sfHover li ul { top: 0; }
	ul.dropdown li li:hover ul,
	ul.dropdown li li.sfHover ul { left: 0; top: 0; }
	ul.dropdown li li:hover li ul,
	ul.dropdown li li.sfHover li ul { top: 0; }
	ul.dropdown li li li:hover ul,
	ul.dropdown li li li.sfHover ul { left: 0; top: 0; }


	#slider_wrap { background:#F3F3E7; }
	#slider { width:81%; background:#fff; border-right:1px solid #DBDBC8;}
	#slider_nav { width:18%; border:none; }

 	#slider_nav .details { display:none; }

 	#carousel h4.title { font-size:14px; padding:4% 5%; }
 	#carousel .meta .rating { display:none; }

 	#carousel .buttons { width:99%; border:none; }

 	.page .post_content { padding:3% 5%; }

	#content { width:94%; padding:3%; }
	.single #content, .page #content, .attachment #content  { width:100%;   }

	#sidebar { width:100%; margin-top:20px; float:left; }
 
	#footer div.column { width: 100%; margin-left: 0; }

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {
	
	#carousel_nav {top:50px; }
 	#carousel .meta { display:none; }
 	#carousel h4.title { font-size:10px; }

 	.slides > li .meta { display: none; }
 	.slides > li .excerpt { display: none; }
 	.slides > li .more-link { display: none; }

 	#slider { width:100%; }
 	#slider_nav { width:100%; float:left; height:100px;}
 	.flex-viewport { height:100px !important; }

 	#slider_nav .item { float:left; width:16%; border:none; padding:2%; }
 	#slider_nav .thumb img { max-width:100%; height:auto; padding:0; }
 	#slider_nav .thumb {margin-right:0; }
 	#slider_nav .item:hover .thumb::before, #slider_nav .item.current .thumb::before { display:none; }



 	.post_content h1.title a { font-size:22px; }
 	.post h2.title { font-size:18px; }

 	.posts .post-thumb { clear:both; margin-bottom:15px; }

 	.posts .details { overflow:visible; width:100%; float:left; }

 	#footer p.copy { width:100%; }
 	#footer p.wpzoom { float:left; margin-top:15px; }
	 
}