@media screen,print {
body {
	background-color:	#fbe89e;
	background-image:	url("http://recipebox.frenchroastdesign.com/images/banner.png");
	background-repeat:	no-repeat;
	background-position:	top left;
	margin:				0;
	padding:			15px;
	font:				12pt "Bitstream Vera Sans","Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-align:			left;
	color:				#000000;
	font-size:			small;
}
a, a:visited {
	color:				#000000;
	text-decoration:	none;
}
a.current, a.current:hover, a.current:visited {
	color:				#ee4a23;
}
a.uline {
	text-decoration:	underline;
}


#body {
	padding-top:			160px;
	padding-left:			40px;
	width:					800px;
	overflow:				visible;
/*	white-space:		pre;	*/
}
.panel100 {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				100px;
	float:				left;
	margin-left:		20px;
	margin-bottom:		10px;
}
.panel200 {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				200px;
	float:				left;
	margin-left:		20px;
	margin-bottom:		10px;
}
.panel300 {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				300px;
	float:				left;
	margin-left:		20px;
	margin-bottom:		10px;
}
.panel400 {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				400px;
	float:				left;
	margin-left:		20px;
	margin-bottom:		10px;
}
.panel500 {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				500px;
	float:				left;
	margin-left:		20px;
	margin-bottom:		10px;
}
.panel600 {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				640px;
	float:				left;
	margin-left:		20px;
	margin-bottom:		10px;
}
#menu {
	padding:			8px;
}
#menu a, #menu a:hover, #menu a:visited {
	font-family:		"Trebuchet MS",Trebuchet,Arial,Sans-serif;
	font-weight:		bold;
	text-transform:		uppercase;
	line-height:		1.6em;
}
#categories {
	padding:			8px;
}
#categories a, #categories a:hover, #categories a:visited {
	font-family:		"Trebuchet MS",Trebuchet,Arial,Sans-serif;
	font-weight:		bold;
	text-transform:		uppercase;
	line-height:		1.6em;
}
#recipes {
	padding:			8px;
}
#recipes a, #recipes a:hover, #recipes a:visited {
	font-family:		"Trebuchet MS",Trebuchet,Arial,Sans-serif;
	font-weight:		bold;
	text-transform:		uppercase;
	line-height:		1.6em;
}

.panelhead {
	background-color:	#ee4a23;
	color:				#ffffff;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.1em;
	font-family:		"Bookman Old Style","Times New Roman",serif;
	padding:			2px 2px 2px 8px;
	text-transform:		uppercase;
	border-bottom:		4px solid black;
}

h3 {
	font-size:			1.4em;
	padding:			6px;
}

form {
	margin:				0;
	padding:			0;
}
input, textarea {
	background-color:	#fbe89e;
	border:				2px solid #000000;
	color:				#000000;
	padding:			2px;
	font-family:		monospace;
}
input.redinput {
	background-color:	#ee4a23;
	color:				#ffffff;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.1em;
	font-family:		"Bookman Old Style","Times New Roman",serif;
	padding:			2px;
}

ul.menu {
	margin:				0 0 0 15px;
	padding:			0;
	font-weight:		bold;
	list-style-type:	square;
}
ul.menu li {
	margin-bottom:		4px;
}
ul.ingredients {
	margin:				0 0 0 15px;
	padding:			0;
	list-style-type:	none;
}
ul.ingredients li {
	margin-bottom:		2px;
}


.topright {
	float:				right;
}

pre {
	font-family:		"Lucida Console","Courier New", courier, monospace;
	font-size:			1.2em;
}

#recipe {
	padding:			10px;
	font-family:		monospace;
	font-size:			1.2em;
}

h4 {
	font-size:			1.1em;
	font-weight:		bold;
	text-transform:		uppercase;
	text-decoration:	underline;
}

#trail {
	background-color:	#ffffff;
	border:				4px solid black;
	width:				560px;
	clear:				both;
	margin-left:		20px;
	padding:			6px;
}
#trail a, #trail a:hover, #trail a:visited {
	font-family:		"Trebuchet MS",Trebuchet,Arial,Sans-serif;
	font-weight:		bold;
	text-transform:		uppercase;
	line-height:		1.6em;
}

.textpanel {
	padding:			10px;
	font-family:		monospace;
	font-size:			1.2em;
}

}	/* end @media screen */

@media print {
	#body {
		padding-top:			10px;
		padding-left:			10px;
		width:					800px;
		overflow:				visible;
	}
	.panel600 {
		border:				1px solid black;
		width:				100%;
		float:				left;
		margin-left:		0;
		margin-bottom:		10px;
	}
}	/* end @media print */