@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; list-style: url(../assets/checkmark.png) inside; }
	
	/****************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;
		margin-top: 30px;/*************/
	}
	
	header #logo {
		margin: 0 15px 0 0;
		float: left;	
	}
	/*header nav {
		clear: left;
		float: right;
	}
	
	header nav ul {float: left;}
	
	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: all; 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;	
	}

	
	footer {
		clear: left;
		padding: 15px 0 30px 0;
		text-align: center;	
		border-top: dotted 1px #555;
	}
	
	/************************individual recipes*********************/
	
	#recipe ul li {margin-left: 15px;}
	
	/***********************************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;}
	
	article a, article a:hover {background: none; border: none;}