@font-face {
    font-family: 'secret';    
src: url('/fonts/secret_admirer_tt-webfont.eot');   
src: url('/fonts/secret_admirer_tt-webfont.eot?#iefix') format('embedded-opentype'),        
url('/fonts/secret_admirer_tt-webfont.woff') format('woff'),        
url('/fonts/secret_admirer_tt-webfont.ttf') format('truetype'),        
url('/fonts/secret_admirer_tt-webfont.svg#secret_admirerregular') format('svg');   
font-weight: normal;   
font-style: normal;

}

@font-face {
    font-family: 'fancier';    
src: url('/fonts/fancier_script_tt_ot-webfont.eot');   
src: url('/fonts/fancier_script_tt_ot-webfont.eot?#iefix') format('embedded-opentype'),       
url('/fonts/fancier_script_tt_ot-webfont.woff') format('woff'),       
url('/fonts/fancier_script_tt_ot-webfont.ttf') format('truetype'),     
url('/fonts/fancier_script_tt_ot-webfont.svg#fancier_scriptregular') format('svg'); 
font-weight: normal;   
font-style: normal;
}

   
*{
-moz-box-sizing:border-box;
box-sizing: border-box;
}

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
    
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
    
html, div, span, applet, object, iframe, h6, blockquote, pre, 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,
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;
}

