body {
	background: url(images/bg.jpg)
	font-size: 12px;
	font-family: Georgia, Georgia, "Times New Roman", Times, serif;
	color: #202020;
	letter-spacing: 0.1em;
}
#wrapper1 {
	background: url(images/bg-2.png) no-repeat top center;
	width: 100%;
	margin: 0;
}
#wrapper2 {
	background: url(images/bg-3.png) repeat-x top;
	width: 100%;
	margin: 0;
}
#content #portfolioNav li {
	padding: 1px 0 0 0;
	background: none;
	margin: 0 6px 6px 0;
	display: block;
	float: left;
	color: #5A5959;
	font-family: P22Typewriter;
	font-size: 10pt;
}
#footer, #footer ul a {
	line-height: 25px;
	color: #5A5959;
	font-family: P22Typewriter;
	font-size: 10pt;
	float: left;
	display: inline-block;
	padding-right: 25px;
}
#footer {
	background: url(images/grubby_separator.png) repeat-x;
}
.widget_nav_menu {
	width: 360px;
}
.widget_nav_menu li {
	margin: 0 0 0 25px;
	display: inline-block;
	padding-top: 0;
}
div.widget_text {
	margin-right: 30px;
}
div#thumb_holder {
	float: right;
	width: 740px;
}
/*  Used in single.php   */
.clear {
	clear:both;
}
#mainSinle {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#mainSinle #pageHead h1 {
	font-size:20px!important;
}
#mainSinle #content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a {
	color: #000000;
	font-family: P22Typewriter;
	font-size: 20px;
}
#mainSinle #sidebar {
	float: left;
	margin: 0 20px 0 0 !important;
	padding-bottom: 15px;
	width: auto!important;
}
#mainSinle .meta {
	display:none;
}
#mainSinle .content-right {
	width:590px;
	float:right;
}
#sidebar .widgetBox h3, #sidebar .widgetBox ul {
	font-family: P22Typewriter;
}
#mainSinle #sidebar ul li {
	font-family: P22Typewriter;
}
#mainSinle #sidebar a, #sidebar .widgetBox ul a {
	font-family: P22Typewriter;
	color:#696969;
}
#mainSinle #sidebar ul li {
	list-style:none;
}
#mainSinle #sidebar ul li {
}
.thumbNail {
	float: left;
	margin: 0 10px 0 0;
	width: 40px;
}
.titled {
	width: 250px;
	float:right;
}
.thumbNail img {
	width:40px;
	height:40px;
}
.postWrap {
	margin:10px 0;
}
.dated {
	color: #898989;
	font-size: 11px;
	font-weight: bold;
}
#mainSinle #sidebar h3 {
	font-family: P22Typewriter;
	margin-bottom: 30px;
}
.catlink {
	width: 250px;
	float:right;
	margin-top: 20px;
	margin-bottom: 30px;
}
.catlink a {
	color:#000!important;
}
.comment .avatar {
	display:none;
}
.comment h5 {
	margin: 0 0 0 0px!important;
	float:left;
}
.comment .date {
	margin: 0 0 2px 56px!important;
	padding-top: 3px!important;
}
.comment p {
	margin: 0 0 10px 0;
}
.comment-reply-link, .comment-reply-login {
	margin: 0 0 0 0px!important;
}
/* Archive */

.common #projectGrid {
	clear: both;
	display: block!important;
	margin: 0 0 0;
	width:auto!important;
}
#projectGrid .project {
	min-height:150px;
}
/*
.common #thumb_holder {
	float:right!important;
	width: 768px!important;
}
*/

.common #sidebar {
	float: left;
}
.common .project.small {
	margin: 0 15px 12px 0!important;
}
.common #sidebar .widgetBox h3 ,.widget_categories h3{
	font-family: P22Typewriter;
}
.common #sidebar ul li ,.widget_categories ul li{
	font-family: P22Typewriter;
}
.common #sidebar a ,.widget_categories a{
	font-family: P22Typewriter;
	color:#696969;
}
.common #sidebar li.current-cat a,.common #sidebar li.current-cat{	color:#000;}
.common #sidebar ul li,.widget_categories ul li {
	list-style:none;
}
#sidebar .widget_categories li.current-cat,#sidebar .widget_categories li.current-cat a{color:#000;}
#sidebar ul li {
	list-style:none;
}



