/*
	Theme Name: iRecipes
	Theme URL: http://newwpthemes.com/wordpress-theme/irecipes/
	Description: iRecipes is a free WordPress theme with options page. Supports the post thumbnails. Suitable for any niche especially for recipe or cooking sites.
	Author: NewWpThemes.com
	Author URI: http://newwpthemes.com/
	Version: 1.0 
	Tags: Menu, Cooking, Recipes, Ads Ready, Two Columns, Silver, Right Sidebar, Fixed Width, Blogging, Options Page
*/
/* LAYOUT */
body { background: #fff url(images/background1.png) top left repeat-x; }
 
#wrapper {
	padding: 0;
	background: url(images/wrapper-background.gif) top center no-repeat; }
 
#container {  }
 
#contentwrap { background: #fff url(images/content-wrap.png) top left repeat-y; }
 
a { color: #e25300; }
 
	a:hover { color: #d33307; }
 
/* HEADER */
#header {
	height: 90px;
	background: #fff; }
 
	#header h1 {
		margin-bottom: 0px !important;
		padding: 10px 0 0 15px;
		font-weight: normal;
		font-family: Georgia, Times New Roman Times, Serif;
		font-weight: bold;
		font-size: 48px; }
 
		#header h1 a, #header h1 a:visited {
			color: #eb5803;
			text-decoration: none; }
 
	#header h2 {
		padding-left: 15px;
		color: #737373;
		font-size: 14px;
		font-family: Arial, Helvetica, Sans-serif; }
 
.logo { 
	margin: 10px 0 0 15px; 
	display: block;
	width: 400px;
	height: 91px;
	/*background: url(images/logo5.png) 0 0 no-repeat;*/
}
 
/* NAVIGATION MENUS */
.pagemenucontainer {
	height: 32px;
	text-align: center; }
 
.pagemenu {
	height: 30px;
	float: right; }
 
.pagemenu, .pagemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1; }
 
.pagemenu { margin-bottom: 1px; width: 100%;}
 
	.pagemenu ul {
		float: left;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px; }
 
	.pagemenu li {
		display: inline-block;
		list-style: none;
		margin: 0px;
		padding: 0px; }
 
	.pagemenu ul li {
		list-style: none;
		margin: 0px;
		padding: 0px; }
 
	.pagemenu li a, .pagemenu li a:link {
		color: #454343;
		display: block;
		margin: 0px 3px 0px 3px;
		padding: 10px 15px 8px 15px;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif; }
 
	.pagemenu li a:hover, .pagemenu li a:active {
		color: #fff;
		display: block;
		text-decoration: none;
		text-shadow: 0 1px 0 #302f2e;
		background: #3a3630;
		-moz-border-radius: 0 0 10px 10px;
		-khtml-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px; }
 
	.pagemenu  li.current_page_item a {
		color: #fff;
		text-shadow: 0 1px 0 #302f2e;
		background: #3a3630;
		-moz-border-radius: 0 0 10px 10px;
		-khtml-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px; }
 
	.pagemenu li:hover, .pagemenu li.sfhover { position: static; }
.span-24.hsmall {
	height: 30px;
	margin: 0 0 -18px 0;
	position: relative;
}
 
.topright {
	text-align: left;
	float: right;
	margin: 15px 15px 0 0; }
 
	.topright a {
		color: #454343;
		text-decoration: none;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: top;
		font-weight: bold;
		text-transform: uppercase; }
 
		.topright a:hover { color: #000; }
 
#navcontainer {
	height: 32px;
	display: block;
	overflow: hidden;
	padding: 4px 0 0 10px;
	border-bottom: 4px solid #e25300; }
 
	#navcontainer .current-menu-item a {
		background-color: #e25300;
		color: #fff;
		text-shadow: 0 1px 0 #b34606;
		-moz-border-radius: 10px 10px 0 0;
		-khtml-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0; }
 
