/*Main Stylesheet*/

img, div, h1, p { behavior: url(../scripts/iepngfix.htc) } /*used to create PNG trasparency in crappy IE6.  Ensure 'blank.gif' is in 'images' and enable each HTML element you require PNG support in*/
td, th {text-align:left;}
caption {text-transform:uppercase; text-align:left; font-weight:bold;}
body { 
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial;
	font-size:14px;
}
a {text-decoration:underline; color:#9E7827}
a:hover {color: #B04600; }	
#header {
	background: #969172; padding:24px; margin:12px 0;
}
	#header h1 span {display:none;}
#intro {background:url(../img/pixel-trans.png) repeat; padding:1em; margin-bottom:1em;}
#intro p, .para p {color:#FFFFFF; margin-bottom:1em; font-size:1.1em; line-height:1.3em; }
	#intro p.first-para { font-size:1.7em; color:#D58000;}
#video {
	background:url(../img/chopping-board.png) no-repeat center; 
	height:407px;
	margin-bottom:2em;
} 
	#video h2 span {display:none;}
	#mediaspace {margin: 25px 0 0 235px;}
#recipe {
	background:url(../img/recipe-card.jpg) repeat-y; 
	color:#76591D;
	width:534px;
}
	#recipe div.wrapper {
		margin:6px; 
		border:6px solid #CC9933;
		padding:12px;
	}
	#recipe h2 {
		padding:12px 0 12px 24px;
		font-family: "Myriad Web Pro", "Trebuchet MS";
		font-size:200%;
	}	
	#recipe img {float:right; padding:12px;}
	#recipe ol, #recipe ul { margin:10px 30px 0 40px;}
	#recipe li {
		list-style: decimal; 
		margin:0 0 12px 12px; 
		line-height:1.2em; 
		font-size:110%;
	}
#ingredients {
	background:url(../img/indredients.png) no-repeat;
	height:318px;
	margin-top:30px;
}
	#ingredients span {display:none;}
	#ingredients ul {padding:80px 0 0 20px;}	
	#ingredients li {margin:0 0 6px 40px; list-style:disc;}
	
#products {
	 margin:20px 0 20px 0;
	 background:url(../img/shopping-list.png) no-repeat;
	 padding: 140px 0 0 0;
}
	#products table { width:580px;}
	#products td { padding:10px; font-size:16px; } 
	#products th { padding:10px; color: #CC0000; font-size:18px;}
	#products h2 span {display:none;}
	#products caption {display:none;}
.print p {
	background: url(../img/icon-printer.png) 5px 5px no-repeat #FFFFFF; 
	padding:10px 10px 10px 48px; 
	border-top:3px solid #FFC46A;
	border-left:3px solid #FFC46A;		
	border-bottom:3px solid #FFB340;
	border-right:3px solid #FFB340;	
	font-size:140%;
}
.imgRight {float:right; margin:0 0 1em 1em;}
.imgLeft {float:left; margin:1em 1em 0 0;}

a.backlist  {
	display: block;
	position:absolute; top: 155px; left: 85px;
	width: 7em; 	/* Needed for IE5x */
	padding: 0.2em;
	line-height: 1.3 em;
	background: #FFFFFF;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	text-align: center;
}
a:hover.backlist {
	background:#633;
	color:#fff;
}
a.backlist2  {
	display: block;
	position:absolute; top: 355px; left: 85px;
	width: 7em; 	/* Needed for IE5x */
	padding: 0.2em;
	line-height: 1.3 em;
	background: #FFFFFF;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	text-align: center;
}
a:hover.backlist2 {
	background:#633;
	color:#fff;
}
img.printdish {
	display: none;
}
#indexrecipe1 {
	background:url(../img/recipe-card.jpg) repeat-y; 
	color:#76591D;
	width:240px;
}
#indexrecipe1 div.wrapper {
	margin:6px; 
	border:6px solid #CC9933;
	padding:12px;
}
#indexrecipe1 h2 {
	padding:12px 0 12px 24px;
	font-family: "Myriad Web Pro", "Trebuchet MS";
	font-size:200%;
}	
#indexrecipe1 img {float:right; padding:12px;}
#indexrecipe1 ol, #indexrecipe ul { margin:10px 30px 0 40px;}
#indexrecipe1 li {
	list-style-type:circle; 
	margin:0 0 12px 12px; 
	line-height:1.2em; 
	font-size:110%;
}
#indexrecipe2 {
	background:url(../img/recipe-card.jpg) repeat-y; 
	color:#76591D;
	width:240px;
}
#indexrecipe2 div.wrapper {
	margin:6px; 
	border:6px solid #CC9933;
	padding:12px;
}
#indexrecipe2 h2 {
	padding:12px 0 12px 24px;
	font-family: "Myriad Web Pro", "Trebuchet MS";
	font-size:200%;
}	
#indexrecipe2 img {float:right; padding:12px;}
#indexrecipe2 ol, #indexrecipe ul { margin:10px 30px 0 40px;}
#indexrecipe2 li {
	list-style-type:circle; 
	margin:0 0 12px 12px; 
	line-height:1.2em; 
	font-size:110%;
}