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

body {  background-color: #eadcb1;
		color: #b3a783;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif; 
		width:100%;
		margin:0px; }

div#titlebar{   background-color: #b3a783;
				color: #eadcb1;
				font-weight: bold;
				font-size: 4em; 
				padding-left: 1em;
				/*width: 90%;*/
				clear: both;
				}
				
div#linkbar{ position: absolute;
			 top: 6em;
			 left: 7em;
			 padding: .5em; 
			 clear: right;
			 z-index: 2;}
			 
span#current{ position: absolute;
			  top: 10em;
			  left: 12em;
			  width: 75%;
			  height: 65%;
			  padding: .5em;
			  float: right;
			  clear: right;
			  border: 5px solid #b3a783;
			  z-index: 2;
			   }
span#recipeDisplay { z-index: 3; }

span#recipeResultsHidden{ }

span#recipeResultsShown{ position: absolute;
						 top: 0px;
						 left: opx;
						 background-color: #eadcb1;
						 color: #b3a783;
						 overflow: scroll;
						 padding: .5em;
						 height: 97%; 
						 width: 97%; 
						 z-index: 4;}
			 
div#notice{  background-color: #b3a783;
			color: #eadcb1;
			font-size: .75em; 
			text-align: center;
			width: 100%;
			overflow: hidden;
			position: absolute;
			bottom: 2em;			
			clear: both;
			 }
			 
div#sideImg{ position: absolute;
			 top: 10em;
			 left: .25em; 
			 float: left;
			 clear: left;
			 z-index: 1;}
			 
span#container{ float: left;
				clear: left; }
				
span.rePic{ border: 5px solid #b3a783;
			float: right;
			clear: right; }