/*  
Theme Name: PRiNZ WyntonMagazine
Theme URI: 

/******************************************
*   HTML Elements                         
******************************************/* 

{	
margin:0;	padding:0;	}

body,html {	
min-height:101%;
background-color: #fcede0;  
	}	

body {	                 
border-size: 20px;        
border-style: solid;          
border-color: #a76677; 
color: #000000;	
padding: 11px 10px 35px 10px;         
text-align: center;	
}

body, select, input, textarea {	
font: 12.5px Arial, Verdana, Sans-Serif;	
line-height:1.5em;	}	

p {		
margin: 15px 0;	}

hr {	
display: block;	
height:4px;	
background:#a76677;	
border:0;	}

small {	font-size: 0.9em;	padding:3px 0px;	}	

/******* Hyperlinks ********************//* standard link behaviour */

a:link, a:active, a:visited { color:#804f77; text-decoration: none; } 
a:hover { color:#804f77; text-decoration: underline; }
 
/* How the links in the leadstory area on the homepage look like */

#leadcontainer a {color:#fff;}

/* Title area links */

.title:link, .title:active, .title:visited { 	
color: #73260e; 	
text-decoration: none;         
text-align:center;	} 

.title:hover { 	
color: #000; 	
text-decoration: underline;	} 	

/* HTML headline links */

h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}

h3 a:hover {text-decoration:underline;}

h4 a:link, h4 a:active, h4 a:visited  {
color:#73260e; 
text-decoration:none;}

h4 a:hover {text-decoration:underline;}

/* Links in the sidebar */

#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;}

#sidelist a:hover {text-decoration:underline;}

#sidelist .children li a, #sidelist .children li a:visited {	
padding:2px 2px 2px 0px;	
border:0;	background:#eee;	
color: #666;	}

#sidelist .children li a:hover, #sidelist .children li a:active	{color:#000;}

/* How tags appear */

#tags a {text-decoration:none;}
#tags a:hover {text-decoration:underline;}

/* Links within comments metadata (date, Author etc.) */

.commentmetadata a:link, .commentmetadata a:active, .commentmetadata a:visited  {text-decoration:none;}
.commentmetadata a:hover {text-decoration:underline;}

/* Links in the footer */

#footer a {text-decoration: none;} 
#footer a:hover	{text-decoration: underline;}


/****** Images ****************************/

img, a:link img, a:visited img{border:0px;border-style: none;}

img.left,img.center,img.right,img.norm{ 
margin:5px 12px 5px 0; 
border:0px;padding:1px;
border-style: none;}

img.left{ float:left; margin:0 20px 5px 0;border-style: none; }
img.center{ display:block; margin:0 auto 5px auto;border-style: none; }
img.right{ float:right; margin:0 0 5px 20px;border-style: none; }

#leadpic {float:left;margin: 0 20px 10px 0;padding:1px;border:0px solid #999;}
.home-cat-img {float:left; margin:0 6px 4px 0;border-style: none;}	

	/*******************************************   Main Element Structure                         ******************************************/

#page { /* main container */	
width:1020px;	
margin:5 auto;	
font-size:14px;	
background:#ffffff;
margin: 0 auto;  
text-align: left;	
padding: 0px 15px 20px 15px;    
border: 3px solid #eadfda;      
}

#branding {/* Where the logo is located */	
width:650px;	
height:150px;	
padding-bottom:5px;         
padding-right:25px;	
background:url("/Graphics/HEA-Header-Final.jpg") no-repeat;	
}

.left {	
float:left;	
}

.right {	
float:right;
}

#sidebar {	
width: 320px;	
float:right;
margin-left:10px;		
}

#sidebar2 {	
width: 320px;	
float:left;
border-right: 2px solid #000000;	
}

/* The 3 columns on the homepage */

#homeleftcol {	
width:30%;	
border-right:1px solid #73260e;         
padding-left:20px;	padding-right:15px;	
float:left;	}	