.wp-pagenavi .pages {
	display:none!important;
}
.wp-pagenavi .pages a {
	background-color:#DCD9D9;
	padding:2px;
	border-radius:10px;
	color:#696969;
}
.pagination-prev a, .pagination-next a, .wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .pages, .older-comments, .newer-comments {
	color:#696969;
	font-weight:bold;
	margin: 0 10px 0 0;
	padding: 0 0;
}
.wp-pagenavi .current {
	background-color: #DCD9D9;
	border-radius: 10px 10px 10px 10px;
	color: #696969;
	height: 15px;
	padding: 0 5px 7px;
}
.wp-pagenavi .previouspostslink {
	margin-right:80px;
}
.wp-pagenavi .nextpostslink {
	margin-left:80px;
}
.wp-pagenavi .first, .wp-pagenavi .last {
	display:none!important;
}

ul.menu li.menu-item a {
	display: block;	
	clear: left;
	width: 150px;
	padding-left: 0px;
}

ul#menu-books-menu, ul#menu-household-objects-menu, ul#menu-pantry-menu {
	width: 250px;	
}

div#nav_menu-5, div#nav_menu-4, div#nav_menu-11 {
	background: url(images/books_icon.png) no-repeat left top;
	padding-left: 40px;
	padding-top: 8px;
}

div#nav_menu-12 {
	background: url(images/household_objects_icon.png) no-repeat left top;
	padding-left: 35px;
	padding-top: 25px;
}

div#nav_menu-13 {
	background: url(images/pantry_icon.png) no-repeat left top;
	padding-left: 35px;
	padding-top: 8px;
}

#sidebar .widget_nav_menu li.menu-item  {
margin: 0 0 10 0;
}

div#products.left, div#projects.left {
	width: 227px;	
	padding-right: 5px;
}

div#products.right, div#projects.right {
	width: 727px;	
}

div#products.left h1, div#projects.right h1 {
	font-family: P22Typewriter;
	font-size: 17pt;
	color: #202020;
	padding-right: 10px;
}


div#products.left div#sidebar, div#projects.left div#sidebar {
	float: left;
}

#pageHead h1 {
font-size: 17px;
line-height: 1.2em;
margin-bottom: 0;
font-family: P22Typewriter;
}

div#pageHead.recipe {
	background: url(images/recipes_icon.png) no-repeat left top;
	padding-left: 35px;
	padding-top: 8px;
	width: 200px;
}

div#content.recipe_intro.clearfix {
	padding-left: 35px;
}	

.recipe_intro {
width: 300px;
}

#pageHead {
margin-bottom: 5px;
}

div#mainSinle div#recipe {
	width: 590px;
	background: url(images/recipe_top.png) no-repeat 14px top;
	padding-top: 80px;
}

div#mainSinle div#recipe h1, div#mainSinle div#recipe h2, div#mainSinle div#recipe h3{
	font-size: 17px;
	line-height: 1.2em;
	margin-bottom: 15px;
	font-family: P22Typewriter;
}

div#nav_menu-3 {
	/* background: url(images/join_our_email_list.png) no-repeat 400px top; */
	margin-top: 15px;
	}
	
	
div#widget_text div#email {
	float: left;
	margin-left: -75px;
	margin-top: -50px;
}

.widget_text.footerBox {
	margin-left: 0px;	
}

div#text-3.widget_text.footerBox {
	margin-left: 120px;	
	margin-top: 35px;
}

#featuredPosts .posts {
float: left;
padding: 0!important;
width: 950px;
}

div#featuredPosts .oneFourth {
	width: auto;
	height: auto;	
}

div#featuredPosts .oneFourth img {
padding: 5px;
}

#featuredPosts .posts .post {
margin: 30px 33px 30px 34px;
}

