/* =============================================================================
Seed to Plate - Global
============================================================================= */

/* General
============================================================================= */

html, body {height: 100%;}

html,body,div,ul,ol,li,h1,h2,h3,h4,pre,form,button,img {
/* I REMOVED p FROM THE LIST OF TAGS AFFECTED*/
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: url(../img/backgrounds/main.jpg) repeat #f4efea; 
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  color: #3c3229;
}

ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#nav span, ul#text-resize span, h2 span, h3 span, h4 span {display: none;}

input, textarea {
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #262626;
  margin: 0;
  padding: 0;
}

button {
  display: block;
  cursor: pointer;
}

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

#page_container {
  text-align: left;
  width: 929px;
  margin: 0 auto;
  padding: 10px 0;
}

p a, #basket td a, 
a.right, h4 a {
  color: #b57135;
  text-decoration: underline;
}

p a:hover, #basket td a:hover, 
a.right:hover, h4 a:hover {
  color: #d29864;
  text-decoration: none;
}

h2 {
  font: normal 22px Georgia, "Times New Roman", serif;
  color: #749622;
}

/* Header
============================================================================= */

#header_container {
  background: url(../img/backgrounds/header.jpg) top center no-repeat #393027;
  text-align: center;
  width: 100%;
  height: 150px;
}

#header {
  width: 925px;
  height: 116px;
  margin: 0 auto;
}

#header2 {
  width: 950px;
  height: 116px;
  margin: 0 auto;
}

  #header #logo {
    width: 254px;
    height: 58px;
    padding: 25px 0 0 8px;
    float: left;
  }

  #header h1 {
    display: block;
/*    background: url(../img/typography/logo.gif) 0 0 no-repeat; */
    background: url(../img/typography/logoii.png) 0 0 no-repeat;
    text-indent: -9999px;
    height: 58px;
    cursor: pointer;
  }

    #header h1 a {
      display: block;
      width: 254px;
      height: 58px;
    }

  #header #basket {
    background: url(../img/backgrounds/basket.jpg) 0 0 no-repeat;
    text-align: right;
    width: 297px;
    height: 100px;
    float: right;
  }

    #header #basket p {
      font: normal  11px/17px Tahoma, Arial, sans-serif;
      color: #8e8376;
      margin: 36px 10px 0 0;
    }

      #header #basket p span {color: #695b4b;}

      #header #basket p a {
        color: #c8bab0;
        text-decoration: none;
      }

      #header #basket p a:hover {color: #d7cdc5;} 
      
      #header #basket p a#header_active, #header #basket p a#header_active:hover {
        color: #8E8376;
        text-decoration: none;
      }

/* Nav
============================================================================= */

    ul#nav {
      width: 925px;
      height: 34px;
      margin: 0 auto;
    }

      ul#nav li {float: left;}

        ul#nav li a {
          display: block;
          height: 34px;
          cursor: pointer;
          margin: 0 2px 0 0;
		  color:#CCCCCC; 
		  font-family:Verdana, Arial, Helvetica, sans-serif; 
		  font-weight:bold; 
		  font-size:16px;		
		  padding: 0px 20px 0px 20px;
		  line-height:34px;
        }
		
        ul#nav li a:hover {
	      color: #FF8000;
		}
		
        ul#nav li a#active {
		  color: #FF8000;		  
		}		

        ul#nav li a.end {margin: 0;}

/*        ul#nav li a#home {		   
		   padding: 8px 20px 0px 20px; 
		   font-family:Verdana, Arial, Helvetica, sans-serif; 
		   font-weight:bold; 
		   font-size:16px;
		   color:#CCCCCC; 		
		}

        ul#nav li a#home {background: url(../img/nav/home.gif) 0 0 no-repeat; width: 83px;}
        ul#nav li a#plot_designer {background: url(../img/nav/plot_designer.gif) 0 0 no-repeat; width: 135px;}
        ul#nav li a#sowing_calendar {background: url(../img/nav/sowing_calendar.gif) 0 0 no-repeat; width: 157px;}
        ul#nav li a#grow_guides {background: url(../img/nav/grow_guides.gif) 0 0 no-repeat; width: 132px;}
        ul#nav li a#video_lessons {background: url(../img/nav/video_lessons.gif) 0 0 no-repeat; width: 142px;}
        ul#nav li a#recipes {background: url(../img/nav/recipes.gif) 0 0 no-repeat; width: 93px;}
        ul#nav li a#help {background: url(../img/nav/help.gif) 0 0 no-repeat; width: 77px;}
        ul#nav li a#my_plot {background: url(../img/nav/my_plot.gif) 0 0 no-repeat; width: 94px;}
        ul#nav li a#shop {background: url(../img/nav/shop.gif) 0 0 no-repeat; width: 75px;}

        ul#nav li a#home:hover,
        ul#nav li a#plot_designer:hover,
        ul#nav li a#sowing_calendar:hover,
        ul#nav li a#grow_guides:hover,
        ul#nav li a#video_lessons:hover,
        ul#nav li a#recipes:hover,
        ul#nav li a#help:hover,
        ul#nav li a#my_plot:hover,
        ul#nav li a#shop:hover {
          background-position: 0 -34px;
        }

        ul#nav li a#home_active {background: url(../img/nav/home.gif) 0 -34px no-repeat; width: 83px;}
        ul#nav li a#plot_designer_active {background: url(../img/nav/plot_designer.gif) 0 -34px no-repeat; width: 135px;}
        ul#nav li a#sowing_calendar_active {background: url(../img/nav/sowing_calendar.gif) 0 -34px no-repeat; width: 157px;}
        ul#nav li a#grow_guides_active {background: url(../img/nav/grow_guides.gif) 0 -34px no-repeat; width: 132px;}
        ul#nav li a#video_lessons_active {background: url(../img/nav/video_lessons.gif) 0 -34px no-repeat; width: 142px;}
        ul#nav li a#recipes_active {background: url(../img/nav/recipes.gif) 0 -34px no-repeat; width: 93px;}
        ul#nav li a#help_active {background: url(../img/nav/help.gif) 0 -34px no-repeat; width: 77px;}
        ul#nav li a#my_plot_active {background: url(../img/nav/my_plot.gif) 0 -34px no-repeat; width: 94px;}
        ul#nav li a#shop_active {background: url(../img/nav/shop.gif) 0 -34px no-repeat; width: 75px;}
*/

/* Footer
============================================================================= */

#footer {
  background: url(../img/misc/footer_logo.gif) 10px 14px no-repeat;
  font: normal 11px Tahoma, Arial, sans-serif;
  width: 929px;
  margin: 0 auto;
  border-top: 1px solid #d5cec8;
  padding: 20px 0;
}

  #footer a {
    color: #3c3229;
    text-decoration: underline;
  }

  #footer a:hover {
    color: #665a50;
    text-decoration: none;
  }
  
  #footer a#footer_active, #footer a#footer_active:hover {
    color: #7D9D30;
    text-decoration: none;
  }

  #footer ul#links {
    color: #c2bab3;
    line-height: 17px;
    padding: 0 0 0 46px;
    float: left;
  }

    #footer ul#links li {float: left;}

  #footer p#info {
    display: inline;
    margin: 0;
    float: right;
  }