#homemidcol {	width:30%;	padding:0 10px 0 15px;         float:left;	}	

#homerightcol {	width:30%;	border-left:1px solid #73260e;	padding-left:15px;         padding-right:5px;	float:right;	}		

#snazzy-box  {
background: url("/Graphics/Cran-Snazzy-Box-200.jpg") #fff no-repeat;
width:200;
height:520;
float:left;
color:black;
padding:0px 0px 0px 0px;}

#snazzy-box a {color:#73260e;text-decoration:none;}

#snazzy-box h1, #snazzy-box h2, #snazzy-box h3  {
color: #fff;
text-decoration:none;
font:1.6em Arial;
text-align:center;
font-weight: bold;}

#snazzy-box ul li {         
list-style-image: url("/Graphics/CheckmarkIconClear.gif");         
list-style-type: round;
font: 1em Arial;         
margin: 2px 15px 5px 26px;	}

#snazzy-box ol li {         
list-style-position: inside;          
list-style-type: round;         
margin: 2px 15px 5px 20px;font: 1em Arial;	}

#snazzy-writing {
width: 180;
color: black; 
padding: 0px 3px 0px 10px;}

/*******************************************   Sidebar stuff except hyperlinks                        ******************************************/	

#sidelist li {         
list-style: none;}	

.bullets li {         
list-style-image: url("/Graphics/CheckIcon.jpg");         
list-style-type: round;	
border-bottom:1px solid #FFF;	}	

#sidelist .bullets li {         
list-style-image: url("/Graphics/CheckIcon.jpg");         
list-style-type: round;	
margin-bottom:5px;	margin-left:22px;	}

#sidelist .children {background:#eee;}

#sidelist .children li {	background: #eee;	list-style: round;	margin-left:15px;	padding-left:15px;	border-bottom:1px solid #fff;	}	

#sidelist .recent li{	margin-bottom:5px;	padding-left:20px;	background:url("/Graphics/CheckIcon.jpg") no-repeat;	}

#sidelist .recent-comments li{	margin-bottom:5px;	padding-left:20px;	background:url("/Graphics/CheckIcon.jpg") no-repeat;	}

#sidelist .more li{	margin-bottom:5px;	padding-left:20px;	background:url("/Graphics/CheckIcon.jpg") no-repeat;	}

#sidelist .feed li{	margin-bottom:5px;	padding-left:20px;	background:url(images/icons/rss.gif) no-repeat;	}

			/*******************************************   All Headlines and related stuff                         ******************************************/

.leadmeta, .leadmeta a {
/* That�s how the Date and Author appear in the leadarticle section above the Headline */	
font: 0.9em Arial, Helvetica, sans-serif;	
margin-top:-4px;	
color:#fadbbe;	
text-decoration:none;	}	

.blogtitle, .blogtitle a {
/* That�s only relevant, if you don�t use an image for your Logo in the header */	
color: #000;	
font-size: 1.8em;	
font-family: Arial;	
font-weight: regular;	
padding: 0px 0px 10px 0px;	
text-decoration:none;	}

.cat-head {
/* Background for the category teasers headline on the homepage */	
margin-bottom:1px;
background-color:#000000;         
color: #ffffff;	
padding:2px 2px 1px 2px;         
text-align: center;	}

.cat-head a {
/* Background for the category teasers headline on the homepage */	
background-color:#000000;         
color: #ffffff;         
text-align: center;	}

h1 {	
color: #73260e;	
font-size: 1.4em;	
font-family: Arial, Georgia;	
font-weight: bold;
margin: 0px 10px 0px 0px;	
padding: 5px 0px 0px 10px;text-align: center;	}	

h2 {	
color: #73260e;	
font: 1.4em Arial;	
font-weight:bold;	
border-bottom:2px solid #fadbbe;	
padding-bottom:4px;	
margin: 5px 0;	}

