@charset "utf-8";
/* CSS Document */

/* styles for holy grail layout */

body {
	min-width: 550px;      /* 2x LC width + RC width */
	width:1028px;
	margin: 0 auto;
	color:#d05613; 
	font-family:Arial, Helvetica, sans-serif; font-size:14px; 
	text-align:center; 
	top:0px;  
	background-color:#eeeeee;
	height:100%;	
}
#container {
	margin-left:15px;
	margin-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;   /* LC width */
	padding-right: 0px;  /* RC width */
	overflow: hidden;
	background-color:#ffffff; 
	border-left: 1px solid rgb(102, 153, 204); 
	border-right: 1px solid rgb(102, 153, 204); 
	border-bottom:1px solid rgb(102, 153, 204);
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 0px; 
	-webkit-border-radius: 15px; 
}
#container .column {
	position: relative;
	float: left;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}
#centerColumn {
  width: 100%;
  background-color:#FFFFFF;
}

#centerColumn #mainLeft {width:265px;
					float:left;}

#centerColumn #mainRight {width:227px;
					float:left;}

#leftColumn {
  width: 20px;          /* LC width */
  right: 20px;          /* LC width */
  margin-left: -100%;
  background-color:#660000;
}
#rightColumn {
  width: 20px;          /* RC width */
  margin-right: -20px;  /* RC width */
 background-color:#CFCFCF;
 }
 /* end holy grail styles */

td { vertical-align:top;}

/* iframe { visibility:hidden; height:0px;} */

/* Top Content */
				
.upper_homepage, .upper_subpage {
	padding-left: 0px;   /* LC width */
	padding-right: 0px;  /* RC width */
	overflow: hidden;
	background-color:#ffffff; 
	border-left: 1px solid rgb(102, 153, 204); 
	border-right: 1px solid rgb(102, 153, 204); 
	border-bottom:1px solid rgb(102, 153, 204);
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 0px; 
	-webkit-border-radius: 15px; 	
	background-image:url(/images/background5.jpg);	
	
}

.upper {text-align:left; 
		width:100%; 
		height:100px; 
		top:0px;
		}
		
/* Font face for logo and signature is Edwardian Script ITC */
.logo {width:500px; height:90px; float:left; text-align:left;}

img.cookbook_logo { }

.logotext { visibility:hidden;}

.social {float:left; display:inline; width:100px; margin-left:30px; margin-top:10px;}

.login {font-size:10px; text-align:right; float:right; width:200px; padding-right:10px;}		
					
.maincontent {  width: 88%;
				margin-left: 6%;
				margin-right: 6%;
				margin-top:0px;
				margin-bottom: 5px;
				padding-bottom: 5px;
				background-image:url(/images/background7.jpg);
				background-repeat:repeat-x;
				background-color:#f5d6c6;	
				-moz-border-radius-bottomleft: 15px;
				-moz-border-radius-bottomright: 15px;
				-moz-border-radius-topleft: 15px;
				-moz-border-radius-topright: 15px;	
				/*min-height:1000px;*/
				
			}	
			
.content {text-align:left;
			margin-top:8px;
			/*margin-left:10px;*/
			margin-bottom:10px;
			border: 1px solid rgb(102, 153, 204); 	
			-moz-border-radius-bottomleft: 15px;
			-moz-border-radius-bottomright: 15px;
			-moz-border-radius-topleft: 15px;
			-moz-border-radius-topright: 15px;
			min-height:300px;
}			
			
.featured_recipes {width:35%; 
					float:left; 
					margin-top:8px;
					margin-left:10px; 
					text-align:left;
					}

.free_recipes {width:30%; 
				margin-top:8px;
				float:left; 
				text-align:left;				
				}
				
.new_recipes {width:32%; 
				margin-top:8px;
				float:left; 
				text-align:left;
}					
	
/* Placeholder name until something goes in the top right column of the home page */				
.right-column { width:30%; 
				margin-top:8px;
				float:left; 
				text-align:left;
				}				
				
.rss { width:32%;
		float:left;
		margin-top:8px;
		text-align:left;
		}
		
.rss ul li 	{ font-size:12px; line-height:20px;}					
				
.featured_recipes ul li.header, .free_recipes ul li.header {
			text-indent:5px;  
			font-size:18px; 
			font-weight:600;
			line-height:22px;
			padding-left:0px;
			margin-left:0px;
			}					
				
.featured_recipes ul li, .free_recipes ul li {
			text-indent:12px; 
			line-height:20px;
			padding-left:0px;
			margin-left:0px;
			}						
			
.recipe_list {line-height:20px; margin-left:5px;}

#comment_holder { }		
											
.comment_display { text-align:left;
					width:90%;
					margin-left:5%;
					margin-right:5%;
					/*min-height:500px;*/
				border: 1px solid rgb(102, 153, 204); 
				background-image:url(/images/background5.jpg);
				-moz-border-radius-bottomleft: 15px;
				-moz-border-radius-bottomright: 15px;
				-moz-border-radius-topleft: 15px;
				-moz-border-radius-topright: 15px;				
				}
				
