/* Styles for ingredients list */
.ingr-list { list-style-type: none; text-indent: -20px; }
.ingr-sub-list { list-style-type: none; text-indent: -40px; }
.ingr-div { font-style:italic; font-weight:bold; }
.ingr-unit { font-weight:bold; }
.ingr-meas { color:#003399; }
.ingr-descr { }

/* Styles for prep time list */
.prep-list { text-transform: none; text-decoration: none; list-style-position: outside; list-style-type: none; padding: 0px 6px 6px 0px; margin: 0; }
.prep-list-item { padding-left: 18px; padding-bottom: 5px; background-repeat: no-repeat; }

/* Styles for equipment list */
.equip-list { text-transform: none; text-decoration: none; list-style-position: outside; list-style-type: none; padding: 0px 6px 6px 0px; margin: 0; }
.equip-list-item { padding-left: 18px; padding-bottom: 5px; background-repeat: no-repeat; }

/* Styles for related items */
.related-list { text-transform: none; text-decoration: none; list-style-position: outside; list-style-type: none; padding: 0px 6px 6px 0px; margin: 0; }
.related-list-item { padding-left: 18px; padding-bottom: 5px; background-repeat: no-repeat; }

/* Styles for shopping list */
.shop-store-name { font-weight: bold; }
.shop-store-div { border: 1px dotted #D6D9DD; padding-top: 5px; padding-left: 20px; padding-bottom: 5px; width: 95%; background: #EEEEEE;}
.shop-aisle-name { font-weight: bold; }
.shop-list-items { list-style-type: square; }
.shop-list-item { }
.shop-list-amount { font-family: Lucida Grande, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #777; }
.shop-list-recipes { }

.summary-style { font-style:italic; padding: 5px 8px 8px 8px; font-size: 1.2em;}

/* Style images for image marker on the index pages, style the index list */
.index-list { text-transform: none; text-decoration: none; list-style-position: outside; list-style-type: none; padding: 0px 5px 5px 0px; margin: 0; }
.index-list-item
{
	padding-left: 5px; padding-bottom: 10px; padding-top: 10px; background-repeat: no-repeat; border-bottom: solid 1px #BBB; width: 100%;
	color: #000;
	font-size: 14px;
	font-family: Lucida Grande, Helvetica, sans-serif;
	font-weight: bolder;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}
.index-icon { padding-right: 6px; padding-left: 2px; vertical-align:middle; }
.index-img { padding-right: 6px; padding-left: 2px; vertical-align:middle; }

body
{
	margin: 8px 0px 0px 1px;
	padding: 0;
	background: #fff;
	text-align: center;
	font: 14px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #000;
	width:320px;
}


table, td { font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000; }

#main, #breadcrumb, #footer { width: 320px; margin: 15px auto; text-align: left; }

#breadcrumb, #footer { text-align: center; clear: both; }
#breadcrumb { clear: both; font-size: 10px; padding: 1em 0; }

#footer
{
	font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	border-top: 1px solid #a1a5a9;
	padding-top: 1em;
}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}

div.clearer
{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

.ingredients
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5;
 	color: #000000;
 	background-color: #DBE3F0;
 	border: 0px;
	list-style-type: square;
	margin: 0 0 4px 0px;
	padding: 6px 6px 6px 6px;
}

.directions-text
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 16px;
 	color: #000000;
 	background-color: #FFF;
 	padding-bottom:2px;
  	border: 0px;
	padding: 0px 6px 0px 6px;
}

.nutrition
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	background-color: #FFF;
	padding: 6px 6px 0px 6px;
}

.keywords
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	background-color: #FFF;
 	padding-bottom:5px;
}

.note-text
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	background-color: #fff;
	padding: 6px 6px 0px 6px;
}

.iphone-note-text
{
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	background-color: #fff;
	padding: 6px 6px 0px 6px;
}

#header
{
	width: 100%; margin: 0;
	background-image:url(http://homepage.mac.com/mdupuis/MyShoppingLists/images/blue-grey.gif);
	height: 26px;
	text-align: left; overflow:hidden;
	text-shadow: 1px 1px 2px #000;
	color: #FFF;
	font-size: 15px;
	font-family: Helvetica, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-indent: 5px;
	padding-top: 8px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

#chef-header
{
	width: 100%; margin: 0;
	height: 20px;
	text-align: left; overflow:hidden;
	color: #000;
	font-family: Helvetica, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
	padding-top: 10px;
	font-weight: bolder; font-size: 14px; color: #333; text-align: left; text-shadow: #fff 1px 1px 1px;
}

#main { width: 100%; repeat-y top center; margin: 0 auto; float:left; }
.padder {padding: 0px 0px 0px 0px;}

#main .subcolumn1-3, #main .subcolumn3-3 { width: 186px; float: left; font-size: 11px; }
#main .subcolumn2-3 { width: 524px; float: left; }
#main .subcolumn1-3, #main .subcolumn2-3 { margin-right: 15px; }

#main h1 { font-size: 18px; margin-bottom: 0; color: #446BAA; }
#main h2 { font-size: 14px; margin-bottom: .15em; text-align:left; }

#main .right-column { border-left: 1px dotted #D6D9DD; }
#main .left-column { background: #FFF; }

#main .box
{
	border: 0;
	margin: 0px 3px 0px 3px;
	padding: 0px 6px 2px 5px;
	text-align:left;
 	border-top: 1px dotted #D6D9DD;
}

#main .box h2
{
	border: 0;
	margin: 0;
	padding: 2px 3px 2px 0px;
	color: #515151;
	font-weight: bolder;
	font-size: 12px;
}

#main .box .inside
{
	padding: 2px 4px 2px 4px;
	margin: 0;
	border: 0;
	line-height: 1.4em;
	font-size: 12px;
}

#main .box .line
{
	border: 0;
	margin: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

#main .box h3 {font-size: 12px; margin-bottom: .5em;}

#breadcrumb
{
	width: 100%;
	border-top: 2px solid #DBE3F0;
	margin-top: 0;
	padding: 0 0 30px 0px;
}

.imagestyle
{
	text-align: center;
}

.imageBorder
{
	cursor:pointer; cursor:hand;
}

ul {list-style: none outside; margin: 0; padding: 5 1em 0;}

.blacklinks a:link, .blacklinks a:visited {text-decoration: none; color: #000; font-weight: bold;}
.blacklinks a:hover {text-decoration: underline; color: #446BAA;}

.bluelinks a:link, .bluelinks a:visited {text-decoration: none; color: #3D6099; font-weight: bold;}
.bluelinks a:hover {text-decoration: underline; color: #000000;}

#main .inside p { margin-bottom: .5em; }