/*
Simple Living
Author: John & David Peele, Rockbeatspaper
Version: 9.1.05
*/

/* generic
--------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #C0BC96 url(../images/bg.gif) 50% 0 repeat-y;
  font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", tahoma, verdana, arial, helvetica, sans-serif;
  color: #434342;
  text-align: center;
}

/* Malarkey Image Replacement */
.mir { letter-spacing : -1000em; }

/* MIR just for IE */
* html h1.mir, * html h2.mir, * html #nav.mir, * html #content-main a.return {
  text-indent: -999em;
}
/* End of hack */

/* MIR just for Opera, but hide from MacIE */ 
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

/* general links
--------------------------------------------------------------------------------------------- */
a, a:link {
  text-decoration: none;
  border-bottom: 1px dotted #373428;
  color: #434342;
}

a:hover {
  border-bottom: 1px solid;
}

#header-branding a, #header-visit-westover a, #content-sidebar a.banner {
  border: none;
}

/* container
--------------------------------------------------------------------------------------------- */
#container {
  margin: 0 auto;
  width: 750px;
  text-align: left;
}

/* header
--------------------------------------------------------------------------------------------- */
#header {
  _margin: 0 10px; /* for IE */
  width: 750px;
  height: 263px;
  position: relative;
  background: url(../images/bg_header.jpg) top left no-repeat;
}

#header h1#header-branding {
  width: 359px;
  height: 124px;
  position: absolute;
  top: 50px;
  left: 30px;
}

#header h1#header-branding a {
  width: 359px;
  height: 124px;
  display: block;
}

/* navigation

-------------------------------------------------------------------------------------------- */
#nav {
  margin: 0 10px;
  width: 730px;
  position: absolute;
  top: 207px;
  list-style: none;
  background: url(../images/bg_nav.jpg) 379px 0 no-repeat;
}

#nav li {
  display: inline;
}

#nav li a {
  height: 56px;
  display: block;
  float: left;
  border: none;
}
        
#nav a:hover, #nav a.selected {
  background-position: 0 -56px;
}

#about a {
  width: 119px;
  background: url(../images/btn_about.gif) no-repeat;
}

#press a {
  width: 70px;
  background: url(../images/btn_press.gif) no-repeat;
}

#tvclips a {
  width: 81px;
  background: url(../images/btn_tvclips.gif) no-repeat;
}

#resources a {
  margin-right: 162px;
  width: 109px;
  background: url(../images/btn_resources.gif) no-repeat;
}

#partners a {
  width: 92px;
  background: url(../images/btn_partners.gif) no-repeat;
}

#store a {
  width: 97px;
  background: url(../images/btn_store.gif) no-repeat;
}

/* content-header
-------------------------------------------------------------------------------------------- */
#content-header {
  margin: 0 10px;
  _margin: 0 20px; /* for IE */
  width: 730px;
  height: 162px;
  background: url(../images/bg_content-header.gif) 0 0 no-repeat;
}

#content-header h2 {
  width: 201px;
  height: 42px;
  position: relative;
  top: 18px;
  left: 177px;
}

#content-header #title-welcome { background: url(../images/bg_title-welcome.gif) no-repeat; }
#content-header #title-about { background: url(../images/bg_title-about.gif) no-repeat; }
#content-header #title-press { background: url(../images/bg_title-press.gif) no-repeat; }
#content-header #title-visuals { background: url(../images/bg_title-visuals.gif) no-repeat; }
#content-header #title-resources { background: url(../images/bg_title-resources.gif) no-repeat; }
#content-header #title-partners { background: url(../images/bg_title-partners.gif) no-repeat; }
#content-header #title-store { background: url(../images/bg_title-store.gif) no-repeat; }
#content-header #title-diary { background: url(../images/bg_title-diary.gif) no-repeat; }
#content-header #title-tips-archive { background: url(../images/bg_title-tips-archive.gif) no-repeat; }
#content-header #title-search { background: url(../images/bg_title-search.gif) no-repeat; }
#content-header #title-sunflower-house { background: url(../images/bg_title-sunflower-house.gif) no-repeat; }

#content-header p {
  width: 266px;
  position: relative;
  top: 15px;
  left: 177px;
}

