*{
  margin:0;
  padding:0;
  font-size:100%;
}

body{
  background:#F6F6F6;
  font-family: Verdana, Arial, sans-serif;
  color: #000;
  font-size:100%;
}

.recipe-page {
	background:#fff;
	font-size:80%;
	border: solid 2px #dddddd;
	line-height: 150%;
	}

img{
	border:none;
	}

p {
  margin-top: 0em;
  margin-bottom: 1em;
  }

a {
	font-weight:bold;
	color: #4D1C49;
	text-decoration: underline;
	}

a:hover {
	color: #657458;
	font-weight:bold;
	}

ul li{padding: 5px 0 5px 0;}

ul {padding: 0 0 10px 20px;}

ol {padding: 0 0 10px 25px;}

ol li{padding: 5px 0 5px 10px;}

.solid {
	border-top: 1px solid #fcfcfc;
	width: 100%;
	margin: 0 auto 10px auto;
	clear: both;
}


.header {
	 background-image: url(http://www.easy-french-food.com/images/easy-french-food-header-940.jpg);
	 background-repeat: no-repeat;
	 height:130px;
	 text-indent:-9999px;
	 display:block;
	 margin-bottom:60px; /* makes space for navigation bar */
	 
	}

.breadcrumbs {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:20px;
	font-size:11px;
	font-color: grey;
}

.footer {
	padding: 0 0 20px 0;
	line-height:150%;
	font-size:11px;
	}	

.footer-links {
	text-align:center;
	padding-top:50px;
	font-style:italic
	}	
	
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 200%;  color: #4D1C49;padding-bottom:10px;line-height:110%;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 160%;  color: #4D1C49;padding:10px 0px 10px 0;line-height:110%;}
h3 { font-family: Verdana, Arial, sans-serif; font-size: 110%;padding:15px 0; background: transparent;}

h1+p {font-style: italic;}

.subhead {
	color: #4D1C49;
	font-weight:bold;
	margin-bottom:20px;
	font-size:12px;
	}

.frenchword {	font-style: italic;	}
	
.bold {	font-weight:bold;}
	
.floatphotocenter {
  margin-right:auto;
  margin-left:auto;
  text-align:center;
  padding-bottom:15px;
	font-weight:bold;
	color: #4D1C49;
	font-style: italic;
	  }

.floatphotoright {
	float:right;
	padding:0px 0 10px 15px;
	text-align:center;
	font-weight:bold;
	color: #4D1C49;
	font-style: italic;
	}

.floatphotoleft {
	float:left; 
	padding:0px 15px 10px 0px; 
	text-align:center;
	font-weight:bold;
	color: #4D1C49;
	font-style: italic;
	}

.tocentry a{
	display:block;
	padding:5px 0 5px 0;
	clear:both;
	}

.tocentry img{
	float:left;
	padding:5px 15px 25px 0px;
	clear:both; 
	}

/*For french-cookie-recipes.html*/
.tocentrysoontocome img{
	float:left;
	padding:5px 15px 0px 0px;
	clear:both; 
	}

.tocentrysoontocome h2{	clear:both; }

.tocentrysoontocome h3{	margin-top:17px; }

/* RECIPE FORMATTING */

.recipe{
	border:5px solid #CDD3B3;
	padding:10px;
	color:#4D1C49;
	line-height:130%;
	clear:both;
	margin-bottom:20px;
	}

.recipe h2 {
	text-align: center;
	font-style: italic;
	margin:0 0 20px 0;
	}

.recipe-time {	font-weight:bold;	}

.preptime, .cooktime {	font-weight:normal;	}

.recipe-print {
 	background-image: url(http://www.easy-french-food.com/images/printer.gif);
 	background-repeat: no-repeat;
 	padding-left:30px;
 	float:right;
 	margin-right:20px;
	}
	
.recipe h3{
  padding:5px 5px;
  margin-bottom:10px;
  color:#6e784d;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:15px;
  background-color:#CDD3B3;
  text-transform:uppercase;
  clear:both;
  }

.recipe ol{	margin: 0 0 0 20px;	}

.recipe ol li{padding: 0 0 13px 0;	}

.recipe ol li:first-line{	font-weight:bold;	}

.recipe ul{	margin: 0px 0 10px 35px;	}

.recipe ul li{	padding: 0 0 7px 0;	}

#searchbox{
	position:absolute;
	top:59px;
	z-index:+1;
	margin-left: 600px;
	padding:10px;
	background:#dddddd;
}

.pagetop-message {
	position:absolute;
	top:6px;	
	z-index:+1;	
	margin-left: 670px;
	font-size:11px;
	background-image: url(http://www.easy-french-food.com/images/lamarmite-icon.jpg); 
	background-repeat: no-repeat;
	height:39px;
	width:279px
	}

.pagetop-message p{
	padding-left:52px;
	padding-top:8px;
	}

.fb-comments, .fb-comments span, .fb-comments iframe {width: 100% !important;}

/*------------------------------------*\
	DROP DOWN MENU
\*------------------------------------*/
#nav{
	list-style:none;
	float:left;
	background: #838D54;
	position:absolute;
	top:130px;
	padding: 0px;
	font-size:13px;
	z-index:+5;
	width:960px;
	}

#nav li{
	float:left;
	position:relative;
	border-left: 1px solid #C0C0C0;
	padding: 0;
	}