div#home_intro div.left {
	width: 520px;
	padding: 50px 50px 50px 70px;
	line-height: 1.3em;
	}
	
	
div#home_intro div.right {
	padding-right: 50px;
	}
	
div#home_intro div.left h3 {
	font-size: 19px;
	line-height: 1.2em;
	margin-bottom: 15px;
	font-family: P22Typewriter;
	color: #020202;
	}
	
div#home_intro, #featuredPosts {
	background: url(images/grubby_separator.png) repeat-x;
	min-height: 1px;
	border-top: none;
}

#content div.right img.alignright {
margin-top: 0px;
} 

div#home_intro {
	height: 311px;
}

div#four_home div.onefourth {
	width: 260px;
	padding: 0px 50px 0px 20px;
	display: block;
	float: left;
}

div#four_home div.onefourth.last {
	padding: 0px 0px 0px 0px;
}
div#four_home {
	background: url(images/grubby_separator.png) repeat-x;
	min-height: 1px;
	display: block;
	clear: both;
	padding-left: 12px;
	padding-right: 12px;
}

div.onefourth h3 {
	font-size: 14px;
	line-height: 1.0em;
	font-family: P22Typewriter;
	color: #020202;
	clear: none;
	margin-bottom: 8px;
}

div.onefourth p.little {
	font-size: 11px;
	line-height: 1.8em;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0.0em;
}

div.onefourth p.little a {
	color: #444;
	}

#content #four_home img.alignleft {
margin-right: 5px;
margin-top: 0px;
}

div#text-5.widget_text.footerBox, div#text-2.widget_text.footerBox {
padding-left: 90px;
float: right;
}

div#mainSinle div#commentBox {
	background: url(images/recipe_bottom.png) no-repeat top;
}

div#commentBox h2, div#respond h3 {
	font-size: 14px;
	line-height: 1.2em;
	font-family: P22Typewriter;
	color: #020202;
	margin-top: 15px;
}

div#commentBox h5 a, div#commentBox h5, div.comment h5, div.comment h5 a {
	color: #020202;
	margin-right: 20px;
	font-size: 11px;
}

ol#commentslist {
	width: 550px;	
}

div#commentBox h5 span.date {
	padding-left: 20px;
}

.comment .date {
padding-top: 0px!important;
font-size: 11px;
}

div#commentBox textarea#comment {
	background-color: #FFFFFF;
}

a.button, #footer a.button, #searchsubmit, input[type="submit"] {
background: #CCC url(images/btn_bkg.png);
color: #5b5b5b;
}

.button:hover, #footer a.button:hover, #searchsubmit:hover, input[type="submit"]:hover {
background-color: #5B5B5B;
color: white;
}

#comments {
margin-top: -10px;
}

a {
color: #797979;
}

a:hover {
color: #5B5B5B;
}

div#projects.right .right {
float: right;
width: 300px;
margin: 0px 0 10px 20px;
}

div#projects.right blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	color: #979797;
	width: 80%;	
}

div.buy_exc {
	font-size: 11px;
	line-height: 1.2em;
	font-family: P22Typewriter;
	color: #020202;
	margin-top: 5px;
	text-align: center;
}

div.buy_exc a {
	color: #020202;	
	margin-bottom: 5px;
}

div#main h2, h3, h4, h5 {
	font-family: P22Typewriter;
}

/** begin home rollovers **/

/* Advanced CSS hover styles */
div#featuredPosts { overflow: hidden; }
div#featuredPosts > div.post.small.oneFourth {
    position: relative;
    font-size: 10px;
    z-index: 1;
}

div#featuredPosts a                            { text-decoration: none; display: block; }

div#featuredPosts div.post.small.oneFourth img                       { display: block; position: relative; z-index: -1; } /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
div#featuredPosts div.post.small.oneFourth:not([class=na]) img       { position: static; } /* Reset relative position, as this plays havoc with good browsers */
div#featuredPosts a:hover, div#featuredPosts a:focus          { display: block; outline: none;  }
div#featuredPosts a:hover img, div#featuredPosts a:focus img  { outline: none; }

