/* begin overall design classes */
	
	body
	{
		margin: 0px;
		color: #370000;
		background: #A60318;
		/* font-family: verdana, 'trebuchet ms', sans-serif; */
		font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
		font-size: 12px;
	}
	
	body.printerpage
	{
		margin: 0px;
		color: #000000;
		background: #FFFFFF;
		font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
		font-size: 12px;
	}

	.whole
	{
		width: 860px;
		text-align: left;
		background: #ffffff;
		margin: 0px auto 35px auto;
		border-width: 5px;
		border-style: solid;
		border-color: #630000;
	}

	a, a:active 
	{ 
		color: #630000; 
		text-decoration: underline; 
	}
	
	a:visited
	{
		color: #4C2800;
	}
	
	a:visited:hover 
	{ 
		border-top: solid 1px #4C2800; 
	}
	
	a:hover 
	{ 
		background-color: transparent; 
		border-top: solid 1px #630000; 
	}

	img
	{
		border: 0px;
	}

	input
	{
		color: #000000;
		background: #ffffff;
		margin-top: 5px;
		border: 1px solid #630000;
		padding: 2px;
		text-transform: capitalize;
		font-variant: small-caps;
		font-size: 10px;
	}
	
	.formbutton
	{
		background: #F4F4F4;
	}

/* end overall design classes */

/* classes needed for the header portion */

	.header
	{
		/* border: 1px #ffffff solid; */
		border-bottom: 5px solid #630000;
		width: 860px;
		height: 183px;
	}
	
	a:hover.plain
	{
		background-color: transparent; 
		border-top: 0px;
	}

	.headernav
	{
		border-bottom: 5px solid #630000;
		padding: 5px 10px 5px 10px;
		background-image: url(http://food.jitterbeangirl.com/navbg.jpg);
		background-repeat: repeat-y;
		background-position: 100% 0%;
		font-size: 11px;
		text-transform: uppercase;
	}

/* end header classes */

/* classes needed for navigation bar */

	.right
	{
		float: right;
		width: 160px;
		margin: 10px;
	}

	a.white, a:active.white, a:visited.white
	{
		color: #ffffff;
	}

	a:visited:hover.white, a:hover.white
	{
		border-top: 1px solid #ffffff;
		background-color: #81552E;
	}

	.navbox
	{
		margin-bottom: 10px;
		border: solid 2px #603913;
	}

	.navboxheader
	{
		color: #ffffff;
		background-color: #81552E;
		border-left: 5px solid #603913;
		border-bottom: 2px solid #603913;
		padding: 6px 6px 6px 5px;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
	}

	.navboxcontent
	{
		padding: 10px;
		font-size: 10px;
	}
	
/* end navigation classes */

/* classes for content, entries, etc. */

	.main
	{	
		float: left;
		margin: 15px 0px 15px 15px;
		width: 640px;
		text-align: justify;
	}

	.dateheader
	{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
	}

	.entrytitle
	{
		margin-top: 10px;
		border-left: 5px solid #630000;
		border-bottom: 2px solid #630000;
		padding: 0px 0px 0px 10px;
		font-size: 17px;
	}

	.morelink
	{
		font-size: 11px;
	}
	
	.entryfooter
	{
		margin-bottom: 25px;
		border-right: 5px solid #630000;
		border-top: 2px solid #630000;
		padding: 5px 10px 2px 0px;
		text-align: right;
		font-size: 10px;
	}


/* end content classes */

/* classes for footer */

	.footer
	{
		clear: both;
		border-top: 5px solid #630000;
		padding: 5px 10px 5px 10px;
		background-image: url(http://food.jitterbeangirl.com/navbg.jpg);
		background-repeat: repeat-y;
		background-position: 100% 0%;
		font-size: 11px;
		text-transform: uppercase;
	}

/* end footer classes */

/* classes for individual entry and comment pages */

	.prevnext
	{
		text-align: center;
		margin-bottom: 10px;
	}

	.printer
	{
		width: 100%;
		text-align: right;
		margin-top: 20px;
	}
	
	.commentright
	{
		float: right;
		width: 300px;
	}

	.commentleft
	{
		float: left;
		width: 300px;
	}

	.name-email
	{
		/* do not delete in template - is required for typekey script to work properly */
	}

	.commentsubmit
	{
		clear: both;
		margin-bottom: 25px;
	}

/* end individual entry and comment classes */

/* begin classes for things authored within the entries */

	div.frame-vert
		{ margin: 20px auto 0px auto; width: 404px; }
	
	div.frame-horiz
		{ margin: 20px auto 0px auto; width: 604px; }
	
	div.photo
		{ border: 2px solid #630000; }
	
	div.caption
		{ width: 100%; text-align: right; font-size: 7pt; text-transform: uppercase; padding: 3px 0px 0px 0px; }
	
	span.recipetitle
		{ font-size: 14px; }
	
	span.credit
		{ }
	
	span.yield
		{ }

	div.notes
		{ padding: 20px 0px 15px 0px; background-image: url(http://food.jitterbeangirl.com/notes.jpg); background-repeat: no-repeat; }
	
	div.ingredients
		{ padding: 20px 0px 15px 0px; background-image: url(http://food.jitterbeangirl.com/ingredients.jpg); background-repeat: no-repeat; }
	
	div.variations
		{ padding: 20px 0px 15px 0px; background-image: url(http://food.jitterbeangirl.com/variations.jpg); background-repeat: no-repeat; }
	
	div.usedin
		{ padding: 20px 0px 15px 0px; background-image: url(http://food.jitterbeangirl.com/usedin.jpg); background-repeat: no-repeat; }
	
	div.thing
		{ padding: 0px 0px 0px 20px; background-image: url(http://food.jitterbeangirl.com/bullet.jpg); background-repeat: no-repeat; }
	
	div.directions
		{ padding: 25px 0px 0px 0px; background-image: url(http://food.jitterbeangirl.com/directions.jpg); background-repeat: no-repeat; }
	
	div.step
		{ padding: 0px 0px 15px 20px; background-repeat: no-repeat; }
	
	#one
		{ background-image: url(http://food.jitterbeangirl.com/step1.jpg); }
	
	#two
		{ background-image: url(http://food.jitterbeangirl.com/step2.jpg); }
	
	#three
		{ background-image: url(http://food.jitterbeangirl.com/step3.jpg); }
	
	#four
		{ background-image: url(http://food.jitterbeangirl.com/step4.jpg); }
	
	#five
		{ background-image: url(http://food.jitterbeangirl.com/step5.jpg); }
	
	#six
		{ background-image: url(http://food.jitterbeangirl.com/step6.jpg); }
	
	#seven
		{ background-image: url(http://food.jitterbeangirl.com/step7.jpg); }
	
	#eight
		{ background-image: url(http://food.jitterbeangirl.com/step8.jpg); }
	
	#nine
		{ background-image: url(http://food.jitterbeangirl.com/step9.jpg); }

/* end authored classes */