h3 {	
font: 1.2em Arial, Georgia, sans-serif;
font-weight:bold;
color:#73260e;
margin: 0px;	}
	
h4 {	
font: 1.1em Arial, Georgia, sans-serif;
font-weight:bold;
color:#73260e;	}

#sidebar h2, #sidebar h3 a {	
font: 0.9em Arial, Helvetica, sans-serif;

text-align:center;
background:#fadbbe;	
letter-spacing:0em;	
margin-bottom:4px;	
font-weight:bold;	
color:#804f77;	
}

#sidebar h3, #sidebar h2 {	
font-size:1.1em;         
text-align: center;         
background: #fadbbe;	
border-top:3px solid #fefcf1;	
border-bottom:1px solid #fefcf1;	
padding:5px 0 3px 2px;	
margin:4px 0 15px 0;	
color:#804f77;	}

#sidebar2 h2, #sidebar2 h3 a {	
font: 0.9em Arial, Helvetica, sans-serif;	
text-transform:uppercase;         
background: #73260e;         
text-align: center;	
letter-spacing:0em;	
margin-bottom:4px;	
font-weight:bold;	
color:#ffffff;	}

#sidebar2 h3, #sidebar2 h2 {	
font-size:1.1em;         
background: #73260e;         
text-align: center;	
border-top:4px solid #fadbbe;	
border-bottom:1px solid #fadbbe;	
padding:5px 0 5px 2px;	
margin:4px 0 15px 0;	
color:#ffffff;	}

h3#respond {	
border-top:4px solid #fadbbe;	
margin-top:25px;	
padding-top:20px	}

h3#comments {	
margin-top:32px	}

		

/*******************************************   Content styles                    ******************************************/
/* some structural styles for the content area */

#content {
/* main content (left of sidebar) */	
width:640px;	
float:left;         
margin-left:15px;	
margin-rightt:20px;
}

#content .mag_posts {
	float: left;
	width: 190px;
	margin: 0 15px 6px -8px;
	color: #000000;
	font: 11px Arial;
}

#content .mag_posts a {
	color: #73260e;
}

#content .top_mag_posts {
	width: 190px;
	background: #fadbbe no-repeat;
}

#content .bottom_mag_posts {
	width: 190px;
	padding-top: 7px;
	padding-bottom: 4px;
}

#content .mag_posts h2 {
	padding:0px 5px 5px 5px;
	color: #CC90C0;
	font: bold 14px verdana;
	height:30px;
	margin:0;	
}

#content .mag_posts h2 a {
	color: #cc90c0;
}

#content .top_mag_titles a{
	color: #73260e;
	text-decoration: none;
	font: bold 14px verdana;
}

#content .top_mag_titles a:hover {
	color: #000000;
	text-decoration: underline;
	font: bold 14px verdana;
}

#content .mag_posts .mag_posts_entry {
	padding: 0px 11px 5px 11px;
	margin:0;
	width: 170px;
	height: 230px;
	text-align:justify;
	overflow: hidden;
}

#content .mag_posts .mag_posts_meta {
	margin: 0 9px 0 0px;
	width:170px;
	height: 25px;
	overflow:hidden;
font: 11px verdana;
}

#pagecontent 
{ 
/* content area in static pages (without sidebar) */	
width:600px;	
float:left;         
margin-left:15px;	
}

#homecontent-top {/* The upper area on the homepage */	
width:940px;	
margin-top:25px;	
}	

#homecontent-bottom {/* The lower area of the homepage */	
width:900px;	
margin-top:10px;	
}

#homecontent-bottom ul li {         
list-style-image: url("/Graphics/CheckmarkIconClear.gif");         
list-style-type: round;font: 1em Arial;         
margin: 2px 15px 5px 20px;	}


#homecontent-topleft {/* The left side of the upper area (where the leadstory area is located) */	
width: 600px;	
}

#homecontent-topright {/* The right upper area (where the three feature boxes appear) */	width: 300px;text-align:center;border-style: none;	}	/* The lead story on the homepage */

