/*
	Theme Name: Burrito - A Mexican Restaurant Theme
	Theme URI: http://themes.zestthemes.com
	Author: Zest Themes
	Author URI: http://www.zestthemes.com
	Description: A Mexican Restaurant Theme.
	Version: 1.0
	License: GNU General Public License
	License URI: license.txt 

*/


/* 

	TABLE OF CONTENTS 
-----------------------------------------------------------------------
	
	1. CSS reset and clearfix
	
	2. General styles
	
	3. Fonts
	
	4. Layout

	5. Header
	
	6. Navigation and menus
	
	7. Homepage content
	
	8. Main content
		
		8.1 Sidebar
	
	9. Footer
	
		9.1 Page Bottom
	
	10. Page and post styles
	
	11. Pagination
		
	12. Comments
	
		12.1 Comments form
		
	13. Widgets
	
	14. Responsive Design
	
	15. Plugin styles	
	
	16. Print styles
	
-----------------------------------------------------------------------


/*
-----------------------------------------------------------------------

	1. CSS reset and clearfix
	
-----------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}	
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix { display: inline-block; } 

.clearfix { display: block; } 

.none { display: none; } 
	
	
/*
-----------------------------------------------------------------------
	
	2. General Styling
	
-----------------------------------------------------------------------
*/

a, 
a:hover { 
	text-decoration:none; 	
	cursor:pointer; 
	outline:none;
}
	
hr {
	background:#CCC; 
	height:1px; 
	border:none; 
	width:100%; 
	margin:30px 0;
}

img.alignleft {
	float:left;
	margin: 0 20px 20px 0;
}

img.alignright {
	float:right;
	margin: 0 0 20px 20px;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img {max-width: 97.5%;}

img[class*="align"],
img[class*="wp-image-"] {height: auto; }

img.size-full {
	max-width: 97.5%;
	width: auto; 
}

p img,
.wp-caption {margin-top: 0.4em;}

.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
	line-height: 22px;
	margin: 10px 0;
}

.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.stitch { 
	border-bottom:1px dashed #b36c4b; 
	border-top:1px dashed #623926; 
	clear:both;
	margin:2px 0;
}

.inner, 
#inner {
	padding:4px 12px;
	outline:1px dashed #b36c4b; 
	border:1px dashed #623926;
	margin:4px;
}

#top  { 
	border: none;
	background: #623926;
	padding: 15px 15px 10px 15px;
	text-align: center;
	position: fixed;
	bottom: 50px;
	right: 50px;
	cursor: pointer;
	display: none;
	font-size: 22px;
	border-radius: 3px;
	z-index:9999;
}

#top a {color:#e9ca93;}

.more-link {font-weight: bold;}

ul.list li,
ol.list li {
	padding: 5px 0;
	line-height: 20px;
	margin-left: 20px;
	font-size:12px !important;
}

.ie7 ol.list li { margin-left: 30px;}

ul.list,
ol.list { margin: 0 0 40px 0; }

ul, ol {
	margin: 0 0 10px 20px;
	line-height:24px;
}

ul.no-list-style,
ul.no-list-style li { 
	list-style:none !important; 
	margin:0 !important;
	padding:0 !important;
}

ul {list-style: circle;}

ol {list-style-type: decimal;}

ol ol {list-style: upper-alpha;}

ol ol ol {list-style: lower-roman;}

ol ol ol ol {list-style: lower-alpha;}

ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}

cite, i {font-style: italic;}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}

blockquote em, 
blockquote i, 
blockquote cite {font-style: normal;}

blockquote cite {
	color: #555;
	font-size: 12px;
}

::selection,
::-moz-selection {
	background: #623926; 
	color: #e9ca93;
}

a.more-button,
a#view-button {	
	padding: 5px 13px;
	color: #E9CA93;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
	text-align: center;
	background: #333;
	text-transform: lowercase;
	margin: 5px 0 0 0;
	font-size: 11px;
	border-radius: 20px;
}

.more-button:hover,
#view-button:hover {color: #FFF;}

ul.category-list li {
	padding: 10px 0 20px 0;
	border-bottom:1px dashed #c5beb8;
}

.bold { font-weight:bold; }

.small {
	font-size:11px;
	color:#666;
}

/* Author box */
.author-box {
	float:left;
	background:#f7f7f7;
	border:1px solid #DDD;
	padding:20px;
}

.author-box img {
	border: 1px solid #DDD;
	padding: 5px;
	float: left;
	margin: 5px 20px 20px 0;
	background: white;
}
	
.author-box p {
	margin:0 0 5px 0 !important;
	padding:0 0 5px 0 !important;
	font-size:12px !important;
}

.day {
	 font-weight:bold;
	 width:100px;
	 float:left;
}

