/*

Theme Name: Tasty Diaries

Theme URI: http://tastydiaries.com/

Author: Tasty Diaries

Author URI: http://tastydiaries.com/

Version: 1.0

Description: This is a wordpress theme for Tasty Diaries Website

Tags: blue, custom header, fixed width, 2 columns, widgets

*/



body {

	font-family: Helvetica,Arial,Verdana,Arial,Helvetica,sans-serif;

	font-size: 13px;

	background-color: #FFF;

	margin: 0;

	padding: 0 0 0 15px;

	text-align: center;

	}



.clearer    {

	clear: both;

	font-size: 1px;

	line-height: 0%;

	height: 0px;

	text-indent: -9999px;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



a.imghover:hover img {

filter:alpha(opacity=70);

opacity:0.7;

}



.clearspacing {

	margin: 0;

	padding: 0;

}



.alignleft { float:left; }

.alignright { float: right;	}



a img{ border: 0; }



#page {

	background-color: #FFF;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	width: 980px;

	border: none;

	}



#header {

	width: 980px;

	background-color: #FFF;

	padding-bottom: 3px;

	border-bottom: solid 3px #cccccc;

	}



#adds-holder1 {

	float: left;

	padding: 5px 0 20px 0;

	width: 100%;

	}



#adds-holder2 {

	width: 730px;

	/*padding: 15px 0 10px 10px;*/

	}



#adds-holder3 {

	width: 730px;

	padding: 10px 0 20px 0;

	clear: both;

	}

#adds-holder4 {

padding: 10px 0 20px 0;

clear: both;

}


#adds-holder1 img{ float: left; }



ul#topnav {

	width: 980px;

	clear: both;

	}



ul#topnav li{

	float:left;

	font-family: Helvetica,Arial,Verdana,Arial,Helvetica,sans-serif;

	color: #333333;

	font-size: 13px;

	letter-spacing: 0.3pt;

	padding: 0 15px;

	text-decoration: none;

	list-style-type: none;

	position: relative;

	}



ul#topnav li.separator{

	padding: 0 2px;

	color: #999;

	}

	

ul#topnav li a{ 

	color: #333333;

	letter-spacing: 0.3pt;

	font-size: 13px;

	text-decoration: none;

	font-weight: bold;

	display:block; 

	}



ul#topnav li a:hover{

	color: #339999;

	}



ul#topnav li ul.subnavi {  

    float: left;  

    list-style: none;  

    position: absolute; /*--Important - Keeps subnavi from affecting main navigation flow--*/  

    left: 0; top: 16px;  

    background: #F8F4F3;

	border: solid 1px #999;

    margin: 0; padding: 0;  

    display: none; 

	width: 200px;

	overflow: hidden;

	z-index: 100;

	}

	  

ul#topnav li ul.subnavi li{

	width: 100%;

    margin: 0; padding: 0;

    clear: both;  

	}



ul#topnav li ul.subnavi li a{

	float: left;

	width: 100%;

	padding: 5px 10px;

	font-size: 12px !important;

	}



div.submenucontainer {

	float: left; 

	font-size:12px; 

	font-weight:bold;

	padding: 5px 10px;

	cursor: pointer;

	width: 100%;

	}



div.submenucontainer:hover {

    /*background: #FF00CC;*/

	color:#FF00CC;

	}



ul#topnav li ul.subnavi li ul {

	margin: 0;

	padding-left: 10px;

	}



ul#topnav li ul.subnavi li ul li{	

	padding: 0;

	}

	

ul#topnav li ul.subnavi li ul li a{

	width: 210px;

	font-size: 12px !important;

	font-weight: normal !important;

	padding: 0 10px 5px 10px;

	}

 

html ul#topnav li ul.subnavi li a {  

    float: left;

	width: 190px !important;

    background: #F8F4F3;  

	text-align: left !important; 

	}

	  

html ul#topnav li ul.subnavi li a:hover { /*--Hover effect for subnavi links--*/  

    background: #FF00CC;

	color:#FFFFFF;

	}

	

div#banner{

	background-color: #3DA8AA;
	padding: 4px 0 10px 0;	
	margin-top:2px;

	}



