/*---------------------------------------------------------------
-----------------------------------------------------------------
  
  recipes.css
  * Version: 	4.0 (2009/12/28)
  * Author: 	Dean Bourque | http://www.sparkable.com/

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

.recipeContainer {
	padding-left: 1px;
}

#editPromoUserRecipes {
  display: block;
  width: 400px;
}

/*---------------------------------------------------------------
  Listing
---------------------------------------------------------------*/

.recipeBlock {
  float: left;
  display: block;
  width: 216px;
  background: #F2ECCA;
  margin-top: 9px; margin-left: 4px; margin-right: 5px; 
  padding: 3px 3px 0 3px;
  text-align: center; 
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #7b5c34;
  border: 1px solid #785628;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
  -webkit-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
  box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
}

	.recipeBlock a {
	  color: #5f3600; 
	  font-weight: bold;
	  text-decoration: none;
	}
	.recipeBlock:hover a {
	  color: #860023;
	}

.recipeLeft {
  float: left; 
  padding-right: 20px;
}
	
.recipeThumbImg {
	display: block;
	width: 212px; height: 200px;
	border: 2px solid #8D0F2F;
	background: #fff;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	overflow: hidden;
}

.recipeThumbImg:hover { border: 2px solid #5f3600; }

.recipeThumbImg a {
	display: block;
	width: 100%; height: 100%; 	
	/* text-align: left;
	text-indent: -999em; */
	overflow: hidden;
}

	a.recipeHeading { 	display: block; margin-top: 5px; padding: 5px 3px 10px 3px; font-size: 108%; color: #8D0F2F; text-decoration: none; }
	.recipeAuthor {		font-style: italic; color: #860023; }
	
	.recipeBlock .recipeAuthor { font-size: 85%; }
	.recipe .recipeAuthor { font-size: 108%; }

/*---------------------------------------------------------------
  Detail
---------------------------------------------------------------*/

.recipe {
	padding: 25px 5px;
	font-size: 80%;
	line-height: 1.2;
}

.recipeImg {
	float: right; clear: right;
	display: block;	
	width: 220px; 
	border: 2px solid #8D0F2F;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	-moz-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	-webkit-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	margin-left: 20px;
	overflow: hidden;
}

.recipeCopy { 
	display: block; width: 430px; text-align: left; padding: 10px; 
	background: #F4EFDB; 
	border: 2px solid #8D0F2F;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	-moz-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	-webkit-box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
	box-shadow: 0px 0px 10px rgba(78, 54, 44, .5);
}
.recipeCopy ul, 
.recipeCopy ol {	margin-left: 20px; }

.recipe .ratingDisplay { float: left; }
	
.recipe ul,
.recipe ol {
	padding-left: 10px;
}

	.recipe ol li { padding-bottom: 5px; }

h1.recipeTitle {
	margin-top: 0; padding-top: 0;
	margin-bottom: 0px; padding-bottom: 5px; 
	border-bottom: 1px solid #8D0F2F; 
}
	
form.servingSize { margin-left: auto; margin-right: auto; padding-bottom: 14px;  }
.servingSizeInput,
  .half input.servingSizeInput { width: 19px; text-align: center; margin-right: 3px; } 
  
.changeServings { 
	cursor: pointer;
	border: 2px solid #8D0F2F; 
	color: #8D0F2F; 
    line-height: normal; 
	padding: 3px 10px; 
}
	.changeServings:hover { 
		color: #e2001a; 
	}
	
.recipeTips	{		display: block; font-style: italic; padding: 5px 0; border-top: 3px double #888; border-bottom: 3px double #888; }
.tipHeading { 		float: left; display: block; width: 6%; font-weight: bold; }
.recipeTips p { 	float: left; display: block; width: 93%; padding-bottom: 0; }

a#email { 		padding-top: 3px; padding-right: 15px; cursor: pointer; float: left; display: block; height: 16px; overflow: hidden; text-indent: -999em; background: url('../../img/recipes/email.gif') 0 bottom no-repeat; width: 83px; text-align: left; }
a#print { 			padding-top: 3px; padding-right: 15px; cursor: pointer; float: left; display: block; height: 16px; overflow: hidden; text-indent: -999em; background: url('../../img/recipes/print.gif') 0 bottom no-repeat; width: 83px; text-align: left; }

	.recipe .addthis_button { clear: right; }
	.recipe iframe { float: left; clear: both; }
	
.addToGroceryList,
.addToGroceryListSaved {
	display: block;
	width: 100%; height: 34px;
	background: url('../../img/recipes/addToShoppingList.gif') center bottom no-repeat;
	border-bottom: 1px solid #c1bbb2;
	text-align: left; text-indent: -999em;
	overflow: hidden;
}	

.recipeRating { float: right; clear: right; }