embed,
iframe,
object { max-width: 100%; }


/*
-----------------------------------------------------------------------
	
	3. Fonts
	
-----------------------------------------------------------------------	
*/

body,
.wp-caption .wp-caption-text,
.gallery-caption, 
blockquote cite,
p,
h1.center, 
#commentform input[type="text"],
#commentform textarea ,
#commentform input[type="submit"], 
.tab_widget .tabbed-title,
.tab_widget .tabbed-title a, 
.wpcf7 p,
.wpcf7 label,
.wpcf7 input,
.wpcf7 textarea,
#header-contact input, 
#header-contact textarea, 
#header-contact select {font-family: 'Droid Sans', sans-serif;}
	
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p { margin-bottom:15px; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.archive-title,
.post-title a,
.page-title a,
.home-post-title a,
.col-title a { 
	font-family: 'Droid Serif', serif;
	font-weight:bold;
	color:#8E3C21;
}

h4, 
h5, 
h6, 
p {
	font-weight:normal;
	line-height:26px; 
}
	
h1, 
.archive-title {font-size:36px;}

h2 {
	font-size:24px;
	line-height:30px;
}

h3 {
	font-size:20px;
	line-height:26px; 
}

h4 {font-size:18px;}

h5 {font-size:16px;}

h6 {font-size:14px;}

p {
	font-size:13px;
	color:#222;
	line-height:24px;
	padding-bottom:15px;
}

h1.center {
	text-align:center;
	font-size:20px;
	font-weight:normal;
	line-height:42px;
	margin:30px 0;
	padding: 0 5px;
}

h2.main-title, 
h3.sidebar-title {
	font-size:22px;
	color:#e9ca93;
	width:100%;
	padding:1px;
	text-align:center;
	font-weight:normal !important;
	margin: -5px 0;
}

h2.main-title {margin-bottom:40px;}

h3.sidebar-title { 
	padding: 10px 0;
	margin-bottom:20px;
	background: url(images/general/default/sidebar-title.jpg) no-repeat 0 0;
}



/*
-----------------------------------------------------------------------
	
	4. Layout
	
-----------------------------------------------------------------------	
*/


body {
	font-size:13px;
	background:url(images/general/default/body.jpg) repeat;
}

#header, 
#nav, 
#featured, 
#welcome, 
#footer, 
#page-bottom { width:100%;}

.container-960, .container-940 {margin:0 auto;}
		
.container-960 {width:960px;}
		
.container-940 {width:940px;}

#wrapper {

	width:980px;
	margin: -40px auto 0 auto;
	min-height:560px;
	position:relative;
	bottom:-40px;
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);
	background: url(images/general/wrapper.jpg) repeat;
	padding-bottom: 40px;
}

.ie7 #wrapper { margin:0 auto; }

#nav, 
#header-contact,
.content-menu,
#booking,
h2.main-title,
.menu-meta,
.post-tags a, 
.tab_widget .tab-tags a, 
#footer,
#page-bottom,
#nav ul ul,
#nav ul ul ul,
table#wp-calendar tbody>tr>td,
.ingredients {background: url(images/general/default/brown.jpg) repeat !important;}

#nav-back-left,
#nav-back-right,
#pencil-icon,
#facebook, 
#twitter, 
#flickr-icon, 
#vimeo, 
#rss, 
#youtube, 
#stumbled, 
#google, 
#linkedin, 
.nivo-directionNav a,
.nivo-controlNav a, 
.jcarousel-prev-horizontal, 
.jcarousel-next-horizontal,
.user-icon, 
.date-icon, 
.category-icon, 
.comments-icon,
.servings-icon,
.cook-icon,
.recipe-icon {background: url(images/icons/sprites/sprites-default.png) no-repeat;}


	
/*
-----------------------------------------------------------------------

	5. Header
	
-----------------------------------------------------------------------	
*/

#header { padding:30px 0 0 0;}

#header-container { 
	width:940px; 
	margin: -3px auto;
	min-height:35px;
}

#logo { float: left; }

.tagline {
	float: left;
	margin: 20px 0 0 20px;
	font-size: 12px;
	font-style:italic;
}

#booking {
	float: right;
	margin: -35px -20px 0 0;
	width:58px;
	height:44px;
	box-shadow:0 0 30px 1px rgba(0,0,0,0.1);
}

#pencil-icon {
	background-position: -159px -29px !important;
	width:24px;
	height:24px;
	margin: 0 auto;
	display:block;
}                     
			
/*
-----------------------------------------------------------------------

	6. Navigation and menus
	
-----------------------------------------------------------------------	
*/