#leadcontainer {	background:/*url(images/backgrounds/bg_leadcontainer.jpg) repeat-x 0px 0px #252525 */ #444;	color:#fadbbe;	border-top:4px solid #ff61186;	border-bottom:4px solid #ff6186;	padding:15px;	width:592px;	min-height:350px;	}#leadcontainer:hover {	background:#333;	border-top:4px solid #ff6186;	border-bottom:4px solid #ff6186;	}#leadcontainer .title {	font:2.2em Georgia, Arial;	line-height:100%;	display:block;	padding-bottom:7px;	color: #ff6186;	}#leadheader {	display:block;	}#leadheader a {color:#fadbbe;}#homebottom {/* That�s the nice shadow below the leadcontainer */	width:625px;	height:60px;	background:url(images/backgrounds/homebottom.png);	}	.read-on a { /* This can be used to format the "continue readng..." link in the lead story */	text-decoration:none;	}	.read-on a:hover {color:#C29704!important;}	/* Featured Articles formatting in "hometop-rightcol" */.feature {	
background: #eee;	
padding:10px 10px 10px 20px;	
border-top:2px solid #ccc;	
border-bottom:2px solid #ccc;	
}

.feature:hover 
{	
background:#fadbbe;	
border-top:2px solid #999;	
border-bottom:2px solid #999;	
}
/*.feature p { margin:0;	}*/

#hometop-rightcol img {	
margin-bottom:4px;	
padding:1px;	
border-style: none;	
}

#hometop-rightcol .feature {margin-bottom:10px;}

#hometop-rightcol.title, #hometop-rightcol a.title  
{	
font-family: Georgia, Arial;	
font-size:1.4em;	
color: #000000;	
margin:10px 0 15px 0;
text-align:center;	
}
/**********************************************************/	
.description {	
font-size: 1.3em;	font-weight: bold; 	
color:#999;	}		

.title, a.title  {	font-family: Georgia, Arial;	
font-size:1.4em;	
color: #0090f0;	
margin:10px 0 15px 0;text-align: center;	}		

#homemidcol .clearfloat, #homeleftcol .clearfloat, 
#homerightcol .clearfloat {	border-bottom:1px solid #ccc;	
padding:12px 0;	}	

/* Pagination formats for the achives (previous and next links) */	

