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

body { color:#d05613; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; top:0px; margin:0px; background-color:#eeeeee;}

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

/* Top Content */
div.container { width: 78%; 
				margin-right: 10%; 
				margin-left: 10%; 
				text-align:center; 
				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; 
				min-height:1200px;}
				
.upper_homepage, .upper_subpage { width:92%; 
				margin-left:4%; 
				margin-right:4%; 
				margin-bottom:0px;
				text-align:center; 
				-moz-border-radius: 15px; 
				-moz-border-radius-topleft: 0px; 
				-webkit-border-radius: 15px;					
				background-image:url(/images/background5.jpg);
				z-index:1;
					}

.upper {text-align:left; 
		width:100%; 
		height:130px; 
		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 {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;
				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;
}			
			
.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_display { width:90%;
					margin-left:5%;
					margin-right:5%;
					min-height:500px;
									border-left: 1px solid rgb(102, 153, 204); 
				border-right: 1px solid rgb(102, 153, 204); 
				border-bottom:1px solid rgb(102, 153, 204);}










/* Main Menu */

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





/* 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: 45%; float:left; margin-left:10px;}

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

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

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);}

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;}