#nav {
	font-size:13px;
	text-transform:capitalize;
	clear:both;
	width:980px;
	margin:40px auto 0 auto;
	box-shadow:0 0 20px 1px rgba(0,0,0,0.2);
	z-index:999;
}

#nav-back-left,
#nav-back-right { 
	display:block;
	height: 40px;
	width: 40px; 
	margin: -42px -28px;
}

#nav-back-left {
	background-position: -250px -12px !important;
	float:left;
}

#nav-back-right {
	background-position: -285px -12px !important;
	float:right;
}

.ie7 #nav-back-right {margin-left:55px;}


#nav ul {
	list-style: none;
	margin: 2px 0 0 10px;
	padding:0;
}

#nav li {
	float:left;
	position:relative;
	z-index:999;
}

#nav a {
	color:#e5a54a;
	display:block;
	padding:10px 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
	
}

#nav a:hover { color:#e9ca93;}

#nav ul ul {
	display:none;
	margin:0;
	position:absolute;
	top:44px;
	left:0;
	width:140px;
	z-index:999;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#nav ul ul ul {
	left:65%;
	border-radius:3px;
	top:0;	
}

#nav ul ul a {
	font-size:12px;
	font-weight:normal;
	height:auto;
	line-height: 16px;
	padding: 10px 20px;
	width:168px;
	text-shadow:none !important;
}

#nav ul li:hover > ul {display:block;}

#nav .current_page_item > a,#nav .current_page_ancestor > a {font-weight:bold;}	
		


/*	
-----------------------------------------------------------------------

	7. Homepage content
	
-----------------------------------------------------------------------
*/

#featured {min-height: 300px;}
		
/* Nivo Slider */	
.nivoSlider {
	position:relative;
	z-index:1;
}

.nivoSlider img {
	position:absolute;
	top:0;
	left:0;
	width:980px;
	height:300px;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

.nivo-directionNav a {
	position:absolute;
	top:40%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:31px;
	text-indent:-9999px;
	border:0;
}

a.nivo-prevNav {
	background-position: -2px -29px !important;
	left:20px;
}

a.nivo-nextNav {
	background-position: -34px -29px !important;
	right:20px;
}

.nivo-controlNav {
	position:absolute;
	background: url(images/general/default/slider-buttons.png) no-repeat;
	width:203px;
	height:61px;
    bottom:-54px;
    padding:25px 0 0 80px;
    z-index:20;
	margin-left:390px;
}

.nivo-controlNav a {
	cursor:pointer;
	display:block;
	width:10px;
	height:12px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	background-position: -14px -64px !important;
}

.nivo-controlNav a.active {background-position:-2px -64px !important; }


/* Kwicks image slider */

ul#images {
	margin: 0;
	padding: 0; 
}

ul#images li {
	overflow: hidden;
	float: left; 
	width: 327px;
	height: 300px;
}

ul#images img {	
	width:980px;
	height:300px;
}

ul#images .active .caption {
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

ul#images .active img {
	opacity:0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}


.ie8 ul#images li {margin-left:-15px;} 

.caption {
	position:absolute;
	bottom: 20px;
	background:#623926;
	width: 800px;
	z-index:99; 
	padding:0px; 
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);

}