div#featuredPosts a:hover:after,
div#featuredPosts a:focus:after
{
    content: attr(title);
    color: #020202;
    position: absolute;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    display: block;
    text-shadow: none;
}

div#featuredPosts a.featured_ho:hover:after,
div#featuredPosts a.featured_ho:focus:after {
	background:url(images/new_ho.png);
}
div#featuredPosts a.featured_rb:hover:after,
div#featuredPosts a.featured_rb:focus:after {
	background:url(images/new_rb.png);
}
div#featuredPosts a.featured_bo:hover:after,
div#featuredPosts a.featured_bo:focus:after {
	background:url(images/new_bo.png);
}
div#featuredPosts a.featured_pa:hover:after,
div#featuredPosts a.featured_pa:focus:after {
	background:url(images/new_pa.png);
}

div#featuredPosts a.from-breakfast-brunch:hover:after,
div#featuredPosts a.from-breakfast-brunch:focus:after {
	background:url(images/from-main-courses.png);
}
div#featuredPosts a.from-desserts:hover:after,
div#featuredPosts a.from-desserts:focus:after {
	background:url(images/from-main-courses.png);
}
div#featuredPosts a.from-main-courses:hover:after,
div#featuredPosts a.from-main-courses:focus:after {
	background:url(images/from-main-courses.png);
}
div#featuredPosts a.from-soups-starters:hover:after,
div#featuredPosts a.from-soups-starters:focus:after {
	background:url(images/from-main-courses.png);
}





div#featuredPosts a.alternate01:hover:after,
div#featuredPosts a.alternate01:focus:after
{ 
  overflow: hidden;
    /* top: 80px; */
    bottom: 0px;
    width: auto; 
    height: 110px; 
    line-height: 1.2em;
    text-align: left; 	
    /* margin: 10px 10px 22px 10px; */
    font-size: 11px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/** end home rollovers **/

div #four_home div.jujj {
	margin-top: 15px;
}

#content .post .date {
	color: #A0A0A4;
	font-size: 11px;
	font-family: P22Typewriter;	
	line-height: 1.8em;
}

#content .post h1 {
margin-bottom: 10px;
}

input[type="text"], textarea {
background-color:  #FFFFFF;
}

div#recent-posts-plus-3 img {
	float: left;
	clear: left;
	padding-right: 10px;
	}
	
div#recent-posts-plus-3 ul li {
	height: 75px;
	}
	
div#recent-posts-plus-3 div.bump {
	padding-top: 4px;	
	font-size: 11px;
	color: #A0A0A4;
	}
	
div#content .page h5, div#content .page h4, div#content .page h3 {
	clear: none;
}

#content .jujj h3 a {
	font-size: 15px;	
}

#s {
background-color: #FFF;
margin-top: 8px;
margin-left: 10px;
}

#searchsubmit {
margin-top: 6px;
float: none;
}

div#content.recipe_intro.clearfix form#searchform div input#s, div#search-3.oneFourth.widget_search.sidebarBox.widgetBox form#serachform div input#s {
margin-bottom: 10px;
margin-right: 20px;	
margin-left: 0px;
}

div#content.recipe_intro.clearfix form#searchform div input#searchsubmit, div#search-3.oneFourth.widget_search.sidebarBox.widgetBox form#searchform div input#searchsubmit {
	border: 1px solid rgba(0, 0, 0, .2);
	height: 27px;
	webkit-border-bottom-left-radius: 5px;
	webkit-border-top-left-radius: 5px;
	moz-border-radius-bottomleft: 5px;
	moz-border-radius-topleft: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.widget_search {
background-color: transparent;
}

div#search-3.oneFourth.widget_search.sidebarBox.widgetBox form#searchform div input#s {
	margin-left: 0px;
	width: 100px;
}

div.inside.jpibfi_container h1 {
	font-family: P22Typewriter;	
}

div#featuredPosts .post {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 5px #999999;
  left: -5px;
  padding: 0;
  position: relative;
}