#nav li:hover{
	background-color:#775e65;		
	}

#nav a{
	display:block;
	color:#fff;
	text-decoration:none;
	width:159px;
	line-height:37px;
	text-align:center;
	}

/*--- DROPDOWN ---*/
#nav ul{
	background:#ffffff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	position:absolute;
	padding: 0;
	font-size:11px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	top:37px;
	border: 1px solid #C0C0C0;
	border-top:none;
	margin-left:-2px;
	z-index:+1;
	list-style:none;
}

#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	border-bottom: 1px solid #C0C0C0;
	width: 230px;
	border-left: 0;
}

#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	color: #4D1C49;
	padding-left:19px;
	text-align:left;	
	line-height:24px;
}

#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}

#nav li:hover ul li:hover {	background-color:#CFAFB7;	}

.subnavigation {
	padding:15px;  
	margin:-45px 15px 15px 15px;	
	line-height:150%;border: double 4px #d4dda3;  
	font-family: Georgia, Verdana, Arial, sans-serif;
	  }

.subnavigation  ul {
  list-style-type: none;
  margin-top:15px;
  }

.makeroom {
	padding-top:90px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

.green {
	background-color: #d7e8a6;
	border: 2px solid #CDCDCD; 
	color: #5F663D;
	}

.center {	text-align:center;	}

.highlight {
	padding:15px;
	margin-bottom:15px;
	clear:both;
	line-height:150%;
	text-align:center;
	}

.highlight h2{	font-size:130%;	}

.image-links img{
  padding:10px;
  background-color:#fff;
  } 

.image-links ul{	list-style:none;	}

.menu-suggestions {
  text-align: center;
 	font-style:italic;
  margin: 10px 10px 20px 10px;
  padding:60px 0 0 0;
  background-image: url(http://www.easy-french-food.com/images/curly-divider-1.gif);
  background-repeat: no-repeat;
  background-position:top center;
  line-height:150%;
  }

.menu-suggestions  ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  }
  
.menu-suggestions  li {
  background-image: url(http://www.easy-french-food.com/images/menu-frill.gif);
  background-repeat: no-repeat;
  background-position:bottom center;
  padding:10px 0 25px 0
  }

.menu-suggestions li.last{
	padding:10px 0 60px 0;
	background-image: url(http://www.easy-french-food.com/images/curly-divider-2.gif);
	background-repeat: no-repeat;
	background-position:bottom center;
	}

.frenchfun {
	border:5px solid #CFAFB7;
	padding:10px 20px 10px 20px;
	color:#4D1C49;
	margin: 0px 10px 15px 10px;
	}

.highlighted {
 	background-color:#CDD3B3;
 	padding:7px;
 	margin:15px 0 10px 0;
 	}

.horizontal-image-links{list-style:none;}
	
.horizontal-image-links li{
	float:left;
	position:relative;
	padding:20px;
	text-align:center;
	}


/*for sitemap.html*/

.sitemap {
	font-family:georgia;
	font-size: 11px;
	line-height:70%;
	}

.sitemap h2 a{
	color:#00611C;
	padding:20px 0;}

.sitemap h2 a:hover{
	color:#CFAFB7;
	}

.sitemap h2 {
	padding:20px 0;
	line-height:150%;
	color:#00611C;
	font-size:120%;}
	
/*need to eliminate these*/
.box1 {
	background-color: #d7e8a6;
	border: 2px solid #CDCDCD; 
	color: #5F663D;
	}

.box2 {
  background-color: #d7e8a6;
	text-align: center;
  margin: 0px 10px 15px 10px;
  padding:15px 0 15px 0;
  line-height:150%;
  font-family: Georgia, Verdana, Arial, sans-serif;
    }

.box2  ul {
  list-style-type: none;
  padding: 10px 0 0 0;
  margin: 0;
  }

.box2  li {
  padding:5px 0;
  }
  
.box2 img{
  padding:10px;
  background-color:#fff;
  }  

.left-navigation {
	position:absolute;
	top:150px;
	z-index:+1;	
	background-color:#dddddd;
	padding-top:10px
	}
	
.left-navigation h2 {
	font-size:120%;
	margin:10px 7px 0 7px;
	padding-bottom: 8px;
	border-bottom:2px solid grey
	}

.left-navigation ul, .right-navigation ul {
	list-style:none; 
	font-size:11px;
	padding:0px;
	line-height:120%;
		}
	
.left-navigation a, .right-navigation a {	
	text-decoration:none;
	padding:5px 17px;
	display:block;
	font-weight:normal;
	}

.left-navigation li, .right-navigation li {	padding:0;}

.left-navigation li:hover, .right-navigation li:hover {	background-color:#fff;}

.right-navigation {
	background-color:#dddddd;
	padding-top:10px
	}