/*  Working with Grids and positioning
      The Smashing Book - Art and Science of CSS Layout  */

body {
  background-color: #EEEEEE;
  font-family: Arial, helvetica, sans-serif;
  font-size: 101%;
}
#wrapper {
  background-image: url(/bkg/grid_140.gif);
  background-repeat: repeat-y;
  margin: 0 auto;
  /*  margin-left: 10px;     */
  width: 966px;
  padding-left: 6px;
  padding-right: 6px;
}
#header {
  width: 99.8%;
  height: 156px;
  border: thin solid #663399;
  background-image: url(/bkg/100agaves.gif);
  background-repeat: no-repeat;
}
#lsidebar {
  width: 118px;    /*  132px = 120 + 12  */
  border: thin solid red;
  padding: 6px;
  float: left;
}
#content {
  width: 598px;   /* Total width is 612px  = 600 + 6 x 2 padding */
  margin-left: 5px;
  float: left;
  border: thin solid blue;
  padding: 6px;
  background-color: #EEEEEE;
  display: inline;   /* IE 5/6 Doubled Float-Margin Bug  */
}
#rsidebar {
  width: 198px;
  /* 960px -*/
  float: right;
  display: inline; /* IE 5/6 Double Float-Margin Bug  */
  border: thin solid green;
  background-color: #EEEEEE;
  padding: 6px;
}
#footer {
  width: 98%;
  font-family: Comic Sans MS;
   font-size: .62em;
  clear: both;
  padding: .25%;
  text-align: right;
  color: #FF0000;
  border: 1px solid black;
  background-color: #FFFF99;
}
h1 {
  margin-left: 14.5755;
  width: 70.85%;
  color: white;
  background-color: #00CC99;
}