/* CONTENT */
#content {
	background-color: #fff;
	padding: 15px 10px 15px 0; }
 
pre {
	overflow: auto;
	width: 470px; }
 
.postwrap {
	margin: 0 0 15px 0;
	border: 1px solid #e3e3e3;
	background-color: #ffffff; }
 
.post {
	background: #fff url(images/post-background.png) top left repeat-x;
	border: 1px solid #fff;
	padding: 12px 15px 15px 15px; }
 
	.post p { margin-bottom: 10px; }
 
.title {
	margin: 0 0 8px 0;
	padding: 0px;
	line-height: 22px;
	font-size: 22px;
	font-family: Arial, Verdana;
	color: #4a4848; }
 
	.title a {
		text-decoration: none;
		color: #4a4848; }
 
		.title a:hover {
			text-decoration: underline;
			color: #e25300; }
 
.pagetitle {
	margin-bottom: 20px;
	line-height: 22px;
	font-size: 22px;
	font-family: Arial, Verdana;
	text-decoration: underline; }
 
.readmorecontent { text-align: right; }
 
a.readmore {
	padding: 4px 15px;
	background: #e25300;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #9f3c03;
	font-size: 12px;
	font-weight: bold; }
 
	a.readmore:hover {
		background: #4e4f4f;
		text-shadow: 0 1px 0 #373838; }
 
.postdate {
	font-size: 11px;
	padding: 1px 0px;
	font-family: Arial, Verdana;
	color: #5b5b5b; }
 
.postmeta {
	font-size: 11px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	color: #474747; }
 
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin: 2px; }
 
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #474747; }
 
.navigation { padding: 10px 0; }
 
blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #CADAE7; }
 
.post img { max-width: 680px; }
 
img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none; }
 
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
.alignleft { float: left; }
 
.alignright { float: right; }
 
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px; /* optional rounded corners for browsers that support it */
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
 
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none; }
 
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0; }
 
/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	color: #686868 !important;
	background: #dfdfdf !important;
	border: 1px solid #989898 !important;
	font-size: 15px !important;
	padding: 4px 8px !important; }
 
.wp-pagenavi span.current {
	color: #434343 !important;
	background: #fff !important;
	border: 1px solid #b6b5b5 !important;
	font-size: 15px !important;
	padding: 4px 8px !important;
	font-weight: bold; }
 
.wp-pagenavi a:hover {
	color: #494949 !important;
	background: #dfdfdf !important;
	border: 1px solid #626262 !important; }
 
.wp-pagenavi span.pages {
	color: #676767 !important;
	background: #fff !important;
	border: 1px solid #b6b5b5 !important;
	font-size: 15px !important;
	padding: 4px 8px !important; }
 
.wp-pagenavi span.extend {
	background: transparent !important;
	font-size: 15px !important;
	padding: 4px 8px !important;
	color: #676767 !important;
	background: #fff !important;
	border: 1px solid #b6b5b5 !important;
	font-weight: bold; }
 
/* SIDEBAR(S) */
.sidebaradbox {
	margin-top: 5px;
	text-align: center;
	margin-right: 10px; }
 
.ad125 { margin: 0 5px 0 5px; }
 
.sidebar {
    background: #fff;
	margin: 0 0 10px 0;
	font-size: 13px;
	border-top: 15px solid #fff; }
 
	.sidebar a {
		text-decoration: none;
		color: #333; }
 
		.sidebar a:hover {
			text-decoration: underline;
			color: #e25300; }
 
#search {
	height: 30px;
	padding: 0;
	background: #686560;
	text-align: right;
	width: 280px;
	float: right; }
 
	#search input {
		border: 0;
		background: none;
		color: #ccc; }
 
#s {
	width: 212px;
	padding: 4px;
	margin: 3px 0 0 0;
	background: none; }
 
#topsearch { margin: 10px 20px 0 0; overflow: hidden; }
 
	#topsearch #s { width: 194px; }
 
/* Social icons */
.addthis_toolbox {
	padding: 15px 10px 5px 0;
	text-align: center; }
 
	.addthis_toolbox .custom_images a {
		width: 32px;
		height: 32px;
		margin: 0 1px 0 1px;
		padding: 0; }
 
		.addthis_toolbox .custom_images a:hover img { opacity: 1; }
 
		.addthis_toolbox .custom_images a img { opacity: 0.85; }
 
.sidebarvideo { padding-left: 10px; }
 
.sidebar .widgettitle {
	margin: 10px 0 0 0;
	padding: 18px 0 6px 14px;
	background: url(images/sidebar-tab.png) top left no-repeat;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 1px 0 #616f03; }
 
.sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px; }
 
	.sidebar ul li {
		list-style-type: none;
		margin: 0px 0px 5px 0px;
		padding: 0px; }
 
	.sidebar ul ul {
		list-style-type: none;
		margin: 0px;
		padding: 0 10px; }
 
	.sidebar ul li li {
		padding: 3px 0px 3px 15px;
		margin: 0px;
		background: url(images/bullet.gif) no-repeat top left; }
 
	.sidebar ul li ul li {
		background: url(images/bullet.gif) no-repeat top left;
		padding: 2px 0px 2px 15px;
		margin: 2px 0; }
 
.sidebar #tag_cloud div { padding: 0 10px; }
 
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #555;
	background: #e1dfdf; }
 
#wp-calendar caption {
	padding: 2px 4px;
	text-transform: uppercase;
	margin: 2px 0 2px 0;
	background: #e1dfdf; }
 
#wp-calendar td {
	color: #999;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center; }
 
	#wp-calendar td:hover, #wp-calendar #today {
		background: #eef0f4;
		color: #555; }
 
#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0 10px;
	font-weight: bold;
	width: 90%; }
 
/* FOOTER */
#footer {
	background: #3a3630;
	border-top: 10px solid #fff ;
	padding: 22px;
	text-align: center;
	color: #fff;
	font-size: 13px; }
 
	#footer a { color: #fff; }
 
		#footer a:hover { text-decoration: none; }
 
#footer2 {
	color: #696767;
	font-size: 11px;
	text-align: center;
	padding: 10px; }
 
	#footer2 a {
		color: #696767;
		text-decoration: none; }
 