span.logoname{

	font-family: Arial,Verdana,Arial,Helvetica,sans-serif;

	font-size: 48px;

	padding-left: 15px;

	color: white;

	}



span.logopunch{

	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	padding-left:25px;

	letter-spacing:0.4pt;

	color:rgb(81,81,81);

	}



#content{

	padding-top: 1px;

	width: 740px;

	}



#content a, #contentpost a, #contentpostpage a{

	font-family: Helvetica,Arial,Verdana,Georgia,Times New Roman,Times,serif;

	font-size: 12px;

	letter-spacing: 0.2pt;

	color: #FF0099;

	font-weight: bold;

	text-decoration: none;	

	}





#contentpost, #contentpostpage{

	padding-top: 1px;

	width: 740px;

	color: #333;

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;

	font-size: 12px;

	}



#contentpost p, #contentpostpage p{

	color:#666666;

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;

	font-size: 12px;

	line-height: 130%;
	

	}

	

#contentpost h2, #contentpostpage h2{

	color: #666;
	font-size: 18px;
	padding-bottom: 0;
	margin: 0;
	padding-top: 10px;
	clear: both;	
	}
	


.archivecontents p{

	display: none;

	}

	

.navigation {

	padding: 20px 0;

	border-bottom: solid 1px #666666;

	}



ul.commentlist {

	margin: 0;

	padding: 0;

	}

	

ul.commentlist li{

	padding: 10px;

	background-color:#C4FBF5;

	margin-bottom: 10px;

	list-style-type: none;

	}



textarea#comment {

	clear: both;

	width: 650px;

	}

		

div.meta-top {

	padding-bottom: 10px;

	}



div.meta-top, div.meta-top a{

	font-size: 11px !important;

	}



div#recipeimageare {

	width: 740px;
	
	background-color: #cccccc;

	}



div#newsimagearea {
	width: 653px;
	background-color:#CCCCCC;

	}

	

div#recipeimageare img, div#newsimagearea img{

	float:left;

	border-right: solid 1px #FFF;


    height: 215px;
	}



div#recipeintrotext {

	float: left;

	width: 329px;

	padding: 10px 10px 10px 10px;

	color: #b7614e;

	font-family: 'HelveticaNeue-Light','Helvetica Neue','Arial',sans-serif;

	font-size: 15px;

	font-stretch: normal;

	font-style: normal;

	font-variant: normal;

	font-weight: 300;

	line-height: 20px;

	margin: 0;

	opacity: 1;

	text-align: left;

	text-decoration: none;

	text-indent: 0px;

	text-transform: none;

	}



div#newsletterintrotext {

	float: left;
	width: 305px;
	color:#b83d3d;
	font-family:Arial;
	font-size: 13px;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
    background-color: #CCCCCC;
	}



#recipecontainermain {

	float:left;

	width: 740px;

	margin-bottom: 20px;

	}



#contentrecipeleftouter {

	float: left;

	width: 500px;

	}
	

#contentrecipeleftoutersingle {

	float: left;

	width: 465px;

	}

#contentrecipeleft {

	float: left;

	width: 450px;

	padding: 0 20px 20px 20px;

	margin-right: 10px;

	background-color:#FFE9F6;

	}
	
	

#contentrecipeleftsingle {

	float: left;

	width: 440px;

	padding: 0 5px 10px 10px;

	margin-right: 10px;
	
	_margin-right: 4px;

	background-color:#FFE9F6;

	}



#contentnewsletterleft {

	float: left;

	width: 740px;

	padding: 20px 0;

	}



table.newsletterfeatured {

	table-layout: fixed;

	margin-top: 20px;

	width: 651px;

	}



table.newsletterfeatured tr td {

	padding: 0;

	vertical-align: top;

	}



div.infofeatured {

	font-family: 'HelveticaNeue','Arial',sans-serif;

	width: 205px;

	padding: 5px 0 0 0px;

	font-size: 12px;

	color: #333;

	}



div#aboutcontent {

	float: left;

	width: 550px;

	padding-top: 30px;

	padding-right: 19px;

	}



