body {
    background-image: 	url('../img/seamless.jpg');
    background-color: 	#ccc;
    font-family:		Verdana;
    color: 				#000;
    margin: 			10px auto;
} 

.text_on_background {
	color: 				#ECE1BA;
}

.title {
	font-size: 			1.2em;
	font-weight: 		bold;
	margin: 			5px;
}

.float {
	float: 				left;
}

.project_title {
	color:				#FDD017;
	font-size: 			1.4em;
	font-weight: 		bold;
	text-decoration:	none;
	text-shadow:		black 3px 2px; 
}

.project_title_sub  {
	color: 				white;
	text-decoration:	none;
}

.project_title_sub:hover {
	text-decoration:	underline;
}


.tooltip{
	display: 			inline;
	padding: 			5px;
	color: 				#fff;
	position: 			absolute;
	z-index: 			98;
	top: 				100px;
	left: 				120px;
	visibility: 		hidden;
}

.search_bar {
	color: 				black; 
	background-color: 	#ECE1BA;
	padding:			8px 15px;
    border:				1px solid #dbdbdb;
	padding:			6px 15px 6px 30px;
	margin:				3px;
	font-size: 			1.2em;
	font-weight:		bold;
	
	border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 	
	
}

.search_button {
	padding:			3px 16px 3px 16px;
	font-size: 			1.1em;
	font-weight:		bold;	
}

.search_table {
	width: 				80%;
	color: 				#ECE1BA; 
	box-shadow: 		0 0px 5px 5px rgba(0, 0, 0, 0.5); 
	z-index: 			100;
/*	border:				1px solid red; */
	background-color: 	#151516;
}

.content_div {
	margin-top: 		5px; 
/*	border: 			1px solid green; */
	width: 				80%;
}

.message_div {
	margin-top: 		5px; 
/*	border: 			1px solid blue; */
	width: 				80%;
	height:				100px;
}



.frame_recipe {
	border: 			0px solid;
/*	border-style:		outset; */
/*	border-radius: 		5px 5px 5px 5px; */
	padding: 			3px;
	margin: 			5px;
/*	background-color: 	#91CE84; */
	vertical-align:		text-top;
	font-family: 		Verdana;
}

.frame_item {
	margin: 			2px;
	border: 			4px solid;
	border-color: 		#FEFEFE;
	border-color:		#FDD017;
	border-style:		outset;
	border-radius: 		5px 5px 5px 5px;
	padding: 			5px;
	float: 				left;
	min-width:			200px;
	max-width: 			400px;
	min-height: 		200px;
	word-wrap:			break-word;
	background-color: 	#ECE1BA;
	position:			relative;
	vertical-align:		text-top;
	font-family: 		Verdana;
}

.frame_item_small {
	border: 			0px none;
	border-style:		outset;
	border-radius: 		5px 5px 5px 5px;
	padding: 			5px;
	float: 				left;
	margin-top: 		0px;
	margin-bottom: 		15px;
	margin-left: 		0px;
	margin-right: 		0px;
	min-width: 			110px;
	max-width: 			170px;
	min-height: 		70px;
	word-wrap:			break-word;
	background-color: 	#ECE1BA;
	position:			relative;
	vertical-align:		text-top;
	font-family: 		Verdana;
}

.infobox {
	background-color: 	#ECE1BA;
    border:				1px solid #dbdbdb;
}

.shadow {
	box-shadow: 		0 0px 0px 5000px rgba(21, 21, 22, 0.5);
}