div#introblurb { 
	position: absolute; 
	top: 6px; left: 14px; 
	width: 98%; 
	height: auto; 
	padding-bottom: 6px; 
	margin-bottom: 6px;
	line-height: 15px; 
 	font-size: 11px;
	font-weight: bold;
	font-family:  Georgia, "Times New Roman", Times, serif; 
}
		
.superemphasis, 
.fun { 
	color: #c54d19; 
	font-size: 129%; 
	text-transform: none; 
	font-style: italic; 
	font-family:  Georgia, "Times New Roman", Times, serif; }

div#primary {   
	position: absolute;  
	top: 35px; 
	left: 230px;   
	width: 410px; 
	min-height: 900px; 
	height: auto; 
	height: 100%; 	 
	border-left: none; 
	padding-top: 0; 
	padding-left: 6px;  
	padding-right: 6px; 
	padding-bottom: 0; 
	font-size: 11px; 
	line-height: 14px;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;   
	z-index: 20;
}

div#secondary { 
 	position: absolute; 
	top: 35px; 
	left: 0; 
	width: 200px; 
	height: auto;
	padding-left:	6px; 
	padding-right:	6px; 
	margin-left:	0; 
	margin-right:	6px;
	z-index: 60;
 }


div#extra { 
	position: absolute; 
	top: 35px; 
	left: 645px; 
	width: 180px; 
	height: auto;
	padding-top: 0;
	padding-left:	6px; 
	padding-right:	6px; 
	margin-left:	0px; 
	margin-right:	10px;
	border-left: none;		
	z-index: 40;
 }


div#crossfade-content {
	position: absolute;
	top: 0; left: 0; 
	width: 400px;
	height: 300px;
	padding: 0;
	margin: 0;
	border: 1px solid #4e2b00; /* dark chocolate */
	z-index: 200;	
}

div#randomizer-content {
	position: absolute;
	top: 0; left: 0; 
	width: 400px;
	height: 300px;
	padding: 0;
	margin: 0;
	border: 1px solid #4e2b00; /* dark chocolate */
	z-index: 200;	
}



.bottom_left { 
	position: absolute; 
	top: 304px;
	left: 0;
	width: 180px;
	height: auto; 	 
	margin-bottom: 4px;
}
.bottom_right { 
	position: absolute; 
	top: 304px;
	left: 210px;
	width: 180px;
	height: auto; 	 
	margin-bottom: 4px;
}


.special { padding-top: 1em; font-style: italic; 
	font-size: 1.2em; color: #4e2b00; }
	
.smaller { font-size: 1.2em; } 

h1 { 
	text-transform: none;
 	color: #3d1a00;      /* brown */
 	font-size: 1.1em; 
 	line-height: 1.5em;
	font-weight: bold;
	font-family:  Georgia, "Times New Roman", Times, serif;	
	padding-top: 0;
	padding-bottom: 4px;
	margin-bottom: 6px; }
	
div#introblurb h1 { 
	text-transform: none;
 	color: #3d1a00;      /* brown */
 	font-style: italic;
 	font-size: 1.29em; 
 	line-height: 1.3em;
	font-weight: bold;
	font-family:  Georgia, "Times New Roman", Times, serif;	
	padding-top: 0;
	padding-bottom: .5em; }
		
.bright { 
	color: #c54d19; 
	font-size: 110%; 
	text-transform: lowercase; 
	font-style: italic; 
	font-family:  Georgia, "Times New Roman", Times, serif; }	

/* div.feature -------------------------------------- */

div.feature { display: block; 
	width: 190px;
	padding: 4px 6px; 	
	/*border-left: 1px dotted #c54d19; */
	height: auto;
	font-style: normal; 
	font-weight: normal;
	margin-bottom: 4px; 
	}	

div.feature h1 { 
	width: 180px;
	padding: 2px 2px 2px 3px;
	background-color: #c54d19; /* tomato red*/		 
	color: #f4e5aa;                           /* crema lite text*/ 
	border-top: 1px solid #3d1a00;            /* coffee*/	
	border-bottom: 1px solid #3d1a00;         /* coffee*/
	font-size: 12px;
	line-height: 14px; 
	text-transform: none; 
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;	
	margin-bottom: 4px;
	}
	
div.feature h2 { 
	padding-top: 4px;
	padding-bottom: 3px; 
	font-size: .95em;  
	line-height: 1.2em;
	color: #3d1a00;            /* coffee*/
	text-transform: none;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif; }	

div#secondary div.feature p,
div.feature p {
	font-size: 11px; 
	line-height: 14px; }
	
div#secondary div.feature p a:link, 
div#secondary div.feature p a:visited,
div.feature p a:link, 
div.feature p a:visited { 
	color: #c54d19;                      /* red */
	border-bottom: 1px dotted  #c54d19;
	text-decoration: none; 
	padding-bottom: 0; }

div#secondary div.feature p a:hover,
div#secondary div.feature p a:active, 
div.feature p a:hover,
div.feature p a:active { 
	color: #3d1a00;                     /* dark brown */
	border-bottom: 1px dotted #3d1a00;
	text-decoration: none; 
	padding-bottom: 0; }

div.feature .pic { 
	width: 195px; height: auto;
	position: relative; 
	top: 0; left: 0;
	margin: 0 auto;  
	border: 1px solid #000000;		
}
 /* obsolete ------------- */

/*div.recipe_feature { 
	padding: 4px 8px 8px 8px;
	border-left: 1px dotted #c54d19;
	color: #3d1a00; 
	font-style: normal; 
	font-weight: normal;
	font-family:  Georgia, "Times New Roman", Times, serif; }*/
	
/*div.recipe_feature h2 {       used for recipe titles
	padding-top: 0;
	padding-bottom: 1px; 
	color: #3d1a00;
	font-size: .90em; 
	font-style: italic;
	text-transform: none; 
	font-family:  Georgia, "Times New Roman", Times, serif;
}*/
/*div.recipe_item { 
	color: #3d1a00; 
	font-style: normal; 
	font-weight: normal;
	font-family:  Georgia, "Times New Roman", Times, serif; } */

/* p { line-height: 1.2em; padding-bottom: .6em; }	*/

.smalltext,
div.feature p,
p  { 	
	font-weight: normal;
 	padding-left: 0;
	padding-bottom: 10px; 
	width: 175px; 	
	font-size: 11px; 
	line-height: 14px; 
	color: #3d1a00;		/* dark brown */
	font-family: Georgia, "Times New Roman", Times, serif; }
	
div.feature .shortleading { 
	line-height: 20px;
	}
	
/* ---------------------- */	
	
	

h6 { 
	color: #5d6219;   /* spinach */ 	
	font-size: .85em;
	line-height: 1.1em;
	font-style: italic; 
	text-transform: none; }

/* SECONDARY STYLES ------------------------------ */	

div#secondary .smalltext { font-weight: normal; } 
div#secondary ul { margin: 0em; padding: 0em; }
div#secondary ul li { margin-left: 1em; padding-left: 0; }
	/*div#secondary p { padding-bottom: .5em;  font-size: 1em; font-weight: normal;  } */
div#secondary img { border: none; }
 
div#caffelogo { margin-left: 1.25em; }

/*div#secondary h2 {           
	font-size: 85%; 
 }*/
	
div#secondary .bolder { font-weight: bold; font-style: italic; }

div#extra p {  
	padding-bottom: .75em;
}