.show_comment { border-top: 1px solid rgb(102, 153, 204); 
				border-bottom: 1px solid rgb(102, 153, 204);
				margin-top:10px;
				margin-bottom: 10px;	
}				

.comment_header { text-align:left;
				background-color:#dddddd;}

.comment_body {text-align:left;}

.reply { display: none;}

/* Main Menu */

div.mainmenu {position:relative; width:100%; text-align:center; margin-left:auto; margin-right:auto;}

/* Main Section, under MenuMachine */ 

/* Home page */
.welcome {width:98%; text-align:left; margin-left:10px; margin-right:10px; margin-bottom:10px; line-height:18px;} /* Welcome text for home page */

div.signature {text-indent:30px;}

.contain { zoom: 1; }

.contain:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

div.recipe_div { width:70%; float:left; margin-left:10px;}

/*div.photo_div { width:25%; float:right; top:0px; text-align:center;}*/

div.photo_div { float:right; width:250px;}

div.glossary {width: 25%; float:right; margin-right:10px;}

div.tipdiv { border:medium solid #FFCC66; padding:8px; line-height:20px;}

div.bannerdiv_right { border: medium solid #FF0000; text-align:center; padding:8px; margin-top:5px; background-color:#FFFFFF; background-image:url(/images/background10.jpg);}

div.bannerdiv_main { border: medium solid #FF0000; text-align:center; padding:8px; margin-top:5px; background-color:#FFFFFF;}

div.bannerdiv_tall { border: medium solid #FF0000; text-align:center; padding:8px; margin-top:5px; background-color:#FFFFFF;}

div.rating_div { border:medium solid #FFCC66; padding:8px; margin-top:5px; text-align:center; background-image:url(/images/background5.jpg);}

#mymenu_div {border:medium solid #ff9600; padding:8px; margin-top:5px; text-align:center; background-image:url(/images/background5.jpg);}


#mymenu_list { background-image:url(/images/background9.jpg);
				padding-top:5px;
				margin-top:5px;				
				font-size:12px;
				list-style-type:disc;
				color:#000000;				
				text-align:left;
				}
				
#mymenu_list .empty { background-image:none;
						height:0px;}				
				
/*				
#mymenu_list ul { }				

#mymenu_list ul li { font-size:12px;
					list-style-type:disc;
					color:#000000;
					margin-left:15px;
					text-align:left;
					}
	*/				

div.star_div { height:90px; text-align:center;}

.notice { text-align:left; font-size:12px;}

.sm_notice { text-align:left; font-size:10px;}

/* Home page recipes */

.homesidebar {width:20%; margin-left:80%; margin-top:20px; border:#d05613 medium solid; text-align:left;}

/* Text Styles */

.header { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:22px; font-weight:600; line-height:26px;} /* Header text */

.subheader { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; line-height:22px;} /* Subheader text */

.subheader2 {color:#a13a02; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; line-height:22px;}

.recipe_desc { font-style:italic;}

ul { padding-left:0px; margin-left:0px;}

li { list-style-type:none; padding-left:0px;}

  ol.cookbook
  {
    width: 100%;	list-style:none;
  }

  /* float & allow room for the widest item */
  ol.cookbook li.left
  {
    float: left;
    width: 45%;
	/*margin-left:-40px;*/
	margin-top:20px; 
	border: medium solid #d05613;
	padding: 5px;
  }   
  
  ol.cookbook li
  {
    float: left;
    width: 45%;
	margin-left:2%;
	margin-top:20px; 
	border: medium solid #d05613;
	padding: 5px;
  }
  
  div.product_dropdown { float:right; margin-right:5px; margin-top:5px; text-align:center;}
  
  ol.cookbook p.title { height:24px;}
  
  ol.cookbook p.authors { height:30px;}
  
  ol.cookbook p.prod_type {height:40px;}
  
  ol.cookbook p.rating { height:24px;} 
  
  ol.cookbook p.desc { height:60px;}  
  
  ol.cookbook p.gift_desc { height:80px;}    
  
 /* ol.cookbook div.product_image_cookingcom { text-align:center; overflow:hidden; margin-left:-60px;} */
  
  
  ol.cookbook div.product_image_cookingcom { text-align:center;}  
  
  ol.cookbook div.product_image {text-align:center;}  


ol.recipe_step { list-style-type:none; margin-left:0px; padding-left:0px;}

ol.recipe_step li { line-height:20px;}

.stepheader {color:#993333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; display:inline;}

.step { }

/*
input, textarea, {
	border-color-top: #d05613;
	border-style: solid;
	border-width: 2px;
	padding: 0px;
}
*/

textarea#comments, textarea.admin, input.admin, select.admin {
color:#d05613; font-family:Arial, Helvetica, sans-serif; font-size:14px;
	border-color: #d05613;
	border-style: solid;
	border-width: 2px;
	padding: 0px;
}

select.cookbook {
	border-color: #d05613;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
}

span.freemarker { font-family:"French Script MT", "Goudy Old Style", serif; color:#3366FF; font-size:18px;}

.photocredit {color:#891f06; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}

.phototext {color:#891f06; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right;}

.footer { color:#c0c0c0;
	font-size:12px;}