BODY, HTML 	{ margin: 0px; width:100%; height:100%; margin:0; padding:0; font-size: 14px; background: #829F53; font: normal 14px helvetica, verdana; }

A 			{ text-decoration: none; color: #FCF141; }
A:Hover 	{ text-decoration: underline; }

.container		{ position: relative; min-height: 100%; }
* html .container{ height: 100%; }
.frame_top      { background: #5F1E02; color: #FCF141; font: bold 14px helvetica, verdana; height: 130px; width: 100%; }
.frame_bottom   { position: relative; margin-top: -20px; padding: 4px 0px;text-align: center; width: 100%; background: #5F1E02; color: #FCF141; font: 9px helvetica, verdana; }

table#content	{ border-collapse: collapse; padding: 0px; margin: 0px; width:100%; border: 1px; margin-bottom: 12px; }
table#content td{ padding: 0px; margin: 0px;  }
td.content_left { width: 230px; }
td.content_right{ width: 230px; }
.frame_left     { background: #829F53; color: #595F23; width: 230px; overflow: hidden; font: bold 14px helvetica, verdana;  padding: 10px; }
.frame_center  	{ background: #EFFFC4; color: #5F1E02; width: 100%; overflow: auto; padding: 10px;}
.frame_right    { background: #829F53; color: #595F23; padding: 0px; margin: 10px 30px; }
#food_image		{ position: relative; background: white; float: right; width:154px; right: 0px; border: 1px solid white; font: italic bold small-caps 9px arial; text-align: center; }
#food_image img	{ border: 1px solid white; }

#food1			{ position: absolute; background-image: url('/img/food3b.jpg'); left: 581px; height: 130px; width: 87px; z-index: 2; }
#food2			{ position: absolute; background-image: url('/img/food2b.jpg'); left: 678px; height: 130px; width: 87px; z-index: 2; }
#food3			{ position: absolute; background-image: url('/img/food1b.jpg'); left: 775px; height: 130px; width: 87px; z-index: 2; }

#frontpage_intro	{ position: absolute; background-image: url('/img/frontpage.jpg'); right: 0px; height: 472px; width: 996px; z-index: 2; margin-bottom: 110px; overflow: hidden; }

#UserLoginForm		{ position: relative; margin: 0 auto; font: 16px "Ms Shell Dlg";  } 
#UserLoginForm input{  }
.user_container		{ text-align: center; width: 100%; top: 70px; }
.user_forms			{ margin: 10px; }
.user_forms label	{ color: #444444; margin-left: -210px;  }
.user_forms input	{ width: 276px; padding: 4px; color: #555555; background: #FBFBFB; border: 1px solid #E5E5E5; font: 20px "Ms Shell Dlg"; }
.subtext 			{ color: #444444; }
.errorMsg			{ color: yellow; position: absolute; text-align: center; width: 100%; margin-top: 30px; }
select.catSelect    { margin-bottom: 10px; width: 215px; border: 2px solid #595F23; background: #829F53; color: #595F23; font: bold 14px helvetica, verdana; }

/*Generic styles for input fields and boxes */
input	{ padding: 4px; color: #555555; background: #FBFBFB; border: 1px solid #E5E5E5; font: 20px "Ms Shell Dlg"; }
textarea{ padding: 4px; color: #555555; background: #FBFBFB; border: 1px solid #E5E5E5; font: 20px "Ms Shell Dlg"; }
.add	{ width: 400px; }

div.recipeLink a    { padding: 1px 0px;  }
span.actionElement  { cursor: pointer;  }
span.editLink		{ cursor: pointer; color: #005B9A; }
span.editLink:hover	{ text-decoration: underline; }
span.link			{ cursor: pointer; color: #005B9A; }
div.rssLinks		{ padding-top: 3px; font-size: 10px; }
a.actionElement     { color: #74C2E1; }

div.siteTitle a     { float: left; display: inline; color: #74C2E1; margin: 47px 0px 0px 55px;font-size: 36px;  }
div.actionMenu      { float: right; background: #5F1E02; position: relative; text-align: right; padding: 10px 10px 2px 5px; margin: 0px 0px 8px 5px; z-index: 100; }

div.cookingDescription { background: #EFFFC4; margin: 10px; padding: 10px 20px;  }
div.topContainer	{ overflow: auto; width: 100%; } 
div.recipeTitle	a	{ color: #5F1E02; float: left; padding: 3px; font: bold 24px helvetica, verdana; }
div.printPage 		{ float: right; text-align: right; font-size: 10px; cursor: pointer; }
div.ingrContainer	{ position: relative; padding: 10px 30px;  }
div.ingredientsTitle{ font: bold 14px Helvetica; }
div.ingredientItem  { padding: 5px 10px;  }
div.instrContainer	{  }
div.instrTitle		{ font: bold 14px Helvetica; }
div.instrMain		{ padding: 5px 10px; }
div.bottomContainer	{ text-align: center; padding: 15px 10px 10px 10px;}
div.recipeActions	{ padding-bottom: 2px; font-size: 12px; }
div.permaLink		{ padding-top: 2px; font-size: 10px; }	

.frame_center a		{ color: #005B9A; }
.frame_left a			{ color: #595F23; }

img.foodImage       { padding:2px; margin: 0px 10px 10px 0px; border: 1px solid #005B9A; width: 200px; }

p.actionPanel		{ font-size: 12px; }
p.actionPanel a		{ }

div.introHead		{ margin: 20px 0px 0px 45px; font: bold 18px helvetica, verdana;  }
div.intro			{ background: #EFFFC4; margin: 20px 30px; margin-top: 2px; padding: 20px 30px; }
p.introLine			{  }
p.introLineSig		{ font-style: italic; } 
p.introLineHead		{ font-weight: bold; }
 
span.references		{  }

div.userFrontpage	{  }
div.messageContainer{ background: #EFFFC4; margin: 10px 10px; padding: 10px; }
div.frontTitle		{ font: bold 24px helvetica, verdana; }
div.frontDescription{ padding: 0px 40px;  }
div.blogContainer	{ float: left; border: 1px dotted #5F1E02; background: #EFFFC4; margin: 10px 10px 10px 10px; padding: 20px 20px; width: 55%; }
div.blogHeader		{ margin-bottom: 10px; font-weight: bold; }
div.blogEntries		{  }
div.entryTitle		{ font-weight: bold; }
div.blogTime		{ font-size: 9px; }
div.blogEntry		{ margin-bottom: 10px; }
div.dashboardCont	{ float: right; border: 1px dotted #5F1E02; margin: 10px 10px 0px 0px; background: #EFFFC4; padding: 10px; width: 30%; }


div.friendContainer,
div.friendContainer a { color: #595F23; font: bold 14px helvetica, verdana;  }
div.friendsHeader	{ font: bold 14px helvetica, verdana;  }
div.friend a		{  }