#content-header form {
  margin: 58px 65px 0 0;
  float: right;
  display: inline; /* for IE */
}

#content-header h3#search-label {
  width: 48px;
  height: 23px;
  background: url(../images/bg_search-label.gif) no-repeat;
}

/* content
-------------------------------------------------------------------------------------------- */
#content {
  margin: 0 10px;
  width: 730px;
  float: left;
  background: url(../images/bg_content.gif) repeat-y;
}

/* content-main
-------------------------------------------------------------------------------------------- */
#content-main {
  margin: 0 17px 0 0;
  width: 442px;
  _width: 440px; /* for IE */
  float: left;
  background: #DCBC53 url(../images/bg_content-main.gif) 0 0 no-repeat;
}

#content-main h2.title {
  margin-bottom: 15px;
  margin-left: 0;
  width: 442px;
  height: 72px;
}

#content-main #title-12-tips { margin-top: 56px; background: url(../images/bg_title-12-tips.gif) no-repeat; }
#content-main #title-note-from-wanda { margin-top: 56px; background: url(../images/bg_title-note-from-wanda.gif) no-repeat; }
#content-main #title-diary { background: url(../images/bg_title-diary2.gif) no-repeat; }
#content-main #title-tip { background: url(../images/bg_title-tip.gif) no-repeat; }
#content-main #title-diary-entries { margin-top: 56px; background: url(../images/bg_title-diary-entries.gif) no-repeat; }
#content-main #title-past-tips { margin-top: 56px; background: url(../images/bg_title-past-tips.gif) no-repeat; }
#content-main #title-about-the-show { margin-top: 56px; background: url(../images/bg_title-about-the-show.gif) no-repeat; }
#content-main #title-about-wanda { margin-top: 56px; background: url(../images/bg_title-about-wanda.gif) no-repeat; }
#content-main #title-about-frank { margin-top: 56px; background: url(../images/bg_title-about-frank.gif) no-repeat; }
#content-main #title-about-bob { margin-top: 56px; background: url(../images/bg_title-about-bob.gif) no-repeat; }
#content-main #title-about-advisory-board { margin-top: 56px; background: url(../images/bg_title-about-advisory-board.gif) no-repeat; }
#content-main #title-executive-summary { margin-top: 56px; background: url(../images/bg_title-executive-summary.gif) no-repeat; }
#content-main #title-press-releases { margin-top: 56px; background: url(../images/bg_title-press-releases.gif) no-repeat; }
#content-main #title-press-clippings { margin-top: 56px; background: url(../images/bg_title-press-clips.gif) no-repeat; }
#content-main #title-articles-by-wanda-frank { margin-top: 56px; background: url(../images/bg_title-articles-by-wanda-frank.gif) no-repeat; }
#content-main #title-tv-clips { margin-top: 56px; background: url(../images/bg_title-tv-clips.gif) no-repeat; }
#content-main #title-photos { margin-top: 56px; background: url(../images/bg_title-photos.gif) no-repeat; }
#content-main #title-episode-descriptions { margin-top: 56px; background: url(../images/bg_title-episode-descriptions.gif) no-repeat; }
#content-main #title-simple-living-resources { margin-top: 56px; background: url(../images/bg_title-simple-living-resources.gif) no-repeat; }
#content-main #title-simple-living-partners { margin-top: 56px; background: url(../images/bg_title-simple-living-partners.gif) no-repeat; }
#content-main #title-books { margin-top: 56px; background: url(../images/bg_title-books.gif) no-repeat; }
#content-main #title-dvd { margin-top: 56px; background: url(../images/bg_title-dvd.gif) no-repeat; }
#content-main #title-vhs { margin-top: 56px; background: url(../images/bg_title-vhs.gif) no-repeat; }
#content-main #title-mug { margin-top: 56px; background: url(../images/bg_title-mug.gif) no-repeat; }
#content-main #title-customer-service { margin-top: 56px; background: url(../images/bg_title-customer-service.gif) no-repeat; }
#content-main #title-thank-you { margin-top: 56px; background: url(../images/bg_title-thank-you.gif) no-repeat; }
#content-main #title-results { margin-top: 56px; background: url(../images/bg_title-results.gif) no-repeat; }
#content-main #title-sunflower-house2 { margin-top: 56px; background: url(../images/bg_title-sunflower-house2.gif) no-repeat; }
#content-main #title-events { margin-top: 56px; background: url(../images/bg_title-events.gif) no-repeat; }