/* COMMENTS */
#comments h3 { margin-bottom: 10px; }
#comments {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
display: block;	
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0; }
 
#commentform { margin: 5px 10px 0 0; }
 
	#commentform textarea {
		width: 100%;
		padding: 2px; }
 
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
 
#commentform #submit {
	margin: 0 0 5px auto;
	float: right; }
 
.alt {
	margin: 0;
	padding: 10px; }
 
.commentlist {
	padding: 0;
	text-align: justify; }
 
	.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none; }
 
		.commentlist li ul li {
			margin-right: -5px;
			margin-left: 10px; }
 
	.commentlist p { margin: 10px 5px 10px 0; }
 
.children { padding: 0; }
 
#commentform p { margin: 5px 0; }
 
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0; }
 
.commentmetadata {
	margin: 0;
	display: block; }
 
.post_thumbnail {
	padding: 6px;
	background: #eee;
	border: 1px solid #ddd;
	margin: 0 10px 10px 0; }

.breadcrumbs {
	padding: 0 0 15px 20px;
}
.breadcrumbs a {
	text-decoration: underline;
}
.breadcrumbs a:hover {
	text-decoration: none;
}
.sidebar .random-posts {

}
.sidebar .random-posts ul {
	padding: 10px;
}
.sidebar .random-posts li {
	background: none;
	padding: 0;
	margin: 0 0 15px 0;
	width: 150px;
}
.sidebar .random-posts li .thumb {}
.sidebar .random-posts li .thumb:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.sidebar .random-posts li .thumb img {
	display: block;
}
#search .search-submit {
	display: inline-block;
	background: url(images/search1.gif) 0 0 no-repeat;
	bottom: 0;
	cursor: pointer;
	width: 71px;
	height: 30px;
	vertical-align: top;
}
.top-rss img {
	margin:0 5px 0 0; vertical-align:top;
}
.top-rss {
	margin: 0 5px 0 0;
}
.tow-twit {}
.top-twit img {
	margin:0 5px 0 0; vertical-align:top;
}
.postdate .date {
	min-height: 16px;
	display: inline-block;
	background: url(images/date.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
}
.postmeta .tags {
	min-height: 16px;
	display: inline-block;
	background: url(images/tag.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
}
.yarpp-related {
	overflow: hidden;
    background: #fff;
    color: #000000 !important;
    font-size: 12px;
    font-style: normal;
    height: 250px;
}
.yarpp-related ol {
    height: 230px;
}
.yarpp-related li {
	list-style: none;
	float: left;
	border-bottom: 4px solid #FFFFFF;
    height: 85%;
    padding-top: 7px;
    width: 25%;
}
.yarpp-related li:hover {
    background-color: #DD3F0F;
    border-bottom: 4px solid #808080;	
}
.yarpp-related li .ico {
    height: 105px;
    line-height: 15;
    padding: 2px 2px 10px;
    text-align: center;
}
.yarpp-related li .ico img {
    border: 1px solid #DD3F0F;
    margin-left: 0;
    padding: 3px;	
}
.yarpp-related li .name {
    font-family: Tahoma;
    font-size: 12px;
    padding: 2px 2px 2px 8px;
    text-align: left;
}
.yarpp-related li .name a {
    color: #000000;
    font-family: Tahoma;
    font-size: 12px;
}
.yarpp-related li .name a:hover {
   border-bottom: 1px dashed #000000;
    text-decoration: none;
}
.yarpp-related-perelink {
	
}
.yarpp-related-perelink li {
	position: relative;
	width: 137px;
}
.yarpp-related-perelink img {
	border: 1px solid #DD3F0F;
	margin: 0 0 0 14px;
	padding: 3px;
	display: block;
	width: 100px;
	height: 100px;
}
.yarpp-related-perelink a {
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
	width: 107px;
	font-weight: bold;
	text-decoration: none;
	padding: 125px 10px 0 10px;
	height: 79px;
}
.twitter-share-button {
	margin-left: 120px;
}
.entry h2 {
	font-size: 20px;
	color: #993300;
	font-weight: bold;
}
.respond__title {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em;
	display: block;
}

#bold {
font-weight: bold;
}



.header__mainMenu_switch{display: none; width: 15px; height: 15px; position: absolute; top: -13px; left: 10px; cursor: pointer; z-index: 10; color: #000;}
.header__mainMenu_switch-line,
.header__mainMenu_switch-line:before,
.header__mainMenu_switch-line:after{width: 16px; height: 3px; background: #000; position: absolute; left: 0;}
.header__mainMenu_switch-categories .header__mainMenu_switch-line{left: auto; right: 0;}
.header__mainMenu_switch-line{top: 6px;}
.header__mainMenu_switch-line:before{content: ''; top: -6px;}
.header__mainMenu_switch-line:after{content: ''; top: 6px;}
.header__mainMenu_switch .header__mmenu-title{margin-left: 20px; position: relative; top: -3px;}




@media screen and (max-width: 980px){
    .a .container{width: 100%; max-width: 950px; min-width: 300px; overflow: hidden;}
    .a .span-24,
    .a div.span-24{width: 100%; max-width: 950px;}
    .a #nav{width: 100%; max-width: 950px;}
    .a .span-16{width: 66%; margin-right: 1%;}
    .a .span-8{width: 33%;}
    .a #search{width: 100%;}
    .a #topsearch #s{width: 65%; float: left;}
    .a #search .search-submit{float: right;}
    .a .wp-pagenavi a,
    .a .wp-pagenavi span{font-size: 14px !important; white-space: nowrap;}
    .a .yarpp-related ol{margin: 0 auto;}
    .a .yarpp-related-perelink li{width: 25%;}
    .a .yarpp-related-perelink img{margin-left: 5px;}
    .a #vk_comments{width: 100% !important;}
    .a #vk_comments iframe{width: 100% !important;}
}

@media screen and (max-width: 820px){
    .a #text-3 .textwidget a:first-of-type img{width: 50px; height: 50px;}
    .a .post img{width: 90%; height: auto;}
    .a .yarpp-related-perelink li{width: 24%; margin-right: 1%;}
    .a .yarpp-related-perelink li img{width: 100px !important;}
}

@media screen and (max-width: 775px){
    .a #topsearch{margin-right: 5px;}
    .a #topsearch #s{width: 60%;}
    .a .yarpp-related{height: auto;}
    .a .yarpp-related ol{height: auto; overflow: hidden;}
    .a .yarpp-related-perelink li{width: 49%; overflow: hidden; padding-bottom: 100px;}

}

@media screen and (max-width: 700px){
    .a #nav a{padding: 10px;}
}

@media screen and (max-width: 680px){
    .a #topsearch #s{width: 54%;}
}

@media screen and (max-width: 650px){
    .a #nav a{padding: 10px 5px;}
    .a .widgettitle{font-size: 14px;}
    .a .wp-pagenavi a,
    .a .wp-pagenavi span{font-size: 12px !important;}
}

@media screen and (max-width: 600px){
    .a #nav{display: none; width: 200px; position: absolute; top: 9px; left: 9px; z-index: 2; background: #fff; border: 1px solid #e25300;}
    .a #nav li{display: block; float: none; height: auto; padding: 0; margin: 0;}
    .a #nav a{padding: 10px 15px; display: block; float: none; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}
    .a #navcontainer{height: auto; margin-top: 5px; overflow: visible;}
    .a .header__mainMenu_switch{display: block;}
    .a .span-24{position: relative;}
    .a .logo{margin-top: 3px;}
    .a #text-8{display: none;}
    .a .random-posts{display: none;}
    .a .span-16{width: 98%; float: none; margin: 0 1%;}
    .a .span-16 #content{padding-right: 0;}
    .a .span-8{width: 300px; margin: 0 auto; float: none;}
    .a .wp-pagenavi a,
    .a .wp-pagenavi span{padding: 4px !important;}
    .a .post img{width: 96%; height: auto;}
}

@media screen and (max-width: 500px){
    .a .wp-pagenavi span.pages{display: none;}
    .a .wp-pagenavi .last{display: none;}
    .a .wp-pagenavi .first{display: none;}
    .a .post div table{width: 100% !important;}
    .a .post div table td{padding: 0 !important;}
    .a .post div div table td{padding: 0 !important;}
    .a .post div table td span{display: block; width: 100% !important; height: auto !important;}
    .a .post div table td{width: auto !important; vertical-align: top !important;}
    .a .post div table td > a > img{width: 100px !important; height: 100px !important; min-width: 10px !important; margin: 0 !important; margin-right: 10px !important;}
    .a .post div table a span img{width: 100% !important; height: auto !important;}
    .a .post div table td a{font-size: 13px !important;}
}

@media screen and (max-width: 450px){
    .a .span-11{width: 100%;}
    .a .logo{width: 90%; margin: 5px 0 0;}
    .a .logo img{width: 100%;}
    .a #footer{padding: 22px 10px;}
    .a .pagemenu li a,
    .a .pagemenu li a:link{padding: 10px 7px 8px 7px}
}

@media screen and (max-width: 375px){
    .a .pagemenu li a,
    .a .pagemenu li a:link{padding: 10px 3px 8px 3px}
    .a .post div table div div{width: 100px !important; min-width: 10px !important;}
    .a .post div table a span img{width: 100px !important; height: 100px !important;}
}