div#aboutcontentright {

	float: left;
    width: 168px;
	
	}



div#aboutcontentright img{
float: left; 
}

		

div#contentpostpage div.ratingblock, div#contentpostpage div.thumblock  { display: none; };



div.infoserve {

	width: 100%;

	clear:both;
	font-weight:bold;

	}

div.infoservenl {

	width: 100%;

	clear:both;
	font-weight:normal;

	}

div.infotiptext {

	text-align: left;

	clear:both;

	padding-top: 10px;
    font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;
	
	

	}

	

#contentreciperighttip {

	float: left;

	width: 220px;

	_width: 190px;

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif!important;

	padding: 20px 10px;

	background-color:#FF33A9;

	color: #FFFFFF;

	line-height: 150%;

	font-size: 14px;

	}

#contentreciperighttipsingle {

	float: none;
	
	display:inline-block;

	width: 240px;

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif!important;

	padding: 20px 10px;

	background-color:#FF33A9;

	color: #FFFFFF;

	line-height: 150%;

	font-size: 13px;

	}

#contentreciperightingredients {

	float: none;
	
	display:block;

	width: 216px;

	_width: 196px;

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;

	padding: 20px 10px;

	background-color:#FFF;

	color: #333;

	line-height: 150%;

	font-size: 12px;

	margin-top: 1px;

	border: solid 2px #FF33A9;

	}

#contentreciperightingredients-single {

	float: none;
	
	display:inline-block;

	width: 236px;

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;

	padding: 20px 10px;

	background-color:#FFF;

	color: #333;

	line-height: 150%;

	font-size: 12px;

	margin-top: 1px;

	border: solid 2px #FF33A9;

	}
table.archivetable tr td {

	font-family: 'HelveticaNeue','Helvetica Neue','Arial',sans-serif;

	font-size: 12px;	

	}

				

#sidebar a{

	font-family:Helvetica, Arial, Verdana, Georgia, Times New Roman, Times, serif;

	font-size:12px;

	letter-spacing: 0.2pt;

	color: #1E679C;

	font-weight: bold;

	text-decoration: none; 

	}



#content a:hover, #sidebar a{

	color: #3da8aa;

	text-decoration: underline;

	}



.introtext{

	width: 710px;	

	font-family: Arial,Helvetica,sans-serif;

	font-size: 12px;

	color: #993300;

	clear: both;

	padding: 15px 10px 1px 10px;
	
	#margin-bottom:-7px;
}

			

h1.bluetext, .titleblue {

	font-family:Helvetica, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#1E679C;

	padding: 0 0 0 0;

	margin: 0;

	}



#newslettertop {

	width: 100%;

	border-top: solid 13px #75D100;

	}
	
#newsletterbtm {

	width: 100%;
    border-top: solid 1px #D5D5D5;
}	

#currentnewsletter {

	width: 100%;

	/*border-top: solid 13px #75D100;

	border-bottom: solid 1px #D5D5D5;*/

	background-color: #ededed;

	}



#currentnewslettertext {

	font-family: Helvetica,Arial,Verdana,Georgia,Times New Roman,Arial,Times,serif;

	font-size: 12px;	

	letter-spacing: 0.3pt;

	padding: 10px;

	color: #333333;

	width: 320px;

	}



#currentnewsletterimage {

	float: right;

	width: 400px;

	margin-top: 0;

	background-color: #CECECE;

	overflow: hidden;

	}

	

#featuredrecipe {
	float: left;
	width: 198px;
	border-left: solid 1px #FFFFFF;
	}

	

.featuredrecipetitle {

	float: left;

	width: 188px;

	color: #333;

	font-size: 12px;

	margin-top: 1px;

	padding: 5px;

	}



a.toplink {

	color: #333 !important;

	font-size: 12px !important;

	font-weight: normal !important;

	}



a.toplink:hover {

	color: #417aaa !important;

	text-decoration: none !important;

	}



#featuredtip {

	float: left;

	width: 197px;

	border-left: solid 1px #FFF;

	padding-bottom: 2000px; 
	
	margin-bottom: -2000px;

	}



	