.navigation a {	
width: 120px;	
border: 1px dotted #ccc;	
padding:2px 4px 2px 4px;	
text-align:center;	
font-size:0.9em;	
text-decoration:none;	
color:#000000;	}

.navigation a:hover {	
background-color:#000000;	}

.preventries {	float:left;	}
.nextentries {	float:right;	}

	/*Post Formatting*/

.entry {	
padding-bottom:10px;         
padding-left:15px;	
text-align:justify;	
}

.post blockquote {	
color:#000000;         
background: #fcede0;	
padding:7px 30px 7px 30px;	
margin:5px 90px 5px 90px;	
border-top:2px solid #73260e;	
border-bottom:2px solid #73260e;	
}	

.post ul li {         
list-style-image: url("/Graphics/CheckIcon.jpg");         
list-style-type: round;	
margin-bottom:5px;	margin-left:42px;	
}

.post ol li {	
margin-bottom:5px;	margin-left:48px;	}	

#tags {	
padding:5px;	
background-color:#fadbbe;		
}			

.postmetadata {
padding:10px 15px; 
margin: 5px 10px 25px 10px; 
background-color:#fadbbe;	
border-bottom:1px solid #d0a5c7;	
border-top:1px solid #d0a5c7;	
font-size:0.9em;	
}

.postmetadatatop {
padding:3px 5px; 
color:#a76677;	
font-size:0.9em;
font-style:italic;	
}
	

/* Form Elements */

select {	
background:#fadbbe;	
border-top:2px solid #d0a5c7;	
border-bottom:2px solid #d0a5c7;	
border-left:none;	
border-right:none;	width:100%	}	

#searchform {padding:16px 5px 0 0;}

.searchbutton {	
font-weight:bold;	
padding: 1px;	
background:#fff;	
color:#d0a5c7;	
border:1px solid #fadbbe;	}

.searchbutton:hover {	
color:#666;	
background:#eee;	
border:1px solid #999;	
text-decoration:none;	}

.searchfield {	
width:150px;	
padding: 1px 1px 1px 20px;	
background: url(images/icons/search-16.png) no-repeat #fff;	
color:#666;	
border:1px solid #fadbbe;	}

.searchfield:hover, .searchfield:focus {	
background: url(images/icons/search-16.png) no-repeat #eee;	
border:1px solid #999;	
text-decoration:none;	}

.button {	font-weight:bold;	padding: 1px;	background:#fff;	color:#666;	border-top:2px solid #fadbbe;	border-bottom:2px solid #fadbbe;	border-left:none;	border-right:none;	}

.button:hover {	color:#333;	background:#eee;	border-top:2px solid #999;	border-bottom:2px solid #999;	border-left:none;	border-right:none;	text-decoration:none;	}

#commentform input {	width: 170px;	margin: 5px 5px 1px 0;	border-top:2px solid #fadbbe;	border-bottom:2px solid #fadbbe;	border-left:none;	border-right:none;	}

#commentform textarea {	background:#eee;	width: 100%;	margin-top:5px;	border-top:2px solid #fadbbe;	border-bottom:2px solid #fadbbe;	border-left:none;	border-right:none;	}#commentform textarea:hover, #commentform textarea:focus {background:#fff;}

/* Comments*/

.commentlist {	padding-left:30px;	}	

.commentlist li {	margin: 15px 0 3px;	padding: 8px 15px 10px 15px;	background:#eee;	border-top:1px solid #999;	border-bottom:1px solid #999;	}

#commentform small {	background:#FFF;	font-weight:bold;	padding:0;	}	

.commentmetadata {	display: block;	}

.commentlist small {	background:#fff;	padding:2px 5px 2px 5px;	border-top:1px solid #999;	border-bottom:1px solid #999;	}

.commentlist cite { font-weight:bold; }		

/* Float Properties*/

.clear {	clear:both;	}.clearfloat:after {	display:block;	visibility:hidden;	clear:both;	height:0;	content:".";	}.clearfloat {/*never delete this otherwise MSIE will kill the layout */	display:inline-block;	}	.clearfloat {/*never delete this otherwise MSIE will kill the layout */	display:block;	}		

/*******************************************   Footer                        ******************************************/

#footer {	
background: #eaddca;         
border-width:4px;          
border-color:#fefcf1;           
border-style:ridge;         
margin: 0 auto;	
width: 85%;	
font-size:0.9em;	
text-align:left;	
padding-top:5px;         
padding-left:10px;         
padding-right:10px;         
padding-bottom:5px;	
color:#000000;	
}

#footer a {	
color:#73260e;	}

#footer h2, #footer h3 {  
width: 99%; 
display: block; 
font-size: 1em;  
background-color:#d0a5c7;  
margin:0;  
padding: 3px 0px 3px 0px;  
color:#Ffffff;  
font-weight: bold;  
}
#zlrecipe-container #zlrecipe-title { color: #ff0000; font-size: 24px; }
#zlrecipe-container #zlrecipe-title.b-b, #zlrecipe-container .item.b-b
{ border-color: #ff0000; }
#zlrecipe-container #zlrecipe-innerdiv .img-desc-wrap { background-color:
transparent; }
#zlrecipe-container { border-color:#ff0000; background-color: #ffffcc; }
#zlrecipe-container .zl-recipe-link { margin-left: 10px; }
#zlrecipe-container .instruction-image,
#zlrecipe-container .ingredient-image {
width: 300px; }

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}