#content-main div.divider {
  margin: 20px 0;
  width: 442px;
  height: 25px;
  background: url(../images/bg_divider.gif) no-repeat;
  clear: both;
}

#content-main div.divider hr {
  display: none;
}

#content-main h2 {
  margin: 0 20px 10px 20px;
  font-size: 16px;
}

#content-main h3 {
  margin: 0 20px 10px 20px;
  font-size: 12px;
}

#content-main h4 {
  margin: 0 20px;
  font-size: 11px;
  font-style: italic;
}

#content-main h5 {
  margin: 0 20px;
  font-size: 10px;
}

#content-main p {
  margin: 0 20px 15px 20px;
}

#content-main p.archive {
  padding-left: 15px;
  background: url(../images/bullet_archive.gif) 0 4px no-repeat;
}

#content-main p.archive a {
  font-weight: bold;
  border-color: #C36E02;
  color: #C36E02;
}

#content-main img.photo {
  margin: 0 0 7px 10px;
  padding: 0 0 10px 10px;
  float: right;
  border-bottom: 5px solid #D0AB47;
}

#content-main img.board {
  margin: 5px 10px 0 0;
  padding: 0;
  float: left;
  border: 5px solid #B97900;
}

#content-main ul {
  margin: 0 20px 30px 40px;
  list-style-type: square;
}

#content-main li {
  margin-bottom: 9px;
}

#content-main ol {
  margin: 0 20px 30px 30px;
  list-style-type: numeric;
}

#content-main ol li {
  padding-left: 0;
}

#content-main a.return {
  width: 89px;
  height: 17px;
  border: none;
  background: url(../images/btn_return.gif) no-repeat;
  display: block;
}

#content-main dl.video-list {
  margin: 0 20px 35px 20px;
}

#content-main dt {
  margin: 40px 0 0 0;
}

#content-main dt.first {
  margin: 0;
}

#content-main dt a {
  margin: 0 20px 0 0;
  padding: 5px;
  float: left;
  display: block;
  background: #D1AC48;
  border: 2px solid #B97900;
}

#content-main dt a:hover {
  padding: 0;
  border: 7px solid #CF7401;
}

#content-main dt img {
  vertical-align: middle;
  border: 0;
}

#content-main dd {
  margin-bottom: 7px;
}

#content-main dd a {
  font-size: 12px;
  font-weight: bold;
}

/* content-main table
-------------------------------------------------------------------------------------------- */
#content-main table.rssThumbs {
  margin: 0 0 0 20px;
}

#content-main td.rssImg img {
  margin: 0 5px 0 0;
  border: 2px solid #666600;
}

#content-main td.rssImg a {
  border: none;
}

/* content-sidebar
-------------------------------------------------------------------------------------------- */
#content-sidebar {
  width: 271px;
  float: right;
  background: #D3D1A5;
  border-top: 21px solid #DBD9B1; /* makes sidebar appear to start at the top of content-main */
}

#content-sidebar div {
  margin-bottom: 33px;
}

#content-sidebar h3.title {
  margin-bottom: 10px;
  width: 270px;
  height: 46px;
}

