/* Styles for subpages */

/* PAGE STRUCTURE
----------------------------------------------- */

	#tray-left, #tray-right {
	  display:inline;
	  overflow:hidden;
	  word-wrap:break-word;
	  }

	#tray-left {
	  float:left;
	  margin-left:20px;
	  width:180px;
	  }

	#tray-right {
	  float:right;
	  margin-right:20px;
	  width:510px;
	  }

	#main-container {
	  margin-top:-20px;
	  position:relative;
	  }

	#footer {
	  color:#fff;
	  }


/* HEADER
-------------------------------------*/

	html body {
	  background:#3eb1df url("images/sub-pgbg.gif") repeat-y center top;
	  color:#333;
	  }

	#h2 { 
      background:#46b1dd no-repeat top left;
	  height:110px;
      margin:0 auto;
	  position:relative;
	  width:750px;
	  }

	#go2 #h2 { background-image:url("images/header-recipe.gif"); }
	#goodlife #h2 { background-image:url("images/header-goodlife.gif"); }

    #navigation {
	  height:23px;
  	  line-height:23px;
	  margin:0 auto;
	  overflow:hidden;
	  position:absolute;
	  top:0;
      width:750px;
      }

    #navigation ul {
	  float:right;
      list-style:none;
      margin:0;
      padding:0 10px;
      }

    #navigation li {
      float:left;
      margin:0;
      padding-left:4px;
      }
	
	#navigation a {
	  color:#a9dcf2;
	  display:block;
	  float:left;
	  font-size:0.9em;
	  font-weight:bold;
	  padding:0 10px 0 6px;
      text-decoration:none;
	  text-transform:uppercase;
	  }
	
	#navigation a:hover {
	  color:#333;
	  }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a {float:none;}
    /* End IE5-Mac hack */

	#home #nav-home, #go2 #nav-go2, #goodlife #nav-goodlife, #organica #nav-organica {
      background:url("images/tab-left-sub.gif") no-repeat left top;
	  background-position:0% -23px;
	  border-width:0;
      }

    #home #nav-home a, #go2 #nav-go2 a, #goodlife #nav-goodlife a, #organica #nav-organica a {
      background:url("images/tab-right-sub.gif") no-repeat right top;    
	  background-position:100% -23px;
	  color:#333;
	  }


/* HEADINGS and TYPE
----------------------------------------------- */

	#tray-left p {
	  margin-top:0;
	  }

	#tray-right p {
	  line-height:1.8em;
	  margin-top:0.2em;
	  }

	#tray-right h3 {
	  clear:both;
	  font-size:1em;
	  letter-spacing:0.1em;
	  text-transform:uppercase;
	  }

	#tray-right h4 {
	  font-style:italic;
	  }

	#go2.recipeindex h3 {
	  font-size:1.8em;
	  margin:2em 0 0.6em;
	  }

/* WIDGET STRUCTURE
----------------------------------------------- */

	div.subbox {
	  background:url("images/whitebox-tl.gif") top left no-repeat;
	  margin-bottom:20px;
	  position:relative;
	  }

	div.subbox h1 {
	  background:url("images/whitebox-tr.gif") top right no-repeat;
	  margin:0;
	  }

	#tray-right h1 {
	  font-size:1.8em;
	  font-weight:normal;
	  padding:0px 20px 5px;
	  /* Stupid IE5.2 \*/
	  padding:20px 20px 10px;
	  /* End hack */
	  }

	#tray-left h1, #tray-left h3 {
	  color:#999;
	  clear:both;
	  font-size:0.9em;
	  text-transform:uppercase;
	  padding:0px 10px;
	  /* Stupid IE5.2 \*/
	  padding:10px 10px 5px;
	  /* End hack */
	  }
	
	div.subboxbody {
	  background:url("images/whitebox-r.gif") top right repeat-y;
	  }

	div.subboxfooter {
	  background:url("images/whitebox-bl.gif") bottom left no-repeat;
	  clear:both;
	  }

	div.subboxfooter p {
	  background:url("images/whitebox-br.gif") bottom right no-repeat;
	  display:block;
	  margin:0;
	  padding:15px;
	  }



	#browserecipes ul {
	  list-style:none;
	  margin:0 0.2em 5px;
	  padding:0;
	  }

	#browserecipes ul li {
	  float:left;
	  font-size:1.1em;
	  height:1.3em;
	  padding:6px 0;
	  text-align:center;
	  }

	#browserecipes ul a:link, #browserecipes ul a:visited {
	  font-weight:bold;
	  padding:0.3em 0.8em;
	  }

	#browserecipes ul a:hover {
	  color:#333;
	  cursor:default;
	  font-weight:bold;
	  text-decoration:none;
	  }

	#browserecipes ul.index li {
	  width:2.3em;
	  }

	#recipebody {
	  margin:auto 20px;
	  }

	#ingredients {
	  float:left;
	  margin-right:10px;
	  width:230px;
	  }
	
	#method {
	  float:right;
	  width:230px;
	  }

	#recipefooter {
	  clear:both;
	  float:none;
	  }

	#ingredients img {
	  margin-bottom:10px;
	  }

	#ingredients ul {
	  float:left;
      list-style:none;
      margin:0;
      padding:0;
	  }

	#ingredients li {
	  border-bottom:1px solid #999;
	  display:block;
	  margin:5px 0;
	  padding:0 0 3px;
	  }

	#recipebody ol {
	  list-style:none;
	  margin:0;
	  padding:0;
	  }

	#recipebody ol li {
	  margin:0.6em 0;
	  }