.caption h2,
.caption a {color:#FFF !important;}

.caption p {
	text-shadow: 0 1px 0 #333; 
	font-size:13px;
	color:#e9ca93;
	margin:0;
	padding:0;
	font-weight:bold;
	width:760px;
}

/* Jcarousel */
.jcarousel-container { 
	margin:30px 10px;
	width:940px;
}

.jcarousel-clip {overflow: hidden;}

.jcarousel-clip-horizontal {
    width: 100%;
	height:160px;
}

.ie7 .jcarousel-clip-horizontal { padding:20px 20px 0 20px; }

.jcarousel-item {
	width:300px !important;
	height:160px;
}

.jcarousel-item-horizontal {margin: 0 20px 0 0;}

.jcarousel-prev-horizontal, 
.jcarousel-next-horizontal {
    width: 30px;
    height: 40px;
    cursor: pointer;
	outline:none !important;
	border:none !important;
	margin-top:-100px;
	position: absolute;
}

.jcarousel-prev-horizontal {
	background-position: -78px -41px !important;
	left:-30px;
}

.jcarousel-next-horizontal {
	background-position: -112px -41px !important;
	right:-30px;
}


.menu-back-left,
.menu-back-right { 
	clear:both; 
	width:0; 
	height:0; 
	z-index:1;
	border-style: solid;
}

.menu-back-left {
	float:left;
	border-color: transparent transparent #b36c4b transparent; 
	margin: -12px 0 0 0; 
	border-width: 0 0 10px 10px;
}

.menu-back-right {
	float:right;
	border-color: transparent transparent transparent #b36c4b; 
	margin: -12px 0 0 0; 
	border-width: 10px 0 0 10px;
}




/*
-----------------------------------------------------------------------

	8. Main content
	
-----------------------------------------------------------------------
*/
							
.content { 
	width:960px;
	margin: 0 0px; 
	padding:0px 0; 
	clear:both;
}

.content-inner {
	width:940px;
	margin: 0 10px;
	padding:0px 0; 
	clear:both;
}

.content-main,
.content-full {
	float:left; 
	background:#FFF;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
}

.content-page {
	float:left; 
	width:620px; 
	margin:40px 20px;
}

.content-main {	
	width:560px; 
	margin:-10px 20px; 
	padding:30px;
}

.content-full {	
	width:880px; 
	margin: 0 0 40px 100px;
	padding:30px;
}

.col {
	float:left; 
	width:300px;
	margin:-25px 10px -20px 10px;
}

.col-menu {
	float:left; 
	width:300px;
	margin:-50px 10px 40px 10px;
}

.content-menu {
	margin: 0 -10px 60px -10px; 
	width:1000px; 
	padding:2px 0;
}

.content-menu img:hover, 
.col img:hover,
.col-menu img:hover { 
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* Welcome */
#welcome { padding: 4px 0;}
	margin:10px 0 0 0;
	padding:0;
	font-size:16px; 
	font-style: italic;
}

.welcome-content {
	float:right;
	margin-top:10px;
}

#welcome h1, 
.archive-title {
	float:left;
	color:#623926;
	font-weight:normal;
	width:600px;
	margin-top:5px;
	text-transform:capitalize;
}

/* Archive page */
.archive-lists h4 { padding-top: 20px; }

.archive-title { padding-bottom:15px; }
 
.archive-lists li {line-height:20px;}


/*
-----------------------------------------------------------------------

	8.1 Sidebar
	
-----------------------------------------------------------------------
*/
		
#sidebar {
	float:right;
	width:300px;
	margin: 45px 20px 0 0;
	font-size:12px;
}

#searchsubmit { display:none;}

form#searchform input[type="text"] {
	width: 220px;
	border: none;
	padding: 9px 0 9px 35px;
	color: #672713;
	background: #ecd09c url(images/icons/search.png) no-repeat 10px 10px;
	webkit-border-radius:3px;
	   moz-border-radius:3px;
	       border-radius:3px;
}

form#searchform input[type="text"]:focus {
	background:#FFF url(images/icons/search.png) no-repeat 10px 10px;
	color:#672713;
	outline:none;
	border:none;
	width:300px;
	-webkit-transition-duration: 300ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease-in;
	   -moz-transition-duration: 300ms;
	   -moz-transition-property: width, background;
	   -moz-transition-timing-function: ease-in;
		 -o-transition-duration: 300ms;
		 -o-transition-property: width, background;
		 -o-transition-timing-function: ease-in;
}
	
form#searchform label {display:none;}


/*
-----------------------------------------------------------------------

	9. Footer
	
-----------------------------------------------------------------------
*/

#footer {
	clear:both;
	font-size:11px; 
	padding:0px 0 0px 0; 
	color:#edcc90;
}
	
#footer a, 
#page-bottom a { color:#e5a54a; }
	
#footer a:hover, 
#page-bottom a:hover { color:#FFF; }

#footer h4, 
.footer-title {
	font-size:16px; 
	color:#e9ca93; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.2); 
	padding-bottom:20px;
}

#footer p, 
#page-bottom p {
	font-size:11px; 
	color:#edcc90;
}

#footer ul { 
	padding: 0;
	margin: 0;
}

#footer li { 
	margin-bottom:15px; 
	padding-bottom:10px;
	border-bottom:1px solid #672713; 
	line-height:26px; 
	list-style:none;
}

						
/*
-----------------------------------------------------------------------

	9.1 Page Bottom
	
-----------------------------------------------------------------------
*/

#page-bottom {padding:40px 0 20px 0; }
	
#footer-social {
	float:left;
	padding-top:40px;
}

#footer-copyright {
	float:right;	
	padding-top:40px;
}

ul.social-icons	{
	margin:0;
	padding:0;
}

ul.social-icons a { 
	width:24px; 
	height:25px; 
}

ul.social-icons a, ul.social-icons li { 
	float:left; 
	margin-right:10px; 
	cursor:pointer; 
	list-style:none; 
}

#facebook, 
#twitter, 
#flickr-icon, 
#vimeo, 
#rss, 
#youtube, 
#stumbled, 
#google, 
#linkedin { 
	width:24px; 
	height:25px;
}

#facebook { background-position: -2px -2px !important; }

