@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:#000000; 
	font-family:Arial, Helvetica, sans-serif; font-size:24px; 
	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:none;
}
#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:none;
}

.upper {text-align:left; 
		width:100%; 
		height:100px; 
		top:0px;
		}
		
/* Font face for logo and signature is Edwardian Script ITC */
.logo {width:610px; 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 { visibility:hidden;}		
					
.maincontent {  width: 88%;
				margin-left: 6%;
				margin-right: 6%;
				margin-top:0px;
				margin-bottom: 5px;
				padding-bottom: 5px;
				border:none;
			}	
			
.content {text-align:left;
			margin-top:8px;
			margin-bottom:10px;
			border:none;
}			
			
.featured_recipes {width:30%; 
					float:left; 
					margin-top:8px;
					margin-left:10px; 
					text-align:left;
					}

.free_recipes {width:30%; 
				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:30%;
		float:left;
		margin-top:8px;
		text-align:left;
		}
		
.rss ul li 	{ 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 { display:none;		
				}
				
.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;}

/* Main Menu */

div.mainmenu { display:none;
				visibility: hidden;}

.spacer { display:none;
			visibility: hidden;}

/* 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:100%; 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 { display:none; }

/*  All removed because glossary is invisible
div.tipdiv { border:medium solid #FFCC66; padding:8px; line-height:20px;}

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;}				
				
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: 80%;	list-style:none;
  }

  /* float & allow room for the widest item */
  ol.cookbook li.left
  {
    float: left;
    width: 22%;
	margin-left:-40px;
	margin-top:20px; 
	border: groove #d05613 5px;
	padding: 5px;
  }   
  
  ol.cookbook li
  {
    float: left;
    width: 22%;
	margin-left:2%;
	margin-top:20px; 
	border: groove #d05613 5px;
	padding: 5px;
  }
  
  ol.cookbook p.title { height:42px;}
  
  ol.cookbook p.authors { height:30px;}
  
  ol.cookbook p.rating { height:18px;} 
  
  ol.cookbook p.desc { height:100px;}  


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:#000000;
	font-size:22px;
	margin-top: 20px;}