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

/*********reset**********/
	header, hgroup, nav, section, article, footer, div, img, p, ul, li {margin: 0; padding: 0; border: 0;}
	
	header, hgroup, nav, section, article, footer {display: block;}
	
	/***********general styles*******************/
	
	body{
		font: normal 85%/145% Arial, Helvetica, sans-serif;
		color: #666666;
		background: #fff url(../assets/bg.jpg);
	}
	h1, h2, h3, h4 {
		font-family:Georgia, "Times New Roman", serif;
		color: #000000;
	}
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 15px;
	}
	h3 {
		font-size: 13px;
		text-transform: uppercase;
	}
	h4 {  }
	
	a {
		text-decoration: none; 
		color: #2149b4;
	}
		
	p, ul {margin: 10px 0;}
	
	li { margin: 5px 0; }
	
	/****************layout****************/
	
	#container {
		width: 960px; 
		margin: 30px auto; 
		background: #fff; 
		-moz-border-radius: 15px; 
		border-radius: 15px;
		-moz-box-shadow: 0 0 5px 5px #ccc;
		-webkit-box-shadow: 0 0 5px 5px #ccc;
		box-shadow: 0 0 5px 5px #ccc;
	}
	header, div#content, footer {
		margin: 15px 30px; 
		width: 900px;	
	}
	
	header {
		float: left;
	}
	
	header #logo {
		margin: 0 15px 0 0;
		float: left;	
	}
	
	header nav {
		float: right;
	}
	
	header nav ul li { 
		display: block; 
		float: left;   
	}
	
	header nav ul li:after {content: "|";}
	header nav ul li:last-child:after {content: "";}
	
	header nav ul li a {
		margin: 5px;
	}
	
	header nav ul li, nav#subnav ul li {list-style: none;}
	
	nav a {  
		padding: 2px 5px; 
		background: #fff; 
		border: solid 1px #fff;
		-moz-border-radius: 15px; 
		border-radius: 15px;
	}
	
	nav a:hover, nav a:active, nav a:focus { 
		background: #f4f3e8; 
		border: solid 1px #f4f3e8;
		-moz-box-shadow: 2px 2px 2px 2px #ccc;
		-webkit-box-shadow: 2px 2px 2px 2px #ccc;
		box-shadow: 2px 2px 2px 2px #ccc;  
	}
	
	#content { clear: both; float: left; }
	
	nav#subnav {
		float: left;	
	}
	nav#subnav ul li ul li {margin: 8px 0;}
	
	.current { font-weight: bold; color: #000; }
	
	nav#subnav ul li ul {margin-left: 15px;}
	
	section#recipe {
		margin-left: 300px;	
	}

	#recipe ul li {
		margin-left: 15px;
		list-style: url(../assets/checkmark.png) inside; 
	}
	
	footer {
		clear: left;
		padding: 15px 0 30px 0;
		text-align: center;	
		border-top: dotted 1px #555;
	}
	
	/***********************************recipe page******************/
	#baked, #savory, #dessert {
		float: left; 
		width: 285px; 
	}
	#baked, #savory {
		margin-right: 15px;
			
	}
	#baked h3, #savory h3, #dessert h3 {margin-top: 0;} 
	
	article {
		clear: left; 
		float: left; 
		margin: 5px 0px; 
		width: inherit; 
		border-top: dotted 1px #555;
	}
	
	article h4, article p {
		margin: 5px 0 0 0; 
		font-size: .9em;
	}
	
	article img {
		display: block; 
		float: left; 
		margin-right: 10px;
	}
	
/*******************************tables********/
	table {
		margin: 10px 0;
		border-collapse: collapse;
		width: 100%;
	}
	
	table th {
		text-transform: uppercase;
		padding: 5px;
	}
	
	table td {
		padding: 6px;
		text-align: center;
	}
	
	table tr:nth-of-type(even) {
		background: #f4f3e8;
		border: solid 1px #f4f3e8;
	}
	
	table td:nth-of-type(even) {
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
	}