/* $Id: layout.css,v 1.2 20090217 MPozzi Exp $ */
/* $Id: layout-garland.css,v 1.2 2008/01/06 15:50:31 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * This is the same layout method used by Garland.
 *
 * However, there is a KNOWN BUG with this layout method that has no known fix:
 *   oversize content will causes IE to display the sidebars underneath the main
 *   content.
 */

  
  body
  {
    padding: 0;
  }

  /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
  body.two-sidebars
  {
		min-width:1024px;
  }

  #container
  {
    margin: 0 auto;
  }

/* Layout the main content column */
  #main
  {
    float: left;
    width: 100%; /* Prevent it from being too narrow on near-empty pages */
  }

  #squeeze
  {
    position: relative;
  }

  /* First we adjust the #main container to make room for the left sidebar */
  body.sidebar-left #main,
  body.two-sidebars #main
  {
    margin-left: -16em;
  }

  body.sidebar-left #squeeze,
  body.two-sidebars #squeeze
  {
    margin-left: 16em;
    padding-left: 1em;
  }

  /* Then we adjust the #main container to make room for the right sidebar */
  body.sidebar-right #main,
  body.two-sidebars #main
  {
    margin-right: -15em;
  }

  body.sidebar-right #squeeze,
  body.two-sidebars #squeeze
  {
    margin-right: 15em;
    padding-right: 1em;
  }

/* Layout the sidebars */
  #container .sidebar
  {
    float: left;
    position: relative;
    z-index: 2; /* We ensure the sidebars are still clickable using z-index */
    margin: 0;
  }

  #container #sidebar-left
  {
    width: 16em; /* If you change this value, change the values
                     of margin-left for #main and #squeeze. */
  }

  #container #sidebar-right
  {
    width: 15em; /* If you change this value, change the values
                     of margin-right for #main and #squeeze. */
  }

/* Laout the footer */
  #footer
  {
    float: none;
    clear: both;
  }