//CSS RESET

html, body, div,h1, h2, h3, p,a, em, img, ol, ul, li,form, label, article, aside, footer, header, menu, nav, section 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside,footer, header, nav, section {
	display: block;
}
ul {
	list-style: none;
	}
.active{text-decoration: underline;
		}


body{
font-family: 'Actor', sans-serif;
line-height: 1;
width: 960px;
font-size: 62.5%;
background-color: #E7CBB1;
margin: 0 auto;
}
p, label {font-size: 1.3em;
	line-height: 1.5em;}
#wrapper{width: 960px;
		 background-color: #FCF6EC;
		}

#heading{
background-image:url('images/logoBkg.jpg');
background-repeat: repeat-x;
height: 100px;
margin-top: 20px;
}

#search{
float: right;
clear: right;
padding-top: 30px;
padding-right: 10px;
}
#paddingIMG {padding-bottom: 30px;}
#mini-nav li{ display:inline;}
#mini-nav {float: right;
			padding-right: 20px;
			 }
#mini-nav a {text-decoration: none;
			font-size: 1.1em; 
			color: #000;}
nav li	{display: inline;
		 padding-right: 20px;}
nav {padding-left: 50px;}
nav a{ text-decoration: none;
	   font-size: 2em;
	    color: #000; }
nav a:hover {text-decoration: none;
	   font-size: 2em;
	    color: #933; 
}
#sub-nav{ width: 500px;
				margin-left: 50px;
}
#sub-nav li{display: inline;
					padding-right: 10px;}
#sub-nav a{ text-decoration: none;
	   font-size: 1.4em;
	    color:#933; }


footer{	clear: both;	
	background-color: #efe3cd;
	min-height: 30px;
	padding:10px 0 5px 0;
	margin-top: 20px;
}
footer ul {text-align: center;}
footer li {display: inline;
				padding-right: 20px;}
address{
	text-align: center;
	}
#image-display{ 
			width: 430px;
			float: left;
			}
#image-display iframe{
			width: 200px;
			height: 200px;
			margin-left: 100px;
			margin-top: 50px;
			border: none;
			}
#intro	{
		padding-right:15px;
		padding-top: 30px;
		width: 460px;
		float: right;
		clear: both;
		}
 #recipeOfDay	{
	 clear: both;
		border:thin #000 solid;
		margin-right:15px;
		margin-bottom: 15px;
		padding-top: 30px;
		width: 460px;
		float: right;
		margin-top:-30px;
		line-height: 18px;
		}
		
#recipeOfDay h2{margin-top:-25px;
				padding-left: 10px;
				background-image:url(images/bkg.jpg);
				background-repeat:repeax-y;}
#recipeOfDay img{ float: left;
				padding-left: 10px;
				padding-right: 10px;
				padding-bottom: 10px;}
#recipeOfDay li {margin-right: 10px;}
#recipeOfDay li, #extra li, .topKidMeal li, .topKidMeal1 li, #ingredients li, #directions li, #reviews li, #recipeGloss li, #newest li,#agreement li {font-size: 1.2em;
							line-height: 1.5em;}
				
#tumbNails{clear: left;
	width: 430px;
	float: left;
	margin-top: -50px;}

#tumbNails li{ display:inline;
				margin-left: -45px;
				margin-right: -45px;}
figure{	width:200px;
			margin-left: 125px;
			margin-top:50px;
}
#breadcrumbs {padding: 5px 0 5px 90px;}

#fridge, #avoid {background-color: #F8E8CB;
				margin: 10px 0 20px 0;
				padding: 10px 0 10px 10px;
				border-radius: 10px;}
				
#fridge input, #avoid input{background-color:#FAEEDB;
											border-color: #FFC;}
				/*****Occasions*****/
#landInfo, #kid1, #agreement, #recipeSubmission { width: 490px;
					float: left;
					padding-left: 90px;
				}
#landInfo img {float: left;
						padding-right: 10px;}
#extra {float: left;
				width: 500px;
				clear: left;
			  padding-left: 90px;
				}
#extra h2{background-image:url(images/bkg.jpg);
				background-repeat: repeat-y;
				height: 20px;
				padding-top: 5px;}