#twitter { background-position:-28px -2px !important; }

#flickr-icon { background-position:-54px -2px !important; }

#vimeo { background-position: -80px -2px !important; }

#rss { background-position: -106px -2px !important; }

#youtube { background-position: -132px -2px !important; }

#stumbled { background-position: -158px -2px !important; }

#google { background-position: -184px -2px !important; }

#linkedin { background-position: -210px -2px !important; }

#facebook:hover, 
#twitter:hover, 
#flickr-icon:hover, 
#vimeo:hover, 
#rss:hover, 
#youtube:hover, 
#stumbled:hover, 
#google:hover, 
#linkedin:hover { 
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*
-----------------------------------------------------------------------

	10. Page and Post styles
	
-----------------------------------------------------------------------
*/

.post,
.page,
.page-recipes {
	clear:both;
	position:relative;
	float:left;
}

.post {
	padding:5px 0; 
	margin:40px 0;
	min-height:160px;
}

.page,
.page-recipes {
	margin-bottom:40px;
	background:#FFF;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
	width:560px; 
	padding:30px;
}

.home-post {	
	clear:both;
	position:relative;	
	margin:20px 0 40px 0;
}

/* Titles */
.post-title, 
.page-title {margin:10px 0 30px 0;}

.home-post-title {
	padding:0;
	margin-bottom: 10px !important;
}

.home-title {margin:0;}

/* Content */
.post-content,
.page-content { margin-top:20px; }

.ie7 .post-content, 
.ie8 .page-content {min-height: 60px;}

/* Images */
.postimg {margin:6px 20px 20px 0;}

.ie7 .postimg { float:none; }

/* Metadata */
.meta-date {
	font-size: 0px;
	padding-bottom:20px;
	color:#666;
}

.meta-text {
	float: left;
	margin: -3px 15px 3px 10px;
	line-height:22px;
}

.post-metadata, 
.page-metadata { 
	font-size:0px;
	color: #777;
	padding:15px 0;
	width:100%;
}

.page-metadata { margin: 20px 0; }

.post-metadata { 
	border-top:1px solid #DDD;
	margin: 30px 0;
}

.user-icon, 
.date-icon, 
.category-icon, 
.comments-icon,
.recipe-icon {
	float:left;
	display:inline;
	height:16px;
	margin:0;
	padding:0;
}

.user-icon {
	background-position: -185px -29px;
	width:14px; 
}

.date-icon {
	background-position: -200px -29px;
	width:16px; 
}

.category-icon {
	background-position: -217px -29px;
	width:12px; 
}

.comments-icon {
	background-position: -230px -29px;
	width:16px; 
}

.servings-icon,
.cook-icon {		
	float:left;
	display:inline;
	height:15px;
	margin: 3px 15px 0 0;
}

.servings-icon {
	background-position: -202px -47px;
	width:16px; 
}

.cook-icon {	
	background-position: -185px -47px;
	width:15px; 
}

.recipe-icon {
	background-position: -221px -47px;
	margin: 3px 15px 0 0 !important;
	width:16px;
}

.ingredients {
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
	padding:20px;
	width:100%;
	margin-bottom:40px;
}

.ingredients p,
.ingredients li {color:#e9ca93;	}

.ingredients li {
	width:260px;
	font-size:12px;
	margin-bottom:5px;
}

/* Blog style 2 */
.col-post {
	margin-bottom:40px;
	min-height:160px;
	position:relative;
	float:left;

}

.col-text {
	margin: -5px 15px 10px 40px;
	line-height: 26px;
	color: #666;
	font-size: 11px;
}

.col-metadata {
	float: left;
	width: 160px;
}

.col-page {
	margin: 0 0 0 20px;
	width: 380px;
	float: right;
	background:#FFF;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
	padding:30px;
}

.col-title { margin-bottom:30px;}

.col-content { margin:30px 0; } 

/* Blog style 3 */
.col-fixed { 	
	float:left; 
	width:300px;
	margin:0 10px 20px 10px;
	min-height:500px; 
}

/* Single post */
.post-section {
	float:left; 
	width:100%; 
	margin:-100px 0; 
}

.post-share {
	float:left;
	width:220px;
	margin-right:20px;
}

.post-tags {
	width:100%;
	margin:20px 0;
	float:left;
}

.post-tags ul { margin:0; }

.post-tags a  {	padding:0 10px;}

/* Related posts */
.post-related {margin-top:20px;}

.post-related ul,
.custom-related ul {margin: 0;}

.post-related li {
	list-style:none; 
	width:120px; 
	float:left;
	margin-right:20px;
}

.custom-related li {	
	list-style:none; 
	width:290px; 
	float:left;
	margin: 20px 20px 0 0;
}

.post-related img {
	width:110px;
	float:left;
	height:74px;
	padding:3px;
	background:#FFF;
	border:1px solid #DDD;
}

.post-related img:hover,
.postimg a img:hover { 
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* Menu page */
ul#menu-filter {
	font-size: 12px;
	margin: 20px 10px 40px 10px;
	float: left;
	width: 940px;
}

ul#menu-filter li {
	float:left;
	margin:0 10px 20px 0;
	list-style:none;
}