#chattycorner {

	width: 100%;
	
	margin: 0;
	
    background-color: #ededed;
	
	
}


#chattycornertext {

	font-family: Helvetica,Arial,Verdana,Georgia,Times New Roman,Arial,Times,serif;

	font-size: 12px;	

	letter-spacing: 0.3pt;

	padding-left: 10px;
	
	border:0;
    
	margin: 10px 0 0 0; 

	color: #333333;

	width: 510px;

	}



#chattycornertext h2, #currentnewsletter h2{

	font-family: Helvetica,Arial,Verdana,Georgia,Times New Roman,Arial,Times,serif;

	font-size: 12px;	

	letter-spacing: 0.3pt;

	width: 100%;

	}

div#chattycornerimage{

float: right; 
margin: 0; 
padding: 0; 
border-left:1px solid #fff;
width: 200px;
height:auto;
}


h1.text {
    font-family:Helvetica, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#1E679C;
    padding: 0;
	margin: 0;
  
}



.readmorearea{

	width: 100%;

	text-align: right;

	clear:both;
	
}



a.more-link {

	float: right;

	}

	

#sidebar{

	width: 225px;

	padding: 20px 0 0 15px;

	margin: 0;

	overflow:hidden;

	}



dl.sidebarlink {

	float: left;

	margin: 0;

	padding: 0;

	width: 225px;

	}

		

dl.sidebarlink dt{

	float: left;

	width: 10px;

	padding: 3px 0 0 0;

	margin: 0;

	}



dl.sidebarlink dd{

	float: left;

	width: 200px;

	margin: 0;

	padding: 0;

	text-align: left;

	}



dl.sidebarlink dd a{ 

	text-decoration: none !important; 

	color: #1E679C !important; 

	}

	

dl.sidebarlink dd a:hover{ 

	text-decoration: underline !important; 

	color: #3da8aa !important;

	}



#sidebar ul {

	float: left;

	margin: 0;

	padding: 0;

	}	



#sidebar ul li{

	float: left;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



#sidebar ul li div{

	float: left;

	padding: 0;

	margin: 0;

	width: 220px;

	overflow: hidden;

	}

	

#sidebar ul li.widget_search {

	margin-top: 10px;

	padding: 5px 0 5px 5px;

	width: 223px;

	background-color: #F6F6F6;

	}



#sidebar ul li.widget_search h2.widgettitle {padding: 0;}





#sidebar ul li.widget_categories, #sidebar ul li.widget_extended-categories {

	margin-top: 10px;

	padding: 5px 0 5px 2px;

	width: 223px;

	}



#sidebar ul li.widget_categories h2.widgettitle, #sidebar ul li.widget_extended-categories h2.widgettitle {padding: 0;}



#sidebar ul li.widget_categories ul li, #sidebar ul li.widget_extended-categories ul li{

	float: left;

	margin-top: 5px;

	width: 210px;

	border-left: solid 9px #CCCCCC;

	padding: 4px 0 4px 10px;

	background-color: #F0EDED;

	cursor: pointer;

	}



#sidebar ul li.widget_categories ul li:hover, #sidebar ul li.widget_extended-categories ul li:hover{

	border-left: solid 9px #1E679C;

	background-color: #E4E4E4;

	}



#sidebar ul li.widget_categories ul li a, #sidebar ul li.widget_extended-categories ul li a {

	float: left;

	font-family: Arial,Georgia,Times New Roman,Times,serif !important;

	font-size: 11px !important;

	letter-spacing: 0.3pt !important;

	color: #666 !important;

	font-weight: bold !important;	

	text-decoration: none !important;

	width: 195px !important;

	text-align: left !important;

	}

	

#sidebar ul li.widget_categories ul li a:hover, #sidebar ul li.widget_extended-categories ul li a:hover {

	color: #1E679C !important;

	text-decoration: none !important;

	}



ul.children li{

	border-left: solid 2px #CCCCCC !important;	

	font-size: 11px;

	}

	

ul.children li:hover{

	border-left: solid 2px #CCCCCC !important;	

	background-color:#99CCFF !important;

	}

				

input#searchsubmit { cursor: pointer; }

	