div#featuredPosts .post:before, div#featuredPosts .post:after {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  bottom: 15px;
  box-shadow: 0 15px 8px rgba(0, 0, 0, 0.7);
  content: "";
  left: 5px;
  max-width: 300px;
  position: absolute;
  top: 80%;
  transform: rotate(-3deg);
  width: 30%;
  z-index: -1;
}

div#featuredPosts .post:after {
  left: auto;
  right: 5px;
  transform: rotate(3deg);
}

/*
.autopin-wrapper { border: 3px solid blue; width: 100% !important; height: 100% !important; }
*/

.search .attachment-post-thumbnail.wp-post-image {
  float: left;
  margin-right: 20px;
}
.search .post h1 { display: inline; }

.search #content .post .inside {
  width: 100%;
  margin: 0 auto;
}  

  /* ========== header menu =============== */
  
  #mainNav { display: block; }
  #mobileNav { display: none; }

  img.wp-post-image { width: 150px; height: auto; }


  /* Newsletter */
  
  .signup_news {
    display: block;
    text-align: center;
    background: url("images/recipe_bottom.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }
  
  .signup_news:after {
    content: '';
    background: url("images/long_separator.png") no-repeat center top;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    position: absolute;
    
  }
  
  
  .signup_news input {
    border-radius: 5px 5px 5px 5px;
    color: #6A6A6A;
    font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 5px;
    border: none;
  }
  
  .signup_news input[type="submit"]{
    background: #99cede;
    color: #FFF;
    border: none;
    box-shadow: none;
    border-radius: 0;  
    margin-bottom: 10px; 
  }
  
  .signup_news p {
    font-family: P22Typewriter, serif;
    margin: 0;
  }



  #sidebar img.wp-post-image {
    border: none;
    box-shadow: none;
    width: 70px;
  }
  
.fb-comments span {
    width: 100% !important;
}
.fb-comments iframe {
     width: 100% !important;
} 

.fb_iframe_widget {
  display: block !important;
}   

  .footer-right {
    float: right;
    width: 160px;
  }  
  
  .footer-right #email,
  .footer-right .social {
    float: right;
  }
  
  .footer-right .social {
    margin-top: 30px;
  }


  #searchform #searchsubmit { display: none; }
  #searchform { 
    margin-right: 20px;
    background: url(images/magnifier.png) no-repeat 0 12px; 
    padding-left: 23px;
    width: 160px;
  }
  
  div.signup_news { display: none; }


/* Adding responsive rules  */

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

#container {
  width: auto;
}

#header {
  width: auto;
}

#main {
  width: auto;
}

.full {
  width: auto;
}

#featuredPosts .posts {
}

div#home_intro div.left {
  width: 50%;
}

}


