@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;} 

/* CSS resets */
html, body, #wrap {
	height: 100%;
}


/* wrapper for forcing footer (with .clearfix) */

body > #wrap {
	height: auto; 
	min-height: 100%; 
}

#header {
	text-align: center;
	width: 100%;
}
/* main div container in #wrap */

/* div ID */

#container {
	position: relative;
	background-color: #ffffff;
	border-right: 1px solid #001e96; 
	border-left: 1px solid #001e96;
	width: 950px;
	text-align: left; /* IE fix */
	min-height: 100%;
	height: auto;
	margin-left: auto;
	margin-right:auto;
	padding: 0 1em 0 1em;
}

/* div for banners */
#adhead{
	padding: 1em 0 1em 0em; /* t r b l */
	width: 100%;
	float: left;
}
/* date & time box */
#date {
	position: absolute;
	top: -18px;
	right: 204px;
	background-color: #000000;
	z-index: 2000;
}

/* footer div */
#footer {
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight:400;
	font-stretch:narrower;
	line-height: 1.5em;
	width: 100%;
	text-align: center;
	height: 60px;
	padding-top: 5px;
	background-color: #eae8f1;
	border-top: #591dbe solid 1px;
} 
#main {
	padding-bottom: 60px; /* must be same height as the footer */
	margin-left: auto; 
	margin-right: auto;
}  

/* leftside content div */			
#left {
	width: 440px;
	padding: 2em 5px 2em 5px;
	float: left;
}

/* mid width content div */
#mid{
	width: 330px;
	padding: 2em 0 2em 0;
	float: left;
	text-align: center;
}

/* narrow width content div */
#right{
	width: 125px;
	padding: 2em 5px 2em 5px; /* t r b l */
	float: left;
}

/* content div */
#bigcol{
	width: 580px;
	padding: 2em 5px 2em 5px;
	float: left;
}

/* content div */
#sixfiftycol{
	width: 600px;
	padding: 2em 5px 2em 5px;
	float: left;
}

/* content div */
#eighthundredcol{
	width: 800px;
	padding: 2em .25em 2em .25em;
	float: left;
}

/* content div */
#onebigcol{
	width: 910px;
	padding: 2em .25em 2em .25em;
	float: left;
}

/* quote of day box */
#quote{
	position: absolute;
	left: 780px;
	width: 350px;
	color: #FFCCFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1em;
	font-style:italic;
	padding: 5px;
	z-index: 2000;
	top: -111px;
	height: 90px;
}

/* search box */
#search {
	position: absolute;
	top: 215px;
	right: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
	z-index: 2200;
	border: 1px solid #FFFFFF;
	padding: 4px;
}

/* classes below */

.adbox {
	width: auto;
	margin: 5px;
	border: 1px #000000 solid;
	}
	
/* .img for image placement float left / right */
.imgleftnoborder {
	width: auto;
	float: left;
	margin: 10px;
	}
	
.imgrightnoborder {
	width: auto;
 	float: right;
	margin: 10px;
	}
	
.imgleft {
	width: auto;
	float: left;
	margin: 10px;
	border: 1px #000000 solid;
	}
	
.imgright {
	width: auto;
 	float: right;
	margin: 10px;
	border: 1px #000000 solid;
	}
	
/* ----  */	
	
	
.smborderbox{
	border: 1px #000000 solid;
	padding: 10px;
	}

a.searchy:link{
	color: #ffffff;
	text-decoration:none;
}
a.searchy:hover {
	color: #fd47c8;
	background-color:#fd47c8;
	text-decoration:underline;
}
a.searchy:active {
	text-decoration: none;
}
a.searchy:visited {
	color: #ffffff;
	text-decoration: none;
}

a img { border: 0; }

a:link {
	color: #591dbe;
	text-decoration:none;
}

a:hover {
	color: #fd47c8;
	text-decoration:underline;
}

a:active {
	text-decoration: none;
}

a:visited {
	color: #990033;
	text-decoration: none;
}

p.author{
	text-align: right;
	font-size: .8em;
	color: #FFCCFF;
	font-size: 1em;
	line-height: 1em;
	font-style:italic;
}

p.bold{
	font-weight: bold;
}
 
p.right{
	text-align:right;
}

ul.list{
	margin-left: 1.25em;
}


/* main text classes below */

.articletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	text-indent: 1em;
}

.byline {
	font-size: .8em;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: inherit;
}

.CWbloo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	line-height: 1em;
	font-weight: 700;
	font-variant: normal;
	font-stretch: semi-condensed;
	color: #591dbe;
	word-spacing: normal;
}

.regular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	line-height: 1.5em;
	text-indent: 1em;
}

.indexbox{
	width: 230px;
	float: right;
	text-align:center;
	}

.recipeintro {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: .9em;
	line-height: 1.5em;
	text-indent: 1em;
}

.recipe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	text-indent: 1em;
}

.recipeital {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style:italic;
	line-height: 1.5em;
	text-indent: 1em;	
}

.recipebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	font-weight:600;
}

.recipetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.5em;
	text-indent: 0;
	font-weight:600;
}

.gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.25em;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
}

.hed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #591dbe;
	line-height: 1.5em;
	font-variant: small-caps;
	font-stretch: semi-condensed;
}

.smhed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #591dbe;
	line-height: 1.5em;
	font-variant: small-caps;
	font-weight:500;
	font-stretch: semi-condensed;
}

.subhed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #591dbe;;
	font-weight: 600;
	text-indent: 0;
}

.mainhed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: 700;
	text-indent: 0;
	color: #fd47c8;
}

.purplebox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform:uppercase;
	background-color: #591dbe;
	background-position: left;
	text-indent: 1em;
	clear: none;
	float: none;
	width: auto;
	color: #FFFFFF;
}

.smallnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #666666;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: left;
}

.center{
	text-align:center;
	}

/* CLEAR FIX - forces footer to bottom*/
.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;
}
.subheadCookbook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #591DBE;
	font-weight: bold;
}