/* 
Blue blog template 
----------------------
You are free to use
this template in any
way you desire, no
author information or
link back are required.
*/

/* Styles for ingredients list */
.ingr-list { list-style-type: none; display:block; margin-left: 5px; margin-right: 5px; padding: 5px; }
.ingr-sub-list { list-style-type: none; text-indent: 20px; }
.ingr-div { font-style:italic; font-weight:bold; }
.ingr-unit { font-weight:bold; }
.ingr-meas { font-weight:bold; color:#76A7DC; }
.ingr-descr { }
.recipe-image { width:120px; float:right; margin: 25px 0 5px 12px; padding: 4px; border: 1px solid #a0a0a0; }
.affiliate-image { width: 128px; float:left; margin: 0px 0 10px 0px; padding: 4px; border: 0px; }

/* Styles for prep time list */
.prep-list { list-style-type: none; }
.prep-list-item { list-style-type: none; text-indent: 0px; }
.prep-img { padding-right: 4px; padding-bottom: 3px; vertical-align:middle; }

/* Styles for equipment list */
.equip-list { list-style-type: none; }
.equip-list-item { list-style-type: none; text-indent: 0px; }

/* Style images for related items */
.related-img { padding-right: 4px; padding-bottom: 3px; vertical-align:middle; }

/* Style images for image marker on the index pages, style the index list */
.index-list { list-style-type: none; }
.index-list-item { list-style-type: none; text-indent: 0px; }
.index-img { padding-left: 4px; vertical-align:middle; }
.index-icon { padding-right: 4px; vertical-align:middle; }

.download-img { padding-right: 4px; vertical-align:middle; border: 0px; }

.box
{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

.download-box
{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#D4E7F7;
	color:#505050;
	line-height:1.5em;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #337FC6 url("http://www.fperkins.com/recipes/images/bg.gif") top center repeat-y;
	font: normal 8pt/13pt verdana, arial,sans-serif;
	color: #808080;
}

p {
margin-bottom: 20px;
padding-left: 14px;
background: url(images/articlebg.gif) top left repeat-y;
}

a, a:visited {
	text-decoration: underline;
	color: #000;
	
}

a:hover {
	color: #808080;
}

#header {
	width: 562px;
	height: 60px;
	background: #000 url("http://www.fperkins.com/recipes/images/header.gif") no-repeat;
	padding-top: 30px;
	padding-left: 18px;
	font-size: 14pt;
	color: #FFF;
	line-height: 1.1em;
}

#header h2{
	padding-top: 5px;
	font-size: 9pt;
	color: #C2D9EF;
}

#container {
	width: 580px;
	background: #fff url("http://www.fperkins.com/recipes/images/sidebar.gif") repeat-y right;
	border: solid 10px #fff;
	margin: 0 auto;
	text-align: left;
}

#container-index {
	width: 580px;
	background: #fff url("http://www.fperkins.com/recipes/images/sidebar-blank.gif") repeat-y right;
	border: solid 10px #fff;
	margin: 0 auto;
	text-align: left;
}

#horizontal {
	width: 560px;
	height: 30px;
	background: url(http://www.fperkins.com/recipes/images/horizontal.gif);
	font-weight: bold;
	font-size: 8pt;
	padding-top: 6px;
	padding-left: 20px;
	
}

#horizontal a, #horizontal a:visited {
	color: #C2D9EF;
	text-decoration: none;
	margin-right: 15px;
}

#horizontal a:hover {
	color: #FFF;
	text-decoration: none;
}

#right-column {
	color: #000;
	width: 134px;
	background: url(http://www.fperkins.com/recipes/images/menutop.gif) no-repeat top left;
	float: right;
	padding: 10px;
	border-right: 4px solid #FFF;
}

#right-column h3 {
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
	margin-top: 5px;
}

#right-column p {
margin-bottom: 20px;
padding-left: 14px;
}

#content {
	float: left;
	width: 410px;
	margin: 10px 0 0 4px;
}

#content h2{
	font-size: 12pt;
	font-weight: bold;
	color: #76A7DC;
	margin-bottom: 5px;
	padding-left: 14px;
	background: url(http://www.fperkins.com/recipes/images/h2bg.gif) top left repeat-y;
}

#content h3{
	font-size: 9pt;
	font-weight: bold;
	color: #76A7DC;
	margin-bottom: 5px;
	padding-left: 14px;
	background: url(http://www.fperkins.com/recipes/images/h2bg.gif) top left repeat-y;
}

.black {
	color: #000;
}

#footerXXX {
	color: #ccc;
	background: #F9F9F9;
	clear: both;
	width: 405px;
	margin-left: 4px;
	height: 20px;
	padding: 4px;
	border: 1px solid #E4E4E4;
}

#footerXXX a, #footerXXX a:visited{
	color: #ccc;
}

#footerXXX a:hover {
	color: #808080;
}