/* Mobile size */

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

  body { /*background: orange; */ }
  
  div.signup_news { display: none; }
  
  #container { width: auto; }
  #header { width: auto; padding-bottom: 0; }
  #main { width: auto; }
  
  .widget_search { margin-bottom: 10px; } 
  #footer .secondary .right { float: none; }
  #footer .secondary .left { float: none; }
  #footer .main { padding: 0; }
  
  #logo {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  
  #logo img {
    width: 90%;
    float: none;
    margin: 0 auto;
    display: block;
  }
  
  .widget_nav_menu {
    width: 100%;
  }  

  #mainNav {
    position: relative;
  }
  
  
  #content {
    width: 90%;
    float: none;
    margin: 0 auto;
  }
  
  div#four_home div.onefourth.last {
    padding: 0 50px 0 20px;
  }  

  div#featuredPosts {
    width: 200px;
    margin: 0 auto;
  }
  div#featuredPosts .posts {
    width: 280px;
    float: none;
    margin: 0 auto;
  }

  #footer {
    padding: 0;
    width: 80%;
    margin: 0 auto;
    display: block;
    float: none;
  }
  
  .footerBox {
    margin: 0;
  }
  
  .footer-right {
    float: right;
    position: relative;
    top: -35px;
    width: 160px;
  }  
  
  .footer-right #email,
  .footer-right .social {
    float: right;
  }
  
  .footer-right .social {
    margin-top: 30px;
  }
  
  #footer .widget_nav_menu {
    position: relative;
    top: 40px;
  }
  
  div#home_intro div.left {
    width: 80%;
    float: none;
    padding: 0;
    margin: 0 auto;
  }  
  
  div#home_intro div.right {
    float: none;
    margin: 0 auto;
    padding: 0;  
  }
  
  #content.thumbs {
    width: 100%;
  }
  
  
  .common #thumb_holder {
    float: none;
    width: 260px;
    margin: 0 auto;
  } 
  
  .common #thumb_holder img {
  }
  
  #content .project.small {
    position: static !important;
  }  
  
  .common #sidebar {
    float: none;
    margin: 0 auto;
  } 
  
  
  
  .right img {
    width: 100%;
  }
  
  
  div#featuredPosts { width: 300px; }
  
  
  #featuredPosts .posts .post {
    margin: 10px;
  }
  
  div.content-right #recipe { /* display: none;  */}
  div.content-right #commentBox { /* display: none; */ }
  #comments { max-width: 100%; }
  ol#commentslist {
    width: 100%;
  }
  
  div#content.recipe_intro.clearfix {
  padding: 0;
  }
  
  
  .page #content .post {
  margin: 0 auto;
  margin-bottom: 20px;
  }
  
  #searchform { 
    text-align: center; 
    margin: 0 auto; 
    padding-left: 8px; 
	padding-bottom: 10px;
  }
  
  #mainSinle #sidebar {
    float: none;
    margin: 0 auto !important;
    width: 240px !important;
  }
  #sidebar div#categories-4 { padding-top: 20px; }
  
  /* ========== header menu =============== */
  
  #mainNav { display: none; }
  #mobileNav { display: block; text-align: center; }
  
  /* ============= single recipe page =============== */
  
  div#mainSinle div#recipe {
    width: 100%;
    background-position: top center;
  }
  
  #mainSinle .content-right {
    float: none;
    clear: both;
    width: 100%;
  }
  
  .single textarea {
    width: 100%;
  }
  
  #mainSinle {
    width: 100%;
  } 
  
  .recipe_intro {
    float: none;
    width: 100%;
  }   
  
  div#mainSinle div.outer {
    max-width: 280px;
  }  
  
  div#mainSinle div#commentBox {
    max-width: 90%;
  }  
  
  div.bx-wrapper { width: 80%; }
  
  
  
  /* =============================================== */
  
  
  /* ================= Search results ============== */
  
  .search #content .post .inside {
    width: 90%;
    margin: 0 auto;
  }  
  
  .search .attachment-post-thumbnail.wp-post-image {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
    width: 150px;
  }
  
  .search .post h1 { display: block; }
  
  .threeFourth {
    width: 100%;
  } 
  

  img.wp-post-image { 
    width: 260px; 
    height: auto; 
    border: 5px solid #FFF;
    box-shadow: 0 0 5px #999999; 
    position: relative;
    float: none; 
  }

   div.pagination {
    position: static !important;
    width: 100%;
  }

  #sidebar select {
    width: 100%;
  }
 /* ================= hide privacy policy on mobile ============== */
 
div#nav_menu-3 ul a { color: #F2F3F5;}
	
 /* ================= make signup form line up with rest of content along left on mobile ============== */
	  body.page #sidebar {float: none; width: 100%; padding-left: 10%; }

/* ================= make home mobile hover better ============== */
 	  
	  div#featuredPosts a.alternate01:hover:after,
div#featuredPosts a.alternate01:focus:after
{ 
  overflow: hidden;
    height: 70px; 
    line-height: 1.2em;
    text-align: left; 	
    /* margin: 10px 10px 22px 10px; */
    font-size: 11px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

}

/* Tablet size */