h2.widgettitle {

	float: left;

	font-family: Helvetica,Arial,Helvetica,sans-serif;

	font-size: 12px;

	color: #1e679c;

	font-weight: bold;

	padding: 10px 0 5px 0;

	clear: both;

	width: 220px;

	margin: 0;

	}

	

label.screen-reader-text {display: none;}

h2.bluetextlabel {

	font-family:Helvetica, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#1E679C;

	margin: 0;

	}

	

div#printdoc {

	font-family: Helvetica,Arial,Verdana,Georgia,Times New Roman,Times,serif;

	font-size: 12px;

	letter-spacing: 0.2pt;

	color: #ff00cc;

	font-weight: bold;

	text-decoration: none;

	cursor: pointer;

	}

	

#MailPress {

	float:left;

	width: 200px;

	margin: 0;

	padding: 0;

	}



#footer {

	width: 740px;

	clear: both;

	padding-top: 10px;

	}



ul#footermenu {

	clear: both;

	margin: 0;

	padding: 0;

	}



ul#footermenu li{

	float:left;

	font-family: Helvetica,Arial,Verdana,Arial,Helvetica,sans-serif;

	color: #333333;

	font-size: 11px;

	letter-spacing: 0.3pt;

	padding: 0;

	text-decoration: none;

	list-style-type: none;

	}



ul#footermenu li.separator{

	padding: 0 10px;

	color: #999;

	}

	

ul#footermenu li a{ 

	color: #333333;

	letter-spacing: 0.3pt;

	font-size: 11px;

	text-decoration: none;

	font-weight: bold;

	display:block; 

	}



ul#footermenu li a:hover{

	color: #339999;

	}



#copyright{

	float: left;

	width: 740px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#BDBDBD;

	text-align:right;

	letter-spacing: 0.3pt;

	text-decoration: none;

	padding-bottom: 10px;

	}
	
	
/************** new menu layout */


ul.menu {list-style:none; margin:0; padding:0; width: 980px; clear: both;}
ul.menu * {margin:0; padding:0}



ul.menu a {display:block; text-decoration:none;
	float:left;

	font-family: Helvetica,Arial,Verdana,Arial,Helvetica,sans-serif;

	color: #333333;

	font-size: 13px;
	
	font-weight:bold;

	letter-spacing: 0.3pt;

	padding: 0 11px;

	text-decoration: none;

	list-style-type: none;

	position: relative;
}

ul.menu li.separator{

	padding: 0 2px;

	color: #999;

	}
	
	
ul.menu li a:hover{

	color: #339999;

	}	


ul.menu li {position:relative; float:left;}

ul.menu ul {position:absolute; top:16px; left:0; background:#f8f4f3; display:inline; opacity:0; list-style:none; }

ul.menu ul li {position:relative; border:1px solid #999; border-top:none; width:230px; margin:0}


ul.menu ul li a {

display:block; 

padding:5px 10px 5px 10px; 

float: left;

width: 210px;

background-color: #f8f4f3;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

text-align: left;
}

ul.menu ul li a:hover {

background-color: #ff00cc;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

color: #ffffff;

}



ul.menu .sub {background:#f8f4f3  136px 8px no-repeat;}

ul.menu ul ul {left:230px; top:-6px;}

ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}

ul.menu .topline {border-top:1px solid #999;}

.admincomment{background:#FFFF99; color:#000000; }  
.guest{background:#CCC9C6; color:#000000; padding-top:5px;} 

div.index-images{
	width:100%;
	overflow:hidden;
}

h3.index-img{
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*** MEDIA PRINT ***/
@media print {
   .alignleft { display:inline!important; }
   #newsletterintrotext{ width:299px!important; }
}

/*** SHOPPING LIST ***/
table#newsletterfeatured{
	width: 800px;
	margin-top: 20px;
}

table#newsletterfeatured tbody tr{
	width: 800px; 
}

table#newsletterfeatured tbody tr td.recipe-title{
	width: 80px;
	padding: 5px;
}

table#newsletterfeatured tbody tr td.serve{
	width: 30px;
}

table#newsletterfeatured tbody tr td.veg{
	width: 70px;
}