/* CSS Stylesheet for ProfessionalRecipes.com, non-IE browsers and standards compliant */

/* Reset Browser Defaults */

*	{
	padding: 0px;
	margin: 0px;
	}

/* ---------- Basic Page Elements ------------ */

body	{
	font-family: verdana;
	font-size: 1em;
	background-color: #B5D8FC;
	text-align: center;
	}

a	{
	text-decoration: none;
	color: #0374CF;
	}

a:hover {
	color: #990000;
	text-decoration: underline;
	}
	
div.container	{
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding-top: 5px;
	}
	
div.top	{
	background: url('../images/top-site-green.gif') no-repeat top; /* top-site.gif */
	width: 990px;
	height: 20px;
	margin: 45px 0 0 0;
	}

div.bottom	{
	background: url('../images/bottom-site-green.gif') no-repeat bottom; /* top-site1.gif  bottom-site-red */
	width: 990px;
	height: 25px;
	}
	
h1	{
	font-size: 11pt;
	margin: 5px 1px 1px 5px;
	font-weight: bold;
	}
	
h2	{
	font-size: 12pt;
	margin: 5px 1px 0px 5px;
	}

p	{
	text-indent: 10px;
	/* text-align: left; */
	margin: 5px 0px 5px 5px;
	}

td	{
	font-family: verdana;
	font-size: 9pt;
	color: black;
	/* text-align: left; */
	}

ul	{
	list-style: none;
	margin: 10px;
	}

li	{
	margin-top: 9px;
	margin-bottom: 9px;
	}

hr	{
	color: #990000;
	background-color: #990000;
	height: 1px;
	border: none;
	text-align: left;
	}

h3	{
	font-size: 10pt;
	margin: 5px 1px 1px 5px;
	}

	
/* ------- Page Header - logo and search -------- */

div.header	{
	position: absolute;
	margin: 0 0 0 0px;
	padding: none;
	}

div.topfloat	{
	float: right;
	text-align: left;
	font-size: 8pt;
	padding-top: 25px;
	/* position: absolute; */
	/*  left: 745px; */
	margin: 0 15px 0 0;
	}
	
div.search	{
	padding: 0px;
	}

div.wrapper	{
	width: 400px;
	}


/* ---------- Main Menu; start of table, cellpadding is 5---------- */

td.content	{
	white-space: nowrap;
	text-align: left; /* center; if we do rollovers */
	vertical-align: top;
	background-color: #990000; /* #0374CF; idea for sidebar with rollovers */
	width: 126px;
	}

ul.sidebar	{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	}
	
a.contentlinks	{
	color: #B5D8FC;
	border: 1px solid #990000; /* #0374CF; */
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	}
	
