/*
 INDENT SHOWS INHERITANCE
 */

 #container
{
  width: 730px;
}

  /* Use this class together with the .span-x classes
     to create any composition of columns in a layout. */

  .column
  {
    float: left;
    margin-right: 10px;
  }

  /* The last column in a row needs this class. */
  .last
  {
    margin-right: 0;
  }

  /* Use this to create a horizontal ruler across a column. */
  hr
  {
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 0;
    border: none;
  }

  hr.space
  {
    background: #fff;
    color: #fff;
  }

  /* Clearing floats without extra markup
     Based on How To Clear Floats Without Structural Markup by PiE
     [http://www.positioniseverything.net/easyclearing.html] */

  .clear
  {
    display: inline-block;
  }

  .clear:after, .container:after
  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  * html .clear
  {
    height: 1%;
  }

  .clear
  {
    display: block;
  }

  /* Use these classes to set the width of a column. */
  .span-1 { width: 27px; }
  .span-2 { width: 64px; }
  .span-3 { width: 101px; }
  .span-4 { width: 138px; }
  .span-5 { width: 175px; }
  .span-6 { width: 212px; }
  .span-7 { width: 249px; }
  .span-8 { width: 286px; }
  .span-9 { width: 323px; }
  .span-10 { width: 360px; }
  .span-11 { width: 397px; }
  .span-12 { width: 434px; }
  .span-13 { width: 471px; }
  .span-14 { width: 508px; }
  .span-15 { width: 545px; }
  .span-16 { width: 582px; }
  .span-17 { width: 619px; }
  .span-18 { width: 656px; }
  .span-19 { width: 693px; }
  .span-20 { width: 730px; margin: 0; }

  .append-1, .prepend-1 { width: 37px; }
  .append-2, .prepend-2 { width: 74px; }
  .append-3, .prepend-3 { width: 111px; }
  .append-4, .prepend-4 { width: 148px; }
  .append-5, .prepend-5 { width: 185px; }
  .append-6, .prepend-6 { width: 222px; }
  .append-7, .prepend-7 { width: 259px; }
  .append-8, .prepend-8 { width: 296px; }
  .append-9, .prepend-9 { width: 333px; }
  .append-10, .prepend-10 { width: 370px; }
  .append-11, .prepend-11 { width: 407px; }
  .append-12, .prepend-12 { width: 444px; }
  .append-13, .prepend-13 { width: 481px; }
  .append-14, .prepend-14 { width: 518px; }
  .append-15, .prepend-15 { width: 555px; }
  .append-16, .prepend-16 { width: 592px; }
  .append-17, .prepend-17 { width: 629px; }
  .append-18, .prepend-18 { width: 666px; }
  .append-19, .prepend-19 { width: 703px; }

    .box
    {
      padding: 1.5em;
      margin-bottom: 1.5em;
      background: #eee;
    }