/* these are the normal link attributes */
a:link {
	color: #8B4513;        /* -------------this is the color of all links except blog titles and nav bar ---------------*/
	text-decoration: none;
}

a:visited {
	color: #8B4513;        /* same as above */
	text-decoration: none;
}

a:active {
	color: #8B4513;        /* same as above */
}

a:hover {
	color: #c5ad90;       /* make a complimentary color to the link color, probably the same as the title and navbar */
	border-bottom: 1px solid #DFC9AF;
	text-decoration: none;
}

body
{
	color: black;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	background-color: #DFC9AF;
	margin: 15px;
}

#leftnav
{
	float: left;
	text-align: left;
	background-color: #FDF5E6;
	width: 140px;
	left: 0px;
	margin-left: 2px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin: auto;
	padding: 10px;
	border: 1px solid black;
}

#login
{
	text-align: left;
	background-color: #FDF5E6;
	width: 300px;
	height: 400px;
	left: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid black;
}

.spacer
{
	height: 20px;
	background-color: #DFC9AF;
}

.clear {
	clear: both;
	margin:0;
	padding:0;
	height: 0.1px;
}

#content
{
	width: 1087px;
	margin: auto;
	padding: 0;
	background-color: #DFC9AF;
}

#editcontent
{
	width: 1087px;
	margin: auto;
	padding: 0;
	background-color: #DFC9AF;
}

#idxcontent
{
	width: 835px;
	margin: auto;
	padding: 0;
	background-color: #DFC9AF;
}

#search
{
	width: 1074px;
	margin: auto;
	padding: 5px;
	background-color: #FDF5E6;
}

#idxsearch
{
	width: 813px;
	margin: auto;
	background-color: #FDF5E6;
}

#header
{
	width: 1063px;
	background-color: #FDF5E6;
	font-family: TrocchiBold, 'Times New Roman', Times, serif;
	font-size: 24px;
	color: #8B4513;
	text-align: center;
	border: 1px solid black;
	margin: auto;
	padding: 10px;
	height: 30 px;
}

#idxheader
{
	width: 812px;
	background-color: #FDF5E6;
	font-family: TrocchiBold, 'Times New Roman', Times, serif;
	font-size: 24px;
	color: #8B4513;
	text-align: center;
	border: 1px solid black;
	margin: auto;
	padding: 10px;
	height: 30 px;
}

#middle
{
	width: 896;
	float: right;	
	margin: auto;
	padding: 10px;
	border: solid black 1px;
	background-color: #FDF5E6;
}

#idxmiddle
{
	width: 645;
	float: right;
	margin: auto;
	padding: 10px;
	border: solid black 1px;
	background-color: #FDF5E6;
}

th
{
	font-size: 12px;
	text-align: left;
	background-color: #D7D7D7;
}

td
{
	font-size: 12px;
}

.roweven
{
	color: black;
	background-color: #FDF5E6;
}

.rowodd
{
	color: black;
	background-color: #fae6d2;
}

.rankcell
{
	width: 25px;
	text-align: right;
}

.namecell
{
	width: 255px;
}

.tocnamecell
{
	width: 400px;
}

.cuisinecell
{
	width: 90px;
}

.toccuisinecell
{
	width: 120px;
}


.typecell
{
	width: 105px;
}

.toctypecell
{
	width: 200px;
}

.ingredientcell
{
	width: 90px;
}

.tocingredientcell
{
	width: 120px;
}

.tocpagecell
{
	width: 20px;
}


.editcell
{
	width: 40px;
	text-align: center;
}

.markcell
{
	width: 40px;
	text-align: center;
}

.numbercell
{
	width: 40px;
	text-align: right;
}

.namefield {
	font-size: 18px;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px;
	height: 45px;
	width: 600px;
}

.comandsuggfield {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px;
	height: 30px;
	width: 600px;
}

.servesfield {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px;
	height: 18px;
	width: 100px;
}

.sourcefield {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px;
	height: 18px;
	width: 400px;
}

.iandifield {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px;
	height: 160px;
	width: 350px;
}


.caution {
	font-size: 14px;
	color: red;
}

.errorFormat {
	width: 965px;
	background-color: white;
	font-size: 12px;
	color: red;
	text-align: left;
	border: 1px solid red;
	margin: auto;
	padding: 10px;
}

.errorFormat2 {
	width: 300px;
	background-color: white;
	font-size: 12px;
	color: red;
	text-align: left;
	border: 1px solid red;
	margin: auto;
	padding: 10px;
}

.successFormat {
	width: 965px;
	background-color: white;
	font-size: 12px;
	color: green;
	text-align: left;
	border: 1px solid green;
	margin: auto;
	padding: 10px;
}

.successFormat2 {
	width: 300px;
	background-color: white;
	font-size: 12px;
	color: green;
	text-align: left;
	border: 1px solid green;
	margin: auto;
	padding: 10px;
}	

#display
{
	background-color: #FFFFFF;
	width: 900px;
	margin: auto;
	padding: 15px;
}

#display td
{
	font-size: 16px;
}

#display .header
{
	width: inherit;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: black;
	text-align: center;
	line-height: 1.5;
	border-bottom: thin dotted black;
}

#display .title
{
	font-size: 24px;
	font-weight: bolder;
	line-height: 200%;
	text-align: center;
	margin-top: 10px;
	border-bottom: thin dotted black;
}

#display .breaktitle
{
	font-size: 36px;
	font-weight: bolder;
	line-height: 200%;
	margin-top: 10px;
	border-bottom: thin dotted black;
 /*   break-before: page; */
}

#display .recipenumber
{
	font-size: 18px;
	font-weight: bolder;
	line-height: 100%;
	margin-top: 10px;
	break-before: page;
}

#display .rtopic
{
	font-weight: bolder;
	text-align: right;
}

#display .topic
{
	font-weight: bolder;
}

#display .line
{
	text-align: center;
	border-bottom: thin dotted black;
}