/* 

	Unfussy Food CSS

	Author: Jess Eddy

	CSS: 	All

	Last Modified: 07/2007

 


*/




/* ------------------------------------------------------------

	COMMON
	
------------------------------------------------------------ */

	html, body{ 
 		margin:0; 
 		padding:0; 
 		text-align: left;
 		font-family: arial, helvetica, geneva, "sans serif";
 		font-size: 12px;
 		color: #5c5646;
 		line-height: 23px;
 		background-color: #e0e0d3;
 		background: #fafaee url("../images/Body.jpg") repeat-x;
} 
 
	#ContentWrapper{ 
	 	width:940px; 
	 	text-align:left;  
	 	margin: 0 auto 0 auto;
 		background-color: white; 
 		border-left: 1px solid #bdbd94;
 		border-right: 1px solid #bdbd94;
} 

	#NavigationWrapper{
		width: 240px;
		height: auto;

}



/* ------------------------------------------------------------

	HEADER
------------------------------------------------------------ */
	
 
	#HeaderWrapper{
 		height:110px; 
 		width:890px;
 		margin: 0 auto 5px auto; /*This leaves a 25px margin on each side*/
 		float: none;
} 

	#TopNavigation{
		text-align: right;
		height: 20px;
		float: none;

}

	#HeaderLeft{
		float: left;
		width: 445px;
		margin-top: 15px;

}

	#HeaderRight{
		float: right;
		width: 405px;
		text-align: right;
		margin-top: 60px;

}


	/* ------------------------------------------------------------

	CONTENT
	
------------------------------------------------------------ */



	#TwoColWrapper{
 		width:890px;
 		margin: 0 auto 0 auto; /*This leaves a 25px margin on each side*/
 		float: none; 
 		background-color: white;
 		
 }


  #LeftCol{
 		width:240px; 
 		float:left;
 		margin: 10px 0 0 0; 

}
 
  
	#ContentCol{
 		width:560px; /*This leaves a 30px margin between columns*/
 		float:right; 
 		border: 1px solid #e9c0ba;
 		padding: 30px;
 		border-bottom: 10px solid #b72f1a;
 		margin-bottom: 50px;
 		min-height: 700px;
 		
}
 

 .Promo{
 		padding-bottom: 7px;

}






/* ------------------------------------------------------------

	FOOTER
	
------------------------------------------------------------ */



	.Footer a:link, .Footer a:active, .Footer a:visited {
		text-decoration: none;
		color: #9b9582;
}

	.Footer a:hover {
		color: #5c5646;

}
	.Footer {
		font-size: 11px;
		font-family: arial, geneva, helvetica, sans-serif;
		text-align: left;
		color: #9b9582;
		line-height: 15px;
}

	 #Footer{
		height:30px; 
	 	width:940px;   
	 	margin: 10px auto 0 25px;
	 	padding: 0 0 20px 0;
 } 

 



 /* ------------------------------------------------------------

	CLASSES
	
------------------------------------------------------------ */


	.cssMenus{
		margin-left: 5px

}



 	.navigationTop{
 		border-top: 1px solid #e6e6e6;
 	 	border-bottom: 1px solid #e6e6e6;
 		line-height: 10px;
 		height: 59px;

}

 	.navigation{
 		border-bottom: 1px solid #e6e6e6;
 		line-height: 10px;
 		height: 59px;


}


 .photo{
 		border: 1px solid #a38853;
		display: inline;
		float: right;
		margin-left: 10px;
		padding: 0;
		font-size: 10px;
		color: #e48e2a;
		line-height: 14px;
		width: auto;
		height: auto;
}


	h1{

		border-bottom: 1px solid #ccc;
		font-size: 18px;
		font-weight: lighter;
		color: #e48e2a;
		margin-bottom: 0px;
}


	h2{
		font-size: 20px;
		font-weight: lighter;
		margin: 0 0 5px 0;
		color: #5a5137;

}

	.unfussyFact{
		color: #d28934;
		margin-bottom: 40px;
		line-height: 16px;


}