#extra p{margin-top: -10px;}
#extra ol{font-size: 1.2em;}
#extra img{float: left;
				margin: -10px -10px 0 -20px;
				}
#forms {width:180px;
				float: right;
				margin-right: 30px;}
#forms input {display: block;
						margin-bottom: 10px;}

#linkColumns{-moz-column-width: 13em;
-webkit-column-width: 13em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;	
}

#linkColumns p{margin:0;}
.redLink {color: #7C0D0D;
					text-decoration: none;
					font-size: 1.2em;}
#pageLinks li{display: inline;
				padding-left: 15px;}
#pageLinks {clear: both;
			float: right;
			padding-right: 100px;}

/*******kid site********/

.topKid {clear: right;
		width:320px;
		float: right;
		background-color: #F8E8CB;
		border-radius: 20px;
		margin: 0 10px 20px 0;}
.topKid h2 {padding-left: 10px;}
.topKid p{padding: 0 10px 0 10px;}
.topKidMeal, .topKidMeal1{ padding-left: 10px;
							width: 300px;}
.topKidMeal img, .topKidMeal1 img{float: left;
									padding-right: 10px;}
.topKidMeal1{background-image:url(images/bkg.jpg);
				background-repeat: repeat-y;
			}
#kid1 img{float: right;}
			
/*****Recipe******/
#recipePic{width: 300px;
			float: left;
			padding-left: 100px;
			clear: both;
			}
#indivRecipe{width: 400px;
			float: right;
			clear:right;
			padding-right: 80px;
			padding-top: 20px;
			position: relative;
			}
#ingredients {margin-left: -20px;}
#tags a{color: #7C0D0D;
		text-decoration: none;}
#tags li{display: inline;}
#tags	{margin-left: -39px;
			font-size: 1.2em;}
#review	{width: 860px;
		height: 200px;
		overflow-y: scroll;
		float: left;
		padding-left:100px;
		background-image:url(images/bkg2.jpg);
		background-repeat:repeat-y;}
#review ul, #recipeGloss ul{border-bottom: solid #7C0D0D thin;}
#rating h3{float: right;
			margin-top: -2px;
			padding-right: 80px;}
#recipeGloss ul	{background-image: url('images/bkg.jpg');
								background-repeat: repeat-y;
								}
#recipeGloss{padding-left:100px;
			width: 550px;
			float: left;}
#recipeGloss ul{float: right;
				padding: 0;
				padding-left: 10px;
				width: 430px;
				clear: both;}
#recipeGloss img{clear: left;
				float: left;
				padding-top: 20px;}
#recipeGloss a{color: #7C0D0D;
					text-decoration: none;}
#results	{padding-left: 100px;
			float: left;
			clear: both;
			margin: -20px -300px -20px 0;}
			
			
/*****new Recipe*****/
 
 #newest {width: 300px;
 				height:200px;
 				float: left;
				background-color:#F8E8CB;
				margin: 10px 40px  10px 90px;
				border-radius: 20px;
 }
#newest img{float: left;
					padding: 0 5px 0 15px;}
#newest h2 {padding-left: 10px;
					}
#newest li {padding-right: 20px;}


/*****Submit Recipe*******/
#recipeSubmission input, #recipeSubmission textarea, #signUpR input{
			display:block;
}
#recipeSubmission{clear: left;
				padding-top: 20px;}
				
#SignupSection {background-image:url('images/rightSideBkg.jpg');
				background-repeat:repeat-y;
				float: right;
				width: 300px;
				margin-right: 30px;
				padding-left: 10px;}
#agreement input{margin-left: 40px;}

/******MESSAGE**********/


#emailMessage input, #emailMessage textarea, #emailMessage label,#emailMessage select 
{display: block;
 margin-left: 100px;
	}
#contact{width:380px;
		float: right;}
		
		
#star{float: left;
	 clear:both;
	 margin-left:-30px;
	 margin-bottom:-100px;
	 position:relative; 
	 z-index: 10;}

#recipePic button, #rateReview button{
background: #7C0D0D;
border:none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
color:#FFF;
text-shadow: 0 1px 1px #000000;
}

form#signUp ul li {

background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;

}

form#signUp label {float: left;
width: 110px;}

form#rateIt label{float:left;
width: 300px;}
#rateIt ul{float:left;
	 margin-left:-35px;}