a.contentlinks1	{
	color: #0374CF;
	border: 1px solid #B5D8FC;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	}

a:hover.contentlinks	{
	color: #990000;
	border: 1px solid black;
	background-color: #FFFFE0;
	text-decoration: none;
	padding: 1px;
	}
	
a:hover.contentlinks1	{
	color: #990000;
	border: 1px solid black;
	background-color: #FFFFE0;
	text-decoration: none;
	padding: 1px;
	}

a.nav	{
	color: #990000;
	border: 1px solid black;
	background-color: #FFFFE0;
	text-decoration: none;
	padding: 1px;
	font-weight: bold;
	}
	
div.leftad	{
	text-align: left:
	padding: 0;
	margin: 0;
	}
	
/* ---------- Main Content Area ------------ */
/* also uses ul.sidebar */

td.content1	{
	background-image: url("../images/topbar.gif") no-repeat top right;
	background-color: #F9F7ED;
	border-right: none;
	vertical-align: top;
	width: 650px;
	}
	
td.search	{
	background-image: url("../images/topbar.gif") no-repeat top right;
	background-color: white;
	border-right: none;
	vertical-align: top;
	width: 844px;
	padding: 10px;
	}

div.transON	{
	width: 550px;
	height: 86px;
	background-color: #0374CF;
	opacity:.75;
	filter: alpha(opacity=75);
	border: 1px solid black;
	vertical-align: middle;
	margin: 0 0 0 25px;
	}

div.transOFF	{
	width: 550px;
	height: 86px;
	background-color: #0374CF;
	border: 1px solid black;
	vertical-align: middle;
	color: #B5D8FC; /* this is used to change the text blue in the rollover boxes */
	margin: 0 0 0 25px;
	}
	
p.hotspots	{
	font-weight: normal;
	text-indent: 0px;
	margin: 0;
	}

a.hotspots	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

a.hotspots:hover	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

img.hotspots	{
	float: left;
	border: 1px solid silver;
	margin: 5px;
	}

img.redborder	{
	float: left;
	border: 1px solid red;
	margin: 5px;
	}

a.blue	{
	color: #000000;
	display: block;
	width: 550px;
	height: 86px;
	}
	
a:hover.blue	{
	color: #B5D8FC;
	text-decoration: none;
	}
	
a.bluer	{
	color: #000000;
	display: block;
	width: 550px;
	height: 50px;
	}
	
a:hover.bluer	{
	color: #B5D8FC;
	text-decoration: none;
	}

/* ------------- Recipe Box Components ---------------- */

td.content2	{
	background-color: #F9F7ED;
	border-left: 0;
	border-color: silver;
	vertical-align: top;
	}
	
div.right-menu	{
	width: 250px;
	height: 20px;
	background: url('../images/toprightbar.gif') no-repeat top;
	border-bottom: 1px solid #000000;
	padding-left: 5px;
	padding-top: 10px;
	margin: 0px 0px 0px 5px;
	}
	
div.right-menub	{
	width: 250px;
	height: 20px;
	background: url('../images/bottomrightbar.gif') no-repeat bottom;
	padding-left: 5px;
	margin: 0px 0px 0px 5px;
	}

div.border	{
	width: 255px;
	height: 260px;
	padding-top: 5px; /* this fixed issue of no blue under header */
	background: #B5D8FC;
	margin: 0px 5px 0px 5px;
	}
	
div.border1	{
	width: 255px;
	height: 140px;
	padding-top: 5px; /* this fixed issue of no blue under header */
	padding-left: 0px;
	background: #B5D8FC;
	margin: 0px 5px 0px 5px;
	}
	
div.share	{
	margin: 0px 5px 0px 15px;
	}
	
td.tools	{
	padding: 0 0 0 15px;
	}
	
td.tools1	{
	text-align: center;
	padding: 4px 0 0 0;
	}
	
td.tools2	{
	padding: 4px 0 0 15px;
	}
	
/* featured articles box above */
	
a.recipelinks	{
	color: #0374CF;
	border: 1px solid #B5D8FC;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	}

a:hover.recipelinks	{
	color: #990000;
	border: 1px solid black;
	background-color: #FFFFE0;
	text-decoration: none;
	padding: 1px;
	}

li.sidebar	{
	background-image: url('../images/arrows.gif');
	background-repeat: no-repeat;
	padding-left: 1.5em;
	background-position: center left;
	margin: 8px 0px 8px 0px; /* top right bottom left */
	font-weight: bold;
	}
	
h3.recipe	{
	color: #FFFFFF;
	margin: 0 0 0 5px;
	}
	
/* above is used for white in the right menu boxes' titles */


/* -------------- Tool Box Components ----------------- */

ul.sidebar1	{
	margin-left: 10px;
	}
	

/* -------------- Search Box ----------------- */

/* uses same box config (.right-menu, .border) as recipe list */

input.go	{
	border: 1px solid #000000;
	width: 35px;
	}
/* above not used in IE style sheet */


/* -------------- Info Boxes - used on sidebars ---------------------- */

div.info	{
	width: 255px;
	height: 75px;
	background-color: #B5D8FC;
	padding-top: 5px; /* this fixed issue of no blue under header */
	/* text-align: center; */
	margin: 0px 5px 0px 5px;
	}
/* blog updates boxes */
	
div.info1	{
	width: 255px;
	height: 400px;
	background-color: #B5D8FC;
	padding-top: 5px; /* this fixed issue of no blue under header */
	text-align: center;
	margin: 0px 5px 0px 5px;
	}
	
/* recipe updates boxes - pulled from tumblr */	

div.info2	{
	width: 255px;
	height: 115px;
	background-color: #B5D8FC;
	padding-top: 5px; /* this fixed issue of no blue under header */
	margin: 0px 5px 0px 5px;
	}
/* content links box on sitemap */

div.info3	{
	width: 255px;
	height: 200px;
	background-color: #B5D8FC;
	padding-top: 5px; /* this fixed issue of no blue under header */
	margin: 0px 5px 0px 5px;
	}

/* sitemap - featured recipe description */

/* -------------- Page Footer ------------------ */

div.footer	{
	font-size: 8pt;
	text-align: center;
	}

/* ---------------- Page Specific Elements - notes attached ---------------- */

	/* ----- Recipe Index Page ----- */
	
div.recipesOFF	{
	width: 550px;
	height: 50px;
	background-color: #0374CF;
	border: 1px solid black;
	color: #B5D8FC;
	margin: 0 0 0 25px;
	}

div.recipesON	{
	width: 550px;
	height: 50px;
	background-color: #0374CF;
	opacity:.75;
	filter: alpha(opacity=75);
	border: 1px solid black;
	margin: 0 0 0 25px;
	}
	
img.recipes	{
	float: left;
	border: 1px solid silver;
	margin: 4px;
	}
	
img.recipeson	{
	float: left;
	border: 1px solid red;
	margin: 4px;
	}

	/* ----- End Index ----- */

a.definition	{
	color: #0374CF;
	text-decoration: none;
	font-weight: bold;
	}

td.center-page	{
	border: 1px solid;
	border-color: silver;
	}

div.norecipes	{
	width: 290px;
	padding: 10px;
	}

div.calc	{
	margin: 0 auto;
	/* padding: 10px; */
	text-align: center;
	}
	
ul.num	{
	list-style: decimal;
	margin: 0 0 0 50px;
	}

div.recipe-friend	{
	text-align: center;
	}

div.linkbox	{
	text-align: center;
	}

table.measurement	{
	width: 560px;
	margin: 0 auto;
	}
	
table.measurement td	{
	/* width: 200px; */
	vertical-align: middle;
	border: 1px solid black;
	padding: 5px;
	}
	
p.art	{
	font-weight: bold;
	}
	
p.tools	{
	font-size: 1em;
	vertical-align: bottom;
	}
	
ul.article	{
	list-style: circle;
	margin: 0 0 0 50px;
	}
	
ul.ingred	{
	list-style: disc;
	margin: 0 0 0 50px;
	}

ul.instruct	{
	list-style: decimal;
	margin: 0 0 0 50px;
	}
	
/* Ad for middle of page */

div.float	{
	float: right;
	padding: 15 px;
	}

div.lfloat	{
	float: left
	}
	
/* above used to make the image in rollover boxes float left... paragraph below does not align */

p.sitemap	{
	margin-left: 5px;
	}
	
li.tips	{
	background-image: url(../images/arrows.gif);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: center left;
	}

/* Below is used to center survey forms */

div.form	{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/* border: 1px solid #990000; */
	}
	
div.form ul	{
	margin: 5px 0 0 20px;
	}
	
div.form1	{
	width: 420px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
	
div.form2	{
	width: 435px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

/* Latest Recipe lists */

ol	{
	list-style: none;
	padding-left: 10px;
	margin-left: 10px;
	}
	
p.blog	{
	margin: 5px 0 0 0;
	}
	
div.rightfloat	{
	float: right;
	margin: 50px 0 0 0;
	width: 200px;
	height: 200px;
	}
	
td.tdsmall	{
	font-size: 7pt;
		}

p.date	{
	font-style: italic;
	}
	
div.center	{
	text-align: center;
	}

table.form	{
	margin: auto;
	}
	

/* Feedburner BuzzBoost Styles */

div.feedburnerFeedBlock	{
	font-size: 1em;
	}
	
div.feedburnerFeedBlock ul	{
	/* padding-left: 15px; */
	}
	
div.feedburnerFeedBlock ul li	{
	background-image: url('../images/arrows.gif');
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 1.5em;
	}
	
div#creditfooter {
display: none;
}