ul#menu-filter li a {
    color: #8d3b20;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    background: #e9ca93;
    -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
    		border-radius: 3px;
}

ul#menu-filter li a:hover,
ul#menu-filter li a:active,
ul#menu-filter li .current {
	color:#e5a54a;	
	background:#8d3b20;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
}

ul#menu-list { margin:0; }

ul#menu-list li {list-style:none; }

/* Menu single */
.menu-content {
	margin-right:20px;
	background:#FFF;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
	width:560px; 
	padding:30px;
	float:left;
}

.menu-ingredients {
	float:right;
	width:300px;
}

.menu-ingredients h6 {
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
}

.menuimg {
   width: 300px;
   height: 160px;
   margin-bottom:40px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   background: #623926;
   cursor:pointer;
}

.menuimg .details {
   width: 300px;
   height: 160px;
   zoom:0;
   overflow: hidden;
   top: 0;
   left: 0;
   background: rgba(255,255,255, 0.3);
   -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
   		   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity = 0)";
   filter: alpha(opacity = 0);
   opacity: 0;
}

.menuimg:hover .details {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   zoom:1;
   position:absolute;
}


.menuimg img {
   display: block;
   position: relative;
   -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
       -ms-transform: scaleY(1);
           transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   	  -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
       -ms-transition: all 0.7s ease-in-out;
           transition: all 0.7s ease-in-out;
   width: 300px;
   height: 160px;
}

.menuimg:hover img {
   -webkit-transform: scale(10);
      -moz-transform: scale(10);
        -o-transform: scale(10);
       -ms-transform: scale(10);
           transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

.menuimg h2 {
   text-align: center;
   position: relative;
   font-size: 20px;
   padding-bottom: 5px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   margin: 20px 20px 0px 20px;
}

.menuimg h2 a { color: #FFF !important;}

.menuimg p {
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #e9ca93;
   padding: 5px 20px 0 20px;
   text-align: center;
}





/*
-----------------------------------------------------------------------

	11. Pagination
	
-----------------------------------------------------------------------
*/

.pagination {
	overflow:hidden;
	font-size:11px;
	float:right;
	padding-top:10px; 
	margin:20px 5px 20px 0;
}

.pagination a, .pagination .emm-current {
	display:block;
	text-align:center;
	float:left;
	padding:6px 8px;
	border:none;
	margin-right:5px;
	border-radius:3px;
}

.pagination a {
	color:#8d3b20;
	background:none;
}

.pagination .emm-current, .pagination a:hover {
	color:#ebc786;	
	background:#8d3b20;
}

	

/*
-----------------------------------------------------------------------

	12. Comments
	
-----------------------------------------------------------------------
*/

ul.commentlist {
	float: left;
	width: 97%;
	margin: 0;
}

ul.commentlist ul {
	list-style-type:none;
	margin:0;
}

ul.commentlist li {
	position: relative;
	margin: 20px 0;
	background: none;
}

ul.commentlist li p {
	font-size:12px;
	padding-top: 10px;
}

ul.commentlist li .comment-meta,ul.commentlist li .text {
	margin-left:60px;
	font-size:13px;
}

ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
	font-style: italic;
}

ul.commentlist li .avatar {
	background:#FFF;
	border:1px solid #CCC;
	padding:3px;
	float:left;
}

ul.commentlist .reply a {
	padding:0 10px;
	color:#623926;
	background:#ebc786;
	display:inline-block;
	float:right;
	font-size:10px;
	text-transform:lowercase;
}

ul.commentlist li .children {margin-left:60px;}

ul.commentlist > li.bypostauthor {
	background: #f2f2f2;
	border:1px solid #DDD;
	padding:20px;
}

ul.commentlist > li.bypostauthor .comment-meta {color: #555;}

ul.commentlist .children > li.bypostauthor {background: none;}


/*
-----------------------------------------------------------------------

	12.1 Comments form
	
-----------------------------------------------------------------------
*/

#respond {
	clear:both; 
	margin:60px 0;  
}

h2.h2comments {
	display:block;
	padding:10px 0;
	margin-top:40px;
	clear:both;
}

h2.h2comments a.addComment {
	display:block;
	text-transform:uppercase;
	float:right;
	font-size:12px;
	margin-top:-3px;
	padding-top:8px;
	margin-right:10px;
	font-weight:bold;
}

h2.h2comments a.addComment:hover {text-decoration:none;}

h2#commentsForm {padding-top:15px;}

#commentform p {
	margin: 5px 0 20px 0;
	padding:0;
}