/* ------------------------------------------------------------

	COMMON LINK STATES
	
------------------------------------------------------------ */

	a:link {
		color: #9b9582;
		text-decoration: none;
	}

	
	a:active{
		color: red;
		text-decoration: none;
}

	a:visited {
		color: #9b9582;
		text-decoration: none;
}

	a:hover {
		color: #5c5646;
		text-decoration: none;
}

	a img { border: 0; }		/* Removes all borders from hyperlinked images */


	li {  
		list-style-position: outside; 
		list-style-type: circle;
		margin: 0 0 0  2em;
		padding: 0 0 0 0.2em;
}


	ul, ol {  
		margin: 0; 
		padding: 0 0 0 0.2em;

}


	.MenuLinks{
		font: 11px arial, helvetica, sans-serif ;
		line-height: 17px;

}

	

/* ------------------------------------------------------------

	CSS DROP DOWNS
	
------------------------------------------------------------ */


	#Facts {
		float:left;
		display:none;
		position: relative;
		border:1px solid #ccc; 
		width:140px;
		background-color:#fff;
		line-height:21px;
		margin-top:-6px;
		padding: 3px 0px 3px 5px; 
		margin-left:87px;
		text-align: left;
		
}

	#Recipes {
		float:left;
		display:none;
		position: relative;
		border:1px solid #ccc; 
		background-color:#fff;
		width:250px; 
		margin-top:-6px;
		margin-left:195px;
		padding: 3px 0px 3px 5px; 
		color:#275674; 
		line-height:21px;
		z-index:0;
		text-align: left;

}


	#Facts a:link, #Facts a:active, #Facts a:visited {
		text-decoration: none;
		color: #5c5646;
		background-color: white;
}

	#Facts a:hover {
		color: #9b9582;

}


	#Recipes a:link, #Recipes a:active, #Recipes a:visited {
		text-decoration: none;
		color: #5c5646;
		background-color: white;
}

	#Recipes a:hover {
		color: #9b9582;

}
	

/* ------------------------------------------------------------

	NEWSLETTER MOD
	
------------------------------------------------------------ */

	.newsletterCat {
		width:99%;
		font-size: 12px;
		text-align: left; 
		font-weight: bold;
    background-color:#f4f4f4;
		padding: 3px 5px 3px 5px;
		
}

		
	.newsletterName{
		width:99%;
		
	}
	
 	.newsletterDesc{
	 margin: 10px 30px 30px 0;
	}

	
	.newsletterTag{
		width: 325px;
		color: #4C2508;
		
	}

	
   .newsletterButton{
    float: left;
    width: 99%;
		font-size: 11px;
		color: #4C2508;
		
	}

	
    .newsletterError{
		font-size: 13px;
    font-weight: bold;
    margin-bottom: 200px;

    }


/* ------------------------------------------------------------

	BLURB MOD
	
------------------------------------------------------------ */

  .blurbNav{
		width:99%;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 1px;
		text-align: left; 
    background-color:#f4f4f4;
		padding: 5px 5px 5px 5px; 
		
}

	
	.blurbDesc{
		width:99%;
		font-size: 11px;
		color: #4C2508;
		text-align: left; 
    background-color:#f4f4f4;
		padding: 5px 5px 5px 5px; 
		border-bottom: 1px dotted #e6e6e6;
		
}

	
	.blurbTitle {
		width:99%;
		font-size: 17px;
		font-weight: lighter;
		
}



	.blurbContent{
		font-size: 12px;
		
}



 	.blurbDate{
		font-size: 10px;
    font-style: italic;
}

	
  .blurbMonth {
		font-family: arial, helvetica, geneva, trebuchet ms, verdana;
		font-size: 12px;
		font-weight: 100;
		line-height: 25px;
		margin-bottom: 15px;
		text-align: left;
		
}


/* ------------------------------------------------------------

	UNFUSSY FACTS
	
------------------------------------------------------------ */




	.factsTitle{
		font-size: 20px;
		color: #e48e2a;
		border-bottom: 1px solid #ccc;
		text-align: right;
}

	.factsContent{
		background-color: #f0f0e0;
		line-height: 18px;
		padding: 15px;
		font-size: 11px;
		

	}

/* ------------------------------------------------------------

	UNFUSSY FACTS
	
------------------------------------------------------------ */


	.recipesTitle{
		font-size: 20px;
		color: #e48e2a;
		border-bottom: 1px solid #ccc;
		text-align: right;
		margin-top: 20px;
}

	.recipesContent{
		background-color: #f0f0e0;
		line-height: 18px;
		padding: 15px;
		font-size: 11px;
		

	}