@media screen and (min-width: 481px) and (max-width: 768px)
{
  body { /*background: yellow; */}

  #container { width: 100%; }
  #header { width: auto; }
  #main { width: auto; }
  .full { width: 100%; }

  body.archive #content { float: none; margin: 0 auto; }

  
  body.page #content { float: none;  width: 90%; margin: 0 auto; }
  
  body.page #sidebar {float: none; width: 100%; padding-left: 10%; }
  
  div.signup_news { display: block; }


  #logo {
    float: none;
    margin-bottom: 20px;
    margin-left: 30px;
  }

  #logo img {
    max-width: 100%;
    margin: 0 auto;
  }
  
  #searchform { padding-left: 23px; }
  
  #header #searchform {
    position: absolute;
    right: 0;
    top: 0;
  }

  #mainNav {
    position: relative;
    width: auto;
    margin-left: 10px;
  }
  
  .widget_nav_menu {
    width: 100%;
  }  
  
  #header {
    width: auto;
    margin: 0 auto;
  }

  div#featuredPosts {
    /* width: 500px; */
    margin: 0 auto;
  }
  div#featuredPosts .posts {
    width: 687px;
    margin: 0 auto;
    float: none;
  }
  
  #featuredPosts .posts .post {
    margin: 20px 5%;
  }  
  
  /* ============= single recipe page =============== */
  
  div#mainSinle div#recipe {
    width: 100%;
    background-position: top center;
  }
  
  #mainSinle .content-right {
    width: 46%;
    margin-right: 2%;
  }
  
  .single textarea {
    width: 100%;
  }
  
  #mainSinle {
    width: 100%;
  } 
  
  .recipe_intro {
    width: 45%;
  }   
  
  div#mainSinle div.outer {
    max-width: 280px;
  }  
  
  div#mainSinle div#commentBox {
    max-width: 90%;
  } 
  
  #comments {
    width: auto;
  } 
  
  ol#commentslist {
  	width: 100%;	
  }
  
  
  /* =============================================== */
  
  div#four_home {
    margin: 0 auto;  
  }
  
  div#home_intro {
    width: 90%;
    margin: 0 auto;
  }  
  
  div#home_intro div.left {
    width: 45%;
    padding: 0;
  }  
  
  div#home_intro div.right {
    width: 40%;
    padding: 0;
  }
  
  #content.thumbs {
    width: 90%;
  }

  .common #thumb_holder {
    float: none;
    width: 100%;
    margin-left: 5%;
    border: 1p solid blue;
    clear: both;
  } 
  
  .common #sidebar {
    float: none;
    width: 90%;
    margin-left: 5%;
  }
  
  div#featuredPosts .post:last-child {
    display: none;
  }
  
  div#four_home { width: auto; }
  
  div#four_home div.onefourth {
    padding: 0 1%;
    width: 32%;
  }
  
  div#four_home div.onefourth img {
    float: none;
  }
  
  
  
  
  .right img {
    width: 100%;
    height: 100%;
  }
  
  #footer {
    padding: 0;
    width: 100%;
  }
  
  .footerBox {
    margin: 0;
    float: right;
  }
  
  .footer-right {
    float: right;
    position: relative;
    top: -35px;
    width: 160px;
  }  
  
  .footer-right #email,
  .footer-right .social {
    float: right;
  }
  
  .footer-right .social {
    margin-top: 30px;
  }
  
  
  #footer .main {
    padding: 0;
    padding-left: 40px;
  }
  
  #footer .widget_nav_menu {
    position: relative;
    top: 40px;
  }
  
  
  /* search */
  
  .search #content .post .inside {
    width: 90%;
    margin: 0 auto;
  } 
  
  .threeFourth {
    width: 100%;
  } 
  
  .pagination { width: 100%; }  
  
  
  /* Sidebar menu */
  
  #sidebar .sidebarBox {
    width: 100%;
  }
  
  #sidebar ul {
    float: none;
    width: 49%;
	display: inline-block;
  }
  
  #sidebar div.mc-field-group.input-group { margin-top: 20px; margin-bottom: 10px;  }
  
  .single #sidebar ul {
    width: 100%;
  }
  
  #header .widget_search {
    position: absolute;
    top: 0;
    right: 0;
  } 
  
}