/*
Comfort Food Style Sheet
*/


/* Standard font family for site */

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
  font-family:Arial, Helvetica, sans-serif;
}


/* Page body style */

body
{
	margin: 0;
	padding: 0;
  color: #64645D;
	background-color: #E2E1D3;
	background-image: url(images/page_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}


/* Standard paragraph style */

p, ul
{
	font-size: 0.8em;
  line-height: 1.4em;
	margin-top: 0;
	
}


/* Links */

a:link, a:active
{
	color: #4176C6;
	background-color: inherit;
}

a:visited
{
	color: #333333;
	background-color: inherit;
}

a:hover
{
	color: #993300;
	background-color: inherit;
}


/* Headings */

h1
{
	font-weight: bold;
	font-size: 1.5em;
  line-height: 1.0em;
  margin: 0 0 15px 0;
  padding: 0;
  color: #E0B562;
  background-color: inherit;
}

h2
{
	font-weight: bold;
	font-size: 1.2em;
  line-height: 1.0em;
  margin: 0 0 10px 0;
  padding-top: 15px;
  color: #BDBCAF;
  background-color: inherit;
}

h3
{
	font-weight: normal;
	font-size: 1.1em;
  line-height: 1.0em;
  margin: 0 0 10px 0;
  padding-top: 15px;
  color: #BDBCAF;
  background-color: inherit;
}


/* Container for page */

#container
{
	position: relative;
	margin: 0 auto 0 auto;
  padding: 0 16px 0 16px;
	width: 750px;
	background-image: url(images/container_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
  color: inherit;
  background-color: #FFFFFF;
}


/* Page header area */

#page-header
{
  width: 730px;
  height: 80px;
  padding: 10px;
  color: inherit;
  background-color: #7B1D04;
}

#page-header-shadow-left-dark
{
  position: absolute;
  left: 0;
  top: 100px;
  width: 16px;
  height: 200px;
	background-image: url(images/header_shadow_left_dark.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#page-header-shadow-right-dark
{
  position: absolute;
  left: 766px;
  top: 100px;
  width: 16px;
  height: 200px;
	background-image: url(images/header_shadow_right_dark.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#page-header h1
{
	font-size: 1.7em;
  font-weight: bold;
  text-transform: lowercase;
  color: #E0B562;
  background-color: inherit;
}

.header-times
{
  font-family: times, serif;
  font-size: 1.1em;
  font-weight: normal;
  color: #FFFFFF;
  background-color: inherit;
  letter-spacing: 0.2em;
  margin-right: 1px;
}


/* Menu */

#menu
{
	position: absolute;
	left: 25px;
	top: 76px;
	font-size: 0.85em;
	width: 707px;
	height: 19px;
}

#menu a
{
	font-size: 1.0em;
  line-height: 1em;
  margin-right: 15px;
  font-weight: bold;
  text-transform: lowercase;
	color: #FFFFFF;
	background-color: inherit;
	text-decoration: none;
}

#menu a:hover
{
	text-decoration: underline;
}


/* Page header photo (homepage) */

#page-header-photo
{
  width: 750px;
  height: 200px;
	color: inherit;
	background-color: #340701;
	background-image: url(images/header_photo.jpg);
}

/* Page header photo (inside page) */

#page-header-photo2
{
	width: 750px;
	height: 112px;
	color: inherit;
	background-color: #340701;
	background-image: url(images/header_photo2.jpg);
}

/* Page body */

#page-body
{ 
  padding: 30px 10px 10px 10px;
  width: 730px;
}


/* Main content area */

#main-content
{
  float: left;
  width: 490px;
  margin-right: 20px;
}


/* Sidebar area */

#sidebar
{
  float: left;
  width: 220px;
}


/* Highlight boxes */

.highlight-box
{
  width: 200px;
  padding: 10px;
  color: inherit;
  background-color: #E2E1D3;
}


/* Standard images */

img
{
	border: none;
}


/* Page footer */

#page-footer
{
	position: relative;
	margin: 0 auto 0 auto;
  padding: 35px 26px 35px 26px;
	width: 730px;
	background-image: url(images/footer_shadow.gif);
	background-position: top left;
  background-repeat: no-repeat;
  color: #64645D;
	background-color: #E2E1D3;
}


/* Clearing element */

.clear
{
	position: relative;
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	left: -1px;
}