#commentform input[type="text"],
#commentform textarea {
	background:#f7f7f7;
	border:1px solid #DDD;
	width:300px;
	padding:8px 5px;
	font-size:12px; 
	color:#333;
	border-radius:3px;
}

#commentform input[type="text"]:focus,
#commentform textarea:focus {
	background: #FFF;
	outline: none;
	-webkit-box-shadow: 0 0 5px #CCC;
	   -moz-box-shadow: 0 0 5px #CCC;
		    box-shadow: 0 0 5px #CCC;
}


#commentform input[type="submit"] {
	background: #E5A54A;
	color: #8d3b20;
	padding: 12px 30px;
	border: none;
	border-radius:20px;
	cursor: pointer;
	border-radius: 20px;
	text-shadow: none !important;
	font-size: 13px;
	font-weight: bold;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

#commentform label {
	font-weight:normal; 
	font-size:12px; 
	color:#444;
}


/*
-----------------------------------------------------------------------

	13. Widgets
	
-----------------------------------------------------------------------
*/

.widget {
	margin-bottom: 40px;
	padding-bottom: 40px;
}

/* Tabbed widget */
.tab_widget #tab-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 31px;
    margin-bottom: 15px;
    width: 300px;
}

.tab_widget #tab-items li {
    float: left;
    margin: 0 6px 0 0;
}

.tab_widget #tab-items li a {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    background: none;
    -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
    		border-radius: 3px;
}

.tab_widget #tab-items li a:hover,
.tab_widget #tab-items li.ui-tabs-selected a,
.tab_widget #tab-items li.ui-state-active a {
	color:#e5a54a;	
	background:#8d3b20;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
}

.tab_widget .ui-tabs-hide { display: none }

.tab_widget .tab ul {
    list-style-type: none;
    margin: 0;
}

.tab_widget .tab ul li {
    padding: 15px 0;
    line-height: 20px;
	clear:both;
}

.tab_widget .tab ul li:first-child { background: none }

.tab_widget .tabbed-title,
.tab_widget .tabbed-title a {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    margin: 3px 0;
    padding: 0;
    border: none;
    text-transform: lowercase;
}

.tab_widget .tabbed-meta span,
.tab_widget .tabbed-meta span a {font-size: 11px;}

.tab_widget .tab-tags a, 
.post-tags a {
	display:inline-block;
	text-transform:lowercase;
	color:#e5a54a;
	float:left;
	margin:0 10px 10px 0;
	font-size:11px;
	font-weight:normal !important;
}

.tab_widget .tab-tags a {padding:6px 10px;}

.tab_widget .tab-tags li, 
.post-tags li { 
	list-style:none;
	padding:0;
	margin:0;
}

.ie7 .tab_widget .tab-tags a, 
.ie7 .post-tags a {float:none;}

.tab_widget .tab li img {
	width:110px;
	float:left;
	height:74px;
	padding:3px;
	background:#FFF;
	border:1px solid #DDD;
	margin-right: 20px;
}

.ie7 .tab_widget .tab li img {
	float:none;
	padding:0;
	background:none;
	border:none; 
}

.ie8 .tab_widget .tab li img {width:auto;}

.tab_widget .tab li img:hover { opacity:0.8; }

/* Twitter widget */
.tweet_widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.tweet_widget { padding: 0 0 40px 0; }

.tweet_widget li { 
	margin: 0 0 10px 0; 
	padding-bottom: 12px;
}

#twitter-link { font-size: 11px;}

/* Flickr Widget */
#flickr { 
	width: 300px;
	padding-bottom: 40px;
}

#flickr img {
	height:75px;
	width:75px;
	opacity:0.7;
}

#flickr img:hover {opacity:1;}

#flickr li {
	float: left;
	list-style: none;
	margin: 10px;
	border:none;
}

/* Video Widget */
.video_widget { 
	padding: 0 0 20px 0;
}
.video_widget iframe {
	width: 300px;
	height: 200px;
}

/* Calendar Widget */
table#wp-calendar {width: 100%;}

#wp-calendar caption {
	font-weight:bold;
	font-size:14px;
	padding:10px 0;
}

table#wp-calendar>tbody>tr>td>a {
	color: #623926;
	background:#edcc90;
	padding:2px 10px;
}

thead>tr>th {
	text-align:center;
	background: #623926;
	padding: 5px;
	color: #E9CA93;
}

