/* 
######################################################################################
######                                                                        #######
######     CLOVER RECIPES                                              	     #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** BASE / GENERIC RESET ****************************************************/
/******************************************************************************/

#mainbody { 
	width: 820px; 
	padding-top: 28px;
	background-image: url(../../../images/pagespecific/recipes/clover_meal.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	}


/********************************************************************************/
/***** HEADERS *****************************************************************/
/******************************************************************************/

h1 {
	text-indent: -6767px;
	overflow: hidden;
	height: 70px;
	background-repeat: no-repeat;
	background-image: url(../../../images/pagespecific/recipes/ttl_recipes.gif);
}


/********************************************************************************/
/***** RECIPES INTRO / SORTING *************************************************/
/******************************************************************************/

.recipes-intro {
	float: left;
	width: 450px;
	margin-bottom: 15px;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	}

/***** MAIN LINKS *****/

.main-links {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
		height: 66px;
	}
	.main-links li {
		float: left;
		margin: 0 15px 0 0;
		padding: 0;
		height: 66px;
		}
		.main-links li a {
			float: left;
			height: 66px;
			background-image: url(../../../images/pagespecific/recipes/main-links.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			text-indent: -6767px;
			overflow: hidden;
		}
		.main-links li a.tab-clover { width: 142px; background-position: 0 0; }
		.main-links li a.tab-clover:hover { background-position: 0 -66px; }
		.main-links li.current a.tab-clover { background-position: 0 -132px; }
		.main-links li a.tab-lighter { width: 211px; background-position: -159px 0; }
		.main-links li a.tab-lighter:hover { background-position: -159px -66px; }
		.main-links li.current a.tab-lighter { background-position: -159px -132px; }
			
/***** SORTING *****/

.sorting {
	display: block;
	margin: 20px 0 30px 0;
	padding: 0;
	list-style: none;
	}
	.sorting li.first { font-size: 1.2em; }
	.sorting li {
		float: left;
		margin: 0 23px 0 0;
		padding: 0;
		}
		
/** Checkbox styling **/
		
		.sorting li input {
			float: left;
			width: 12px;
			height: 12px;
		}
		.sorting li label {
			float: left;
			height: 12px;
			padding-left: 3px;
		}
		
/** 'show' button at the end **/
		
	.sorting li.last {
		float: right;
		margin: 0;
		}
		.sorting li.last input {
			position: relative;
			top: 0;
			float: right;
			width: auto;
			height: auto;
			border: none;
			cursor: pointer;
			padding: 0;
			color: #88ac14;
			height: 19px;
			width: 64px;
			font-weight: bold;
			overflow: visible;
		}
		.sorting li.last input:hover,
		.sorting li.last input:focus { color: #349641; }


/********************************************************************************/
/***** RECIPE LIST *************************************************************/
/******************************************************************************/

/***** ROW CONTAINER *****/

.recipe-list {
	float: left;
    width: 605px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
/***** ROW *****/
	
	.recipe-list li.recipe-entry {
		float: left;
    	width: 605px;
		margin: 0 0 32px 0;
		overflow: hidden;
		}
		
/** Recipe image thumb **/
		
		.recipe-list li.recipe-entry .recipe-thumb {
			float: left;
			width: 175px;
			height: 133px;
			background-image: url(../../../images/pagespecific/recipes/recipe-thumb-bg.gif);
			background-repeat: no-repeat;
			}
			.recipe-list li.recipe-entry .recipe-thumb img { display: block; }
			
/** Recipe text space **/
			
		.recipe-list li.recipe-entry .recipe-text {
			float: right;
			width: 430px;
			height: auto !important;
			min-height: 92px;
			height: 92px;
			}
			.recipe-list li.recipe-entry .recipe-text h3 {
				text-transform: uppercase;
				color: #249741;
				margin: 0 0 12px 0;
				padding: 0;
				font-weight: normal;
				font-size: 1.9em;
				}
				.recipe-list li.recipe-entry .recipe-text h3 a { text-decoration: none; font-weight: normal; }
				.recipe-list li.recipe-entry .recipe-text .call-to-action { font-size: 1.2em; }
			
/** Recipe details **/
			
		.recipe-list li.recipe-entry .recipe-details {
			float: right;
			width: 430px;
			height: 41px;
			background-image: url(../../../images/pagespecific/recipes/recipe-details-bg.gif);
			background-repeat: no-repeat;
			font-size: 1.1em;
			}
			.recipe-list li.recipe-entry .recipe-details dt { line-height: 41px; }
			.recipe-list li.recipe-entry .recipe-details dl,
			.recipe-list li.recipe-entry .recipe-details dt,
			.recipe-list li.recipe-entry .recipe-details dd { display: inline; }
			.recipe-list li.recipe-entry .recipe-details dd { margin-right: 16px; }
			.recipe-list li.recipe-entry .recipe-details dd.prep { margin-right: 0; }