@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */
html {
  background: #f8f6dd url(/img/html-bg.jpg) top center repeat-y;
}
body {
  background: url(/img/body-bg.jpg) top center repeat-x fixed;
  /*background: url(/img/background-tile.jpg) top left repeat-x;*/
  font-family: Georgia, serif;
  font-size: 8pt;
  color: #3b3b3b;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
body h1 {
  position: absolute;
  left: -9999px;
}
body a {
  text-decoration: none;
}
body .light-font {
  color: #7e7e7e;
  font-size: 1.2em;
  line-height: 1.5em;
}

/*
 * Add frame to images
 */
body span.with-frame {
  overflow: hidden;
}
body span.with-frame img {
  background: #fff url(/img/image-drop-shadow.gif) bottom right no-repeat;
  margin: 0;
  padding: 8px 13px 13px 8px;
}

div#site-container {
  /*background: #f8f6dd;*/
  background: #faf7e4;
  text-align: left;
  margin: 0 auto 0 auto;
  width: 960px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 408px;
}
div#header a {
  font-size: 1.2em;
  color: #646464;
}

div#header div#corporate-menu {
  margin: 0;
  padding: 0;
  width: 100%;
}
div#corporate-menu ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0 38px 0 0;
}
div#corporate-menu ul li {
  background: url(/img/corporate-menu-li-bg.gif) top left no-repeat;
  float: left;
  margin: 0 12px 0 0;
  padding: 10px 0 0 5px;
  width: 92px;
  height: 19px;
}

div#header div#title-and-menu {
  float: right;
  margin: 340px 0 0 0;
  padding: 0;
  width: 100%;
}

div#title-and-menu div#title {
  float: left;
  margin: 8px 0 0 0;
  padding: 0 0 0 60px;
}
div#title h2 {
  color: #fff;
  font-weight: normal;
  font-size: 1.8em;
}

div#title-and-menu div#menu {
  float: right;
  margin: 0;
  padding: 0;
}
div#menu ul {
  list-style: none;
  margin: 0;
  padding: 0 38px 0 0;
}
div#menu ul li {
  background: url(/img/menu-li-bg.gif) top left no-repeat;
  float: left;
  margin: 0 12px 0 0;
  padding: 10px 0 0 5px;
  width: 92px;
  height: 19px;
}



/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin: 45px auto 0 auto;
  width: 860px;
}


/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  margin: 0;
  padding: 0;
  width: 315px;
}
div#left-column div#action-buttons img {
  margin: 10px 0 0 0;
  padding: 0;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  margin: 0;
  padding: 0;
  width: 120px;
}

div#centre-column div#categories {
  margin: 0;
  padding: 0 0 0 25px;
}
div#centre-column div#categories h2 {
  color: #646464;
  font-weight: normal;
  font-size: 1.0em;
  font-style: italic;
}
div#centre-column div#categories ul#categories-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#categories-list li {
  margin: 0 0 6px 0;
  padding: 0;
}
ul#categories-list li a {
  color: #646464;
}



/*
 * Right Column
 */

div#page-content div#right-column {
  float: left;
  margin: 0;
  padding: 0;
  width: 425px;
}


/*
 * Footer
 */

div#footer {
  background: url(/img/footer-bg.jpg) top center repeat-y;
  margin: 0 auto 10px auto;
  padding: 0;
  width: 960px;
  height: 180px;
  text-align: left;
  overflow: hidden;
  position: relative;
}
div#footer div#good-food-logo {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 54px 0px 0px 50px;
  width: 180px;
}
div#footer div#good-food-logo img {
  display: block;
  border-top: 4px #f0ece6 solid;
  border-right: 4px #f0ece6 solid;
  border-left: 4px #f0ece6 solid;
  border-bottom: none;
}

div#footer p.author {
  font-size: 0.95em;
  background: #f7f7e3;
  margin: 0;
  padding: 5px 10px 5px 10px;
  position: absolute;
  bottom: 0;
  right: 50px;
}


/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}

div#tibus-credit p {
  font-size: 0.95em;
  text-align: right;
  margin: -10px auto 0 auto;
  padding: 0 270px 5px 0;
  width: 960px;
}