tbody>tr>td {
	text-align:center;
	padding: 5px;
	color: #edcc90;	
}

tfoot>tr>td#prev,
tfoot>tr>td#next {padding:10px 0;}

tfoot>tr>td#prev {float:left;}

tfoot>tr>td#next {float:right;}

.widget_meta ul,
.widget_links ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul {
    list-style-type: none;
    margin: 0;
	width: 300px;
}

#footer .widget_meta ul,
#footer .widget_links ul,
#footer .widget_pages ul,
#footer .widget_categories ul,
#footer .widget_archive ul,
#footer .widget_nav_menu ul {width: 300px;}

.widget_meta li,
.widget_links li,
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_nav_menu li {
	float: left;
	width: 110px;
	margin: 0 20px 0 20px;
	line-height: 30px;
	list-style: circle;
	border:none !important;
}

#footer .widget_meta li,
#footer .widget_links li,
#footer .widget_pages li,
#footer .widget_categories li,
#footer .widget_archive li,
#footer .widget_nav_menu li {float:left;}

.widget_recent_comments ul,
.widget_recent_entries ul {
	list-style-type: none;
	margin: 0;
}

.widget_recent_comments li,
.widget_recent_entries li {
	margin: 0 0 10px 0;
	padding-bottom: 12px;
}

/*
-----------------------------------------------------------------------

	15. Plugin Styles
	
-----------------------------------------------------------------------
*/

/* Header contact form */
#contact-container {
	position: relative;
	float: right;
	z-index: 9999;
	margin: 8px -17px;
}

.ie7 #contact-container {
	margin:8px -252px !important;
}

#header-contact {
	padding:40px;
	display:none;
}


#header-contact p,
#header-contact label, 
#header-contact legend {
	font-weight:normal; 
	font-size:12px; 
	color:#e5a54a;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
	padding:0;
}

#header-contact input, 
#header-contact textarea, 
#header-contact select {
	margin: 5px 0;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   		border-radius:3px;
	vertical-align: top;
	background:#623926;
	border:1px solid #623926;
	width:180px;
	padding:8px 5px;
	color:#e5a54a;
	font-size:12px;
}

#header-contact input:focus,
#header-contact textarea:focus, 
#header-contact select:focus {
	color:#e9ca93;
	outline: none;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0 0 5px #623926;
	   -moz-box-shadow: 0 0 5px #623926;
			box-shadow: 0 0 5px #623926;
}

#header-contact textarea {height:80px; }

input.wpcf7-submit,
#header-contact input.wpcf7-submit {
	width:auto !important;
	margin:10px 0;
	background: #E5A54A !important;
	color: #8d3b20 !important;
	padding: 12px 30px !important;
	border: none;
	border-radius:20px !important;
	cursor: pointer;
	text-shadow: none !important;
	font-size: 13px;
	font-weight: bold;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.wpcf7 label,
.wpcf7 p {
	font-size:11px;
	color:#777;
	font-weight:normal;
}

.wpcf7 input,
.wpcf7 textarea {
	background:#f7f7f7;
	border:1px solid #DDD;
	width:300px;
	padding:8px 5px;
	font-size:12px; 
	color:#333;
	border-radius:3px;
}

.wpcf7 textarea {height:160px;}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border: 1px solid #ddd;
	background: #FFF;
	outline: none;
	-webkit-box-shadow: 0 0 5px #CCC;
	   -moz-box-shadow: 0 0 5px #CCC;
		    box-shadow: 0 0 5px #CCC;
}


div.wpcf7-mail-sent-ok {
	border: none !important;
	background: #0C0 !important;
	padding: 20px !important;
	color: #FFF !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
	line-height: 20px !important;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
	border: none !important;
	background: #C00 !important;
	padding: 20px !important;
	color: #FFF !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
	line-height: 20px !important;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #FFF;
	font-size: 11px;
	width: 240px;
	padding: 5px 10px !important;
	border: none !important;
	color: #C00 !important;
	text-shadow:none !important;
}


/*
-----------------------------------------------------------------------

	16. Print styles
	
-----------------------------------------------------------------------
*/

@media print {
* { 
	background: transparent !important; 
	color: #444 !important; 
	text-shadow: none; 
}

a, a:visited { 
	color: #444 !important; 
	text-decoration: underline; 
}

a:after { content: " (" attr(href) ")"; } 

abbr:after { content: " (" attr(title) ")"; }

.ir a:after { content: ""; }

pre, blockquote { 
	border: 1px solid #999; 
	page-break-inside: avoid; 
}

img { page-break-inside: avoid; }

@page { margin: 0.5cm; }

p, h2, h3 { orphans: 3; widows: 3; }

h2, h3{ page-break-after: avoid; }
}