#content-sidebar #section-nav { background: url(../images/bg_sidebar-section-nav.gif) no-repeat;}
#content-sidebar #sunflower { background: url(../images/bg_sidebar-sunflower-house.gif) no-repeat;}
#content-sidebar #events-appearances { background: url(../images/bg_sidebar-events-appear.gif) no-repeat;}
#content-sidebar #television-appearances { background: url(../images/bg_sidebar-television-appearances.gif) no-repeat;}
#content-sidebar #sponsor { background: url(../images/bg_sidebar-sponsor.gif) no-repeat;}
#content-sidebar #newsletter { background: url(../images/bg_sidebar-newsletter.gif) no-repeat;}
#content-sidebar #section-nav { background: url(../images/bg_sidebar-section-nav.gif) no-repeat;}
#content-sidebar #sponsor { background: url(../images/bg_sidebar-sponsor.gif) no-repeat;}
#content-sidebar #newsletter { background: url(../images/bg_sidebar-newsletter.gif) no-repeat;}
#content-sidebar #newsletter-archive { background: url(../images/bg_sidebar-newsletter-archive.gif) no-repeat;}
#content-sidebar #station-finder { background: url(../images/bg_sidebar-station-finder.gif) no-repeat;}
#content-sidebar h3#donation { background: url(../images/bg_sidebar-donation.gif) no-repeat;}
#content-sidebar #station-finder { background: url(../images/bg_sidebar-station-finder.gif) no-repeat;}
#content-sidebar h3#donation { background: url(../images/bg_sidebar-donation.gif) no-repeat;}
#content-sidebar #partners { background: url(../images/bg_sidebar-partners.gif) no-repeat;}

#content-sidebar p {
  margin: 0 24px 15px 24px;
}

#content-sidebar ul {
  margin: 10px 24px 0 24px;
  padding-bottom: 50px;
  list-style: none;
  background: #C4C28E url(../images/bg_section-nav.gif) bottom right no-repeat;
}

#content-sidebar li {
  border-bottom: 1px solid #ABA55F;
}

#content-sidebar li a {
  padding: 3px 15px;
  font-weight: bold;
  color: #660;
  border: none;
  display: block;
}

#content-sidebar li a:hover, #content-sidebar li a.selected {
  padding: 3px 7px;
  color: #373428;
  background-color: #D3D1A5;
  border-left: 8px solid #660;
}

#content-sidebar form, #content-sidebar img {
  margin-left: 24px;
}

#content-sidebar form #name, #content-sidebar form #email {
  margin-bottom: 10px;
}

#content-sidebar img.partners {
  margin-bottom: 10px;
}

#content-sidebar form.cart {
  margin: 0;
}
 
#content-sidebar form#donation {
  margin: 0;
  padding: 0;
}

#content-sidebar p.donation {
  margin: 0 auto;
  width: 119px;
  text-align: center;
}

/* footer
--------------------------------------------------------------------------------------------- */
#footer {
  margin: 0 10px;
  _margin: 0 20px; /* for IE */
  width: 730px;
  height: 46px;
  background: url(../images/bg_footer.gif) no-repeat;
  clear: both;
}

#footer p#credit {
  width: 271px;
  height: 40px;
  background: url(../images/bg_credit.gif) no-repeat;
  float: right;
}

#footer p#credit a {
  width: 271px;
  height: 40px;
  display: block;
}

/* store
--------------------------------------------------------------------------------------------- */
div.product {
  margin: 0 20px 30px 20px;
  float: left;
  display: inline; /* for IE */
}

div.product img {
  float: left;
}

#content-main div.product form {
  margin: 0 0 0 20px;
  width: 255px; 
  float: left;
  display: inline; /* for IE */
}

* html #content-main div.product form {  /* this is recognized by IE only */
  width: 235px;  /* total width, only for IE5.x/Win */
  w\idth: 255px; /* content width for other IE */
}

#content-main div.product h3 {
  margin: 0;
  padding: 15px 0 5px 0;
  font: 20px Georgia, "Times New Roman", Times, serif;
}

#content-main div.product p {
  line-height: 14px;
}

#content-main div.product p.description {
  margin: 0 0 5px 0;
}

#content-main div.product .description-more {
  padding: 10px;
  background-color: #E3C76D;
}

#content-main div.product .description-more p {
  margin: 0 0 10px 0;
}

#content-main div.product .description-more a, #content-main div.product a  {
  font-weight: bold;
  color: #660;
  border-color: #660;
}

#content-main div.product p.author {
  margin: 0 0 20px 0;
  padding: 3px 0 0 0;
  font-weight: bold;
  color: #B7552E;
  border-top: 1px dotted #B7552E;
}

#content-main div.product span.price {
  margin: 0 10px 0 0;
  font: 18px Georgia, "Times New Roman", Times, serif;

}

#content-main div.product p.button {
  margin: 20px 0 0 0;
}