body {
background:url(http://www.myvegancookbook.com/img/skybg.svg);
background-size:100% 100%;
background-repeat:no-repeat;
background-color: #4dbbcf;
margin:auto 0;
padding: 0;
border: 0;
font-family: Verdana, Geneva, sans-serif;
}

object {
pointer-events:none;
}

.mobilesearchwrap{
background-color:pink;
height:100%;
}

.mobilesearchwrap{
background-color:blue;
height:100%;
}

.appbookstitle {
width:100%;
margin:0;
padding-left:15px;
}

.appbookstitle2 {
margin-bottom:5px;
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
padding:5px;
float:left;
width:80%;
line-height:93%;
}

.appbookscharms {
font-family: myvegancookbook;
font-size:24px;
color:red;
margin-left:10px;
margin-right:5px;
margin-top:10px;
padding:0;
float:left;
}

hr.styleone { 
 height: 0; 
 border-top: 1px solid rgba(0, 0, 0, 0.1); 
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 margin:0;
 padding:10px;
}

.iabboxwrap {
width:100%;
height:100%;
padding-top:15px;
}

.iabimage {
width:100%;
height:auto;
}

.iabbox1 {
width:23%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox2 {
width:23%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox3 {
width:23%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox4 {
width:23%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabtext {
padding:10px;
margin:0;
line-height:100%;
margin:0;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
}

.linkarrow {
width:10px;
height:10px;
padding-right:0px;
border:0;
margin:0px;
}

.recipeingred ul li {
line-height:23px;
list-style-type: circle;
}

#searchbuttonlink {color:white; text-decoration:none;}


.blogtextarea {
float:left;
width:520px;
background-color:white;
padding: 10px;
margin:0px;
border:0px;
}

.blogside {
float:left;
width:260px;
height:100%;
background-color:beige;
padding: 10px;
margin:0px;
border:0px;
}

.allrecipeswrap {
float:left;
width: 785px;
padding:0px 10px 10px 10px;
}

.recipesearch {
float: left;
width: 370px;
height: 150px;
margin: 0px 0px 20px 10px;
color: #343434;
font-size: 12px;
border:1px solid #c1bbb3;
background-color:#f5f5f4;
}
.recipesearchlabel {
width: 350px;
height: 18px;
color: #343434;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight:600;
overflow: hidden;
text-align: left;
}
.recipesearchmore {
width: 350px;
height: 14px;
color: #343434;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align: right;
}
.recipesearchimgtext {
width: 350px;
height: 90px;
color: #343434;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
.recipesearchpad {
margin: 10px 10px 10px 10px;
}
.hspace4 {
width: 350px;
height: 4px;
}
.searchnav {
float: left;
width: 750px;
height: 40px;
text-align: right;
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
}
.sorry {
width: 750px;
height: 40px;
text-align: left;
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px;
}
    
h1 {
color:#4a3a34; 
margin:0;
padding:0;   
margin-top:15px;
margin-bottom:7px;
border:0;
font-family: 'Vollkorn', serif;
font-size:38px;
line-height:90%;
}

h8 {
color:#4a3a34; 
margin:0;
padding:0;  
margin-top:0px;
margin-bottom:7px;
border:0;
font-family: 'Vollkorn', serif;
font-size:38px;
line-height:90%;
}

h3 {
color:#ff7d00;    
padding:5px;
padding:0;
margin:0;
border:0;
font-family: secret;
font-weight:400;
font-size:37px;
}

h4 {   
padding:0;
margin:0;
border:0;
margin-left:5px;
font-family:secret;
font-size:26px;
color:#ff7d00;
line-height:24px;
}
    
.stretchwrap {
width:100%;
}

.wrap {
width: 1024px;
height: 100%;
margin:0 auto;
height:auto;
background-color:snow;       
}

 
.side {
float: left;
width: 225px;
height:750px;
background-color: snow;
padding:67px 10px 0px 10px;
}
.title {
float: left;
width: 799px;
padding-left:15px;
}

.recipecolumn1 {
float:left;
position:relative;
width: 335px;
padding:0px 10px 10px 10px;
color:#4a3a34;
}


.recipecolumn2 {
float: left;
width: 464px;
background:snow;
padding:0px 10px 10px 10px;
}

.recipeingred {
border: 1px solid lightgray;
background-color:#f5f5f4;
width:100%;
background-position:top right;
background-repeat:no-repeat;
padding:17px 15px 15px 15px;
color:#4a3a34;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;
line-height:16px;
}

.photomat 
{
position: relative;
width: 312px;
height:362px;
background:ghostwhite;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 6px 5px;
color: rgba(0,0,0, .8);
margin: 0;
border:1px solid lightgray;
}

.recipethumbnail {
position:relative;
height:350px;
width:300px;
border:1px solid white;
padding=0;
margin=0;
}

.zoomicon {
position: absolute;
top: 321px;
left: 271px; 
padding=0;
border=0;
margin=0;
}

.description{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
width:312px;
background-color:aliceblue;
border:1px solid lightgray;
padding:5px 10px 5px 10px;
margin-bottom:5px;
margin-top:5px;
}

p.descriptext {
text-align:justify;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;
line-height:16px;
margin:0;
margin-bottom:10px;
margin-top:10px;
color:#4a3a34;
}

#releasedate {
font-family: Verdana, Geneva, sans-serif;
color:dark gray;
font-size:12px;
margin:0px 0px 0px 10px;
}


li#cook,
li#prep,
li#total{
list-style: none;
float:right;
padding-left:10px;
font-size:12px;
font-family: Verdana, Geneva, sans-serif;
display:inline-block;
padding-top:10px;
padding-bottom:10px;
color:#4a3a34;
}

li#cook {
padding-right:10px;
}

li#prep {
border-right:1px solid lightgray; 
padding-right:10px;
}

li#total {
border-right:1px solid lightgray; 
padding-right:10px;
}

.time {
background:url(http://www.myvegancookbook.com/img/timer.svg);
background-position:1% -15%;
background-size:80px 60px;
background-repeat:no-repeat;
background-color:snow; 
width:312px;
padding:0;
padding-left:25px;
margin:0;
margin-top:5px;
border:0;
border-top:1px solid lightgray;
border-bottom:1px solid lightgray;
}

.recipecolumn2 ul li {
margin:0px 0px 0px 25px;
}

.note {
background-color:snow;
padding:10px;
margin:0;
border:1px dashed #4a3a34;
font-size:12px;
font-weight:normal;
line-height:16px;
}

.note:before
{
content: "NOTE: ";
font-family: secret;
font-weight:400;
font-size:17px;
color:#ff7d00;
}

.categorieswrap {
width:205px;
height:auto;
}

ul.categories {
width:205px;
list-style: none;
float:left;
padding:0px;
font-size:12px;
font-family: Verdana, Geneva, sans-serif;
display:initial;
padding-bottom:15px;
background-color:white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border:1px solid lightgray;
margin:0px 0px 15px 0px;
}

ul.categories li.cats {
display:block;
display:list-item;
padding-top:5px;
margin-left:10px;
padding-bottom:5px;
text-indent:10px; 
background-color:white;
}

ul.categories li.catsb {
display:block;
display:list-item;
padding-top:5px;
margin-left:10px;
padding-bottom:5px;
text-indent:10px; 
background-color:white;
}

.catlinks {
color:#4a3a34; 
text-decoration:none;
}

.categories li:hover {
color:#4a3a34; text-decoration:underline; 
}

.sidead {
background-color:white;
width:160px;
margin:0 auto;
}

.mobileadspace {
display:none;
background-color:white;
width:300px;
margin:0 auto;
padding:20px 0px 0px 0px;
}

.mprheader {
background-color:#f5f5f4;
width:205px;
height:30px;
position:relative;
margin-bottom:10px;
padding:5px;
font-size:16px;
font-family: Verdana, Geneva, sans-serif;
border-top-left-radius
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;
top-padding:0px;
}

.footerlinks {
color:black; text-decoration:none;
}

.categories li:hover {
color:#4a3a34; text-decoration:underline; 
}

#nutritiontable {
width:312px;
border: 1px solid #505648;
margin:0px 0px 0px 2px;
}

/*  Header style STARTS HERE */

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start here */


ul, ol { 
margin: 0; 
padding: 0; 
list-style: none;
overflow:hidden;
}

a.recipeslink{
float:left;
display:block;
width:256px;
padding:15px;
font-family: Verdana, Geneva, sans-serif;
line-height: 17px;
font-size:18px;
color: #141414;
font-stretch:expanded;
font-weight:400;
text-decoration:none;
background-color:#FFCC33;
background-image:url(http://myvegancookbook.com/img/recipeboxsvg.svg);
background-size:50px 50px;
background-repeat:no-repeat;
background-position:85% 50%;
border-right:1px #ffe599 solid;

}

a.bloglink{
float:left;
display:block;
width:256px;
padding:15px;
font-family: Verdana, Geneva, sans-serif;
line-height: 17px;
font-size:18px;
color: #141414;
font-stretch:expanded;
font-weight:400;
text-decoration:none;
background-color:#FFCC33;
background-image:url(http://myvegancookbook.com/img/blogsvg.svg);
background-size:50px 50px;
background-repeat:no-repeat;
background-position:85% 50%;
border-right:1px #ffe599 solid;
}

a.ebookappslink{
float:left;
display:block;
width:256px;
padding:15px;
font-family: Verdana, Geneva, sans-serif;
line-height: 17px;
font-size:18px;
color: #141414;
font-stretch:expanded;
font-weight:400;
text-decoration:none;
background-color:#FFCC33;
background-image:url(http://myvegancookbook.com/img/ebookappssvg.svg);
background-size:55px 55px;
background-repeat:no-repeat;
background-position:85% 50%;
border-right:1px #ffe599 solid;
}

a.gardeninglink{
float:left;
display:block;
width:256px;
padding:15px;
font-family: Verdana, Geneva, sans-serif;
line-height: 17px;
font-size:18px;
color: #141414;
font-stretch:expanded;
font-weight:400;
text-decoration:none;
background-image:url(http://myvegancookbook.com/img/gardeningsvg.svg);
background-size:55px 55px;
background-repeat:no-repeat;
background-position:85% 50%;
background-color:#FFCC33;
}

a.gardeninglink:hover,
a.recipeslink:hover,
a.bloglink:hover,
a.ebookappslink:hover{
background-color:#ff7d00;
-webkit-transition: background-color 500ms ease;
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
transition: background-color 500ms ease;
}

#logosearch {
position:relative;
background-color:#ffcc33;
background-image: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0, #FFBC36),
	color-stop(0.42, #FFCC33),
	color-stop(0.44, #FFCC33)
);
background-image: -o-linear-gradient(bottom, #FFBC36 0%, #FFCC33 42%, #FFCC33 44%);
background-image: -moz-linear-gradient(bottom, #FFBC36 0%, #FFCC33 42%, #FFCC33 44%);
background-image: -webkit-linear-gradient(bottom, #FFBC36 0%, #FFCC33 42%, #FFCC33 44%);
background-image: -ms-linear-gradient(bottom, #FFBC36 0%, #FFCC33 42%, #FFCC33 44%);
background-image: linear-gradient(to bottom, #FFBC36 0%, #FFCC33 42%, #FFCC33 44%);
width:1024px;
height:65px;
margin:0 auto;
padding:0;
border-bottom:1px #ffe599 solid;
}

#nav {
position:relative;
background-color:#ffcb36;
width:1024px;
margin:0 auto;
padding:0;
border-bottom:1px solid lightgray;
}

#smalllinktext {
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:400;
color: #141414;
}

#logo {
float:left;
position:relative;
padding:5px 0px 10px 5px;
width:204px;
height:55px;
}

.logo {
position:absolute; 
width:204px;
height:55px;
top:0;
left: 0;
z-index: 1;
background-image: url('/img/logoempty.gif');
}
 
.headerlogo {
width:204px;
height:55px;
}

.search {
position:absolute;
height: 32px;
width: 305px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
right: 0px;
top: 18px;
}

.searchbox { 
border-top: solid 1px #8e8e8e; 
border-right: solid 1px #d1d1d1; 
border-left: solid 1px #d1d1d1; 
border-bottom: solid 1px #e4e4e4; 
height:32px; 
width: 249px; 
font-size: 12px; 
maxlength: 40px;
size: 32px;
background-color:snow;
margin: 0;
padding: 0px 0px 0px 5px;
position:absolute;
top:0px;
}

.searchbox:focus {  
border-color: #ff7d00; 
border-style: solid; 
border-width: 2px; 
outline: 0; 
}


#submit {
color: #ffaaf;
font-size: 10px;
width: 50px;
height: 32px;
border: none;
margin: 0;
padding: 0;
background: #0c0 url(image) 0 0 no-repeat; 
}

.btn {
position:absolute;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
font-stretch:normal;
font-style:normal;
font-weight:normal;
text-align:center;
left:250px;
  background: #ff8000;
  background-image: -webkit-linear-gradient(top, #ff8000, #d16500);
  background-image: -moz-linear-gradient(top, #ff8000, #d16500);
  background-image: -ms-linear-gradient(top, #ff8000, #d16500);
  background-image: -o-linear-gradient(top, #ff8000, #d16500);
  background-image: linear-gradient(to bottom, #ff8000, #d16500);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff;
  padding: 5px 10px 10px 10px;
  border: solid #e57100 1px;
height:32px;
width:50px;
  text-decoration: none;
}

.btn:hover {
  background: #ff9d47;
  background-image: -webkit-linear-gradient(top, #ff9d47, #ff7b00);
  background-image: -moz-linear-gradient(top, #ff9d47, #ff7b00);
  background-image: -ms-linear-gradient(top, #ff9d47, #ff7b00);
  background-image: -o-linear-gradient(top, #ff9d47, #ff7b00);
  background-image: linear-gradient(to bottom, #ff9d47, #ff7b00);
  text-decoration: none;
}

.aboutcontact {
position:absolute;
height: 32px;
width: 300px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
right: 305px;
top: 18px;
}

#aboutli{

}

a.aboutlink{
display:block;
float:right;
position:relative;
width:118px;
padding:10px;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
color: #141414;
font-stretch:expanded;
font-weight:normal;
text-decoration:none;
text-align:center;
}
/* Header style ENDS HERE  */

/* FOOTER for desktop STARTS here  */

li.footerlinkfacebook:before
{
content:url(/img/facebooklogo.png);
margin:0;
padding:0;
border:0;
position:absolute;
top:6px;
}

li.footerlinktwitter:before
{
content:url(/img/twitterlogo.png);
margin:0;
padding:0;
border:0;
position:absolute;
top:6px;
}

li.footerlinkpinterest:before
{
content:url(/img/pinterestlogo.png);
margin:0;
padding:0;
border:0;
position:absolute;
top:6px;
}

li.footerlinkabout:before
{
content:url(/img/aboutlogo.png);
margin:0;
padding:0;
border:0;
position:absolute;
top:6px;
}

li.footerlinkcontact:before
{
content:url(/img/contactlogo.png);
margin:0;
padding:0;
border:0;
position:absolute;
top:6px;
}

.footerwrap {
width:1024px;
background-color:snow;
color:black;
padding:10px;
margin: 0 auto;
padding-top:25px;
border-top:1px dashed lightgray;
clear:both;
}

.footer { 
width:100%; 
background-color:snow;
}

.footercopyright {
width:100%;
color:#4a3a34;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:normal;
line-height:16px;
float:left;
margin-top:30px;
border-top:1px dashed lightgray;
padding-top:10px;
padding-bottom:25px;
}

.footersearch {
width:33.3%;
float:left;
}

.footermedialinks {
width:33.3%;
float:left;
border-right:1px dashed lightgray;
border-left:1px dashed lightgray;
}

.footeraboutcontact {
width:33.3%;
float:left;
}

ul.footerlinks li {
display:block;
padding-top:10px;
width:210px;
padding-bottom:10px;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
margin-left:17px;
text-indent:5px;
text-align:left;
}

ul.footerlinks li:before
{
font-family: myvegancookbook;
font-size:25px;
padding:0px;
margin:0px;
border:0px;
position:relative;
right:3px;
text-indent:5px;
}

li.twittericon,
li.facebookicon,
li.abouticon,
li.contacticon {
margin-bottom:5px;
}

li.twittericon {color:#55acee;}
li.pinteresticon {color:#cb2027;}
li.facebookicon {color:#44619d;}

ul.footerlinks li.twittericon:before { content: "R"}
ul.footerlinks li.facebookicon:before { content: "Q"}
ul.footerlinks li.abouticon:before { content: "O"}
ul.footerlinks li.contacticon:before { content: "L"}
ul.footerlinks li.pinteresticon:before { content: "S"}

.footerlinks a:hover {
text-decoration:underline;
color:black; 
}

.searchfindbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background-color:#ff5bb0;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #ee1eb5;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	height:22px;
	line-height:22px;
	width:115px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #c70067;
	margin-bottom:25px;
}.searchfindbutton:hover {
	background-color:#ef027d;
}.searchfindbutton:active {
	position:relative;
	top:1px;
}

#searchbuttonf {
position:relative;
margin-left:100px;
}


/* FOOTER for desktop ENDS here  */

    
/* MEDIA QUERY FOR LARGE TABLET STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 991px) {

.mobileadspace {
display:inherit;
}

.iabbox1 {
width:30%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox2 {
width:30%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox3 {
width:30%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
clear:right;
}

.iabbox4 {
width:30%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.allrecipeswrap {
width: 700px;
position:relative;
left:5px;
}

.recipesearch {
width: 326px;
height: 150px;
margin: 0px 0px 15px 10px;
}
.recipesearchlabel {
width: 306px;
height: 18px;
}
.recipesearchmore {
width: 306px;
height: 14px;
}
.recipesearchimgtext {
width: 306px;
height: 90px;
}
.recipesearchpad {
margin: 10px 10px 10px 10px;
}
.hspace4 {
width: 306px;
height: 4px;
}
.searchnav {
width: 665px;
height: 40px;
}
        
.wrap {
width: 713px;
height: auto;
margin:0 auto;
} 
        
.side {
display:none;
}
        
.title {
float: left;
width: 713px;
padding-left:15px;
}
        
.recipecolumn1 {
float: left;
width: 335px;
padding:0px 10px 10px 10px;
}
        
.recipecolumn2 {
float: left;
width: 378px;
padding:0px 10px 10px 10px;
}

/* FOOTER for LARGE tablet STARTS here  */

.footerwrap {
width:713px;
}


.footersearch {
width:33.3%;
float:left;
}

.footermedialinks {
width:33.3%;
float:left;
}

.footeraboutcontact {
width:33.3%;
float:left;
}

#searchbuttonf {
margin-left:55px;
}

/* FOOTER for LARGE tablet ENDS here  */

/*  HEADER STARTS HERE for LARGE TABLET break  */




a.recipeslink{
width:178px;
padding:10px;
line-height: 15px;
font-size:16px;
color: #141414;
background-size:34px 34px;
background-position:95% 50%;
}

a.bloglink{
width:178px;
padding:10px;
line-height: 15px;
font-size:16px;
background-size:34px 34px;
background-position:95% 50%;
}

a.ebookappslink{
width:178px;
padding:10px;
line-height: 15px;
font-size:16px;
background-size:36px 36px;
background-position:98% 50%;
}

a.gardeninglink{
width:179px;
padding:10px;
line-height: 15px;
font-size:16px;
background-size:36px 36px;
background-position:95% 50%;
}

#logosearch {
width:713px;
}

#nav {
width:713px;
}

#smalllinktext {
font-size:65%;
font-weight:400;
color: #141414;
}

.aboutcontact {
display:none
}


/* HEADER END HERE for LARGE TABLET break  */
            
}

/* MEDIA QUERY FOR 767 to 480 SCREEN STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 767px) {

.iabbox1 {
width:45.5%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox2 {
width:45.5%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
clear:right;
}

.iabbox3 {
width:45.5%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
clear:none;
}

.iabbox4 {
width:45.5%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

/*  HEADER FOR 481 BREAK starts HERE!! */

/* MEDIA QUERY FOR 481 SCREEN STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.recipeslink{
width:239px;
padding:8px;
line-height: 15px;
font-size:16px;
color: #141414;
background-size:30px 30px;
background-position:95% 50%;
border-bottom:1px #ffe599 solid;
}

a.bloglink{
width:240px;
padding:8px;
line-height: 15px;
font-size:16px;
background-size:30px 30px;
background-position:95% 50%;
clear:right;
border-bottom:1px #ffe599 solid;
border-right:none;
}

a.ebookappslink{
width:239px;
padding:8px;
line-height: 15px;
font-size:16px;
background-size:35px 35px;
background-position:95% 50%;
border-bottom:1px #ffe599 solid;
}

a.gardeninglink{
width:240px;
padding:8px;
line-height: 15px;
font-size:16px;
background-size:35px 35px;
background-position:95% 50%;
border-bottom:1px #ffe599 solid;
}


#smalllinktext {
font-size:10px;
font-weight:400;
color: #141414;
}

#logosearch {
width:481px;
border-right:1px #ffe599 solid;
border-left:1px #ffe599 solid;
}

#nav {
width:481px;
border-right:1px #ffe599 solid;
border-left:1px #ffe599 solid;
}

.search {
display:none;
}


/* HEADER FOR 481 BREAK ENDS HERE!!!! */


.allrecipeswrap {
width: 471px;
position:relative;
left:5px;
}

.recipesearch {
width: 426px;
height: 150px;
}
.recipesearchlabel {
width: 406px;
height: 18px;
}
.recipesearchmore {
width: 406px;
height: 14px;
}
.recipesearchimgtext {
width: 406px;
height: 90px;
}
.recipesearchpad {
margin: 10px 10px 10px 10px;
}
.hspace4 {
width: 406px;
height: 4px;
}
.searchnav {
width: 440px;
height: 40px;
}


/* FOOTER for small tablet STARTS here  */

.footerwrap {
width:481px;
}


.footersearch {
width:100%;
float:left;
clear:right;
}

.footermedialinks {
width:100%;
float:left;
clear:right;
border-right:none;
border-left:none;
}

.footeraboutcontact {
width:100%;
float:left;
clear:right;
}

#searchbuttonf {
margin-left:50px;
}

ul.footerlinks li {
display:block;
padding-top:10px;
padding-bottom:10px;
font-family: Verdana, Geneva, sans-serif;
margin-left:50px;
}


/* FOOTER for small tablet ENDS here  */


.wrap {
width: 481px;
height: auto;
margin:0 auto;
} 

.photomat 
{
position: relative;
width: 461px;
height:511px;
background:ghostwhite;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 6px 5px;
margin: 0;
border:1px solid lightgray;
}

.recipethumbnail {
height:497px;
width:446px;
}

.zoomicon {
position: absolute;
top: 468px;
left: 418px; 
padding=0;
border=0;
margin=0;
}

.description{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
width:461px;
margin-top:5px;
background-color:aliceblue;
border:1px solid lightgray;
padding:10px 10px 10px 10px;
}
        
.title {
float: left;
width: 481px;
padding-left:15px;
}
        
.recipecolumn1 {
float: left;
width: 481px;
padding:0px 10px 10px 10px;
}
        
.recipecolumn2 {
float: left;
width: 481px;
padding:0px 10px 10px 10px;
}


.time {
width:461px;
padding:0;
padding-left:25px;
background-position:25% -15%;
border-top:1px solid lightgray;
}

li#cook,
li#prep,
li#total{
list-style: none;
float:right;
padding-left:10px;
font-size:14px;
font-family:Verdana;
display:initial;
padding-top:10px;
padding-bottom:10px;
}

li#cook {
padding-right:10px;
}

li#prep {
border-right:1px solid lightgray; 
padding-right:10px;
}

li#total {
border-right:1px solid lightgray; 
padding-right:10px;
}

#nutritiontable {
width:460px;
}

}

/* MEDIA QUERY FOR 479 to 320 SCREEN STARTS HERE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 479px) {

.iabbox1 {
width:93%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

.iabbox2 {
width:93%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
clear:none;
}

.iabbox3 {
width:93%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
clear:none;
}

.iabbox4 {
width:93%;
height:auto;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
border: 1px solid lightgray;
background-color:#f5f5f4;
font-family: Verdana, Geneva, sans-serif;
}

h8 {
font-size:30px;
}


/*  HEADER Break for 320 break STARTS HERE  */

a.recipeslink{
width:159px;
padding:8px;
line-height: 15px;
font-size:15px;
color: #141414;
background-size:30px 30px;
background-position:96% 50%;
border-bottom:1px #ffe599 solid;
}

a.bloglink{
width:159px;
padding:8px;
font-size:15px;
background-size:30px 30px;
background-position:95% 50%;
clear:right;
border-bottom:1px #ffe599 solid;
border-right:none;
}

a.ebookappslink{
width:159px;
padding:8px;
font-size:15px;
background-size:35px 35px;
background-position:98% 50%;
border-bottom:1px #ffe599 solid;
}

a.gardeninglink{
width:159px;
padding:8px;
font-size:100%;
background-size:35px 35px;
background-position:95% 50%;
border-bottom:1px #ffe599 solid;
}

#logosearch {
width:320px;
}

#nav {
width:320px;
}

/*   HEADER break for 320 ENDS HERE  */

.wrap {
width: 320px;
height: auto;
margin:0 auto;
} 

.photomat 
{
position: relative;
width: 300px;
height:343px;
background:ghostwhite;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 6px 5px;
color: rgba(0,0,0, .8);
margin: 0;
border:1px solid lightgray;
}

.zoomicon {
display:none;
}

.recipethumbnail {
height:330px;
width:290px;
}

.description{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
width:300px;
margin-top:5px;
background-color:aliceblue;
border:1px solid lightgray;
padding:10px 10px 10px 10px;
}
        
.title {
float: left;
width: 320px;
padding-left:15px;
}

h1 {
color:#4a3a34;    
padding:5px;
padding-top:10px;
margin-top:0px;
margin-bottom:0px;
font-size:30px;
}
        
.recipecolumn1 {
float: left;
width: 320px;
padding:0px 10px 10px 10px;
}
        
.recipecolumn2 {
float: left;
width: 320px;
padding:0px 10px 10px 10px;
}

.time {
width:300px;
padding:0;
padding-left:25px;
border-top:1px solid lightgray;
background-position:1% -15%;
}

li#cook,
li#prep,
li#total{
list-style: none;
float:right;
padding-left:10px;
font-size:12px;
font-family:Verdana;
display:initial;
padding-top:10px;
padding-bottom:10px;
}

li#cook {
padding-right:10px;
}

li#prep {
border-right:1px solid lightgray; 
padding-right:10px;
}

li#total {
border-right:1px solid lightgray; 
padding-right:10px;
}

#nutritiontable {
width:300px;
}

/* FOOTER for 320 break starts here */

.footerwrap {
width:320px;
}

#searchbuttonf {
margin-left:50px;
}

ul.footerlinks li {
display:block;
padding-top:10px;
padding-bottom:10px;
}

/* FOOTER 320 break ENDS here */

.allrecipeswrap {
width: 312px;
position:relative;
left:5px;
padding:0px 5px 5px 5px;
}

.recipesearch {
width: 301px;
height: 150px;
margin: 0px 0px 15px 0px;
}
.recipesearchlabel {
width: 281px;
height: 18px;
}
.recipesearchmore {
width: 281px;
height: 14px;
}
.recipesearchimgtext {
width: 281px;
height: 90px;
}
.recipesearchpad {
margin: 10px 10px 10px 10px;
}
.hspace4 {
width: 281px;
height: 4px;
}
.searchnav {
width: 300px;
height: 40px;
}

}