/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body
  {
    margin:9px 0 0 0;
  }

  #page
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width:960px;
  }

  #page-inner
  {
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }


/** content **/
  #content
  {
    position:relative;
    z-index:10;
    width:960px;
    margin-top: 2em;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  #content-inner
  {
    margin:0 30px;
    padding:43px 0;
  }
  
  #content-area
  {
    min-height:452px;
  }

/** navbar **/
  #navbar
  {
    position:absolute;
    z-index:20;
    top:85px;
    width:960px;
    margin-top:0;
    margin-left: 0;
    margin-right: -960px; /* Negative value of #navbar's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
    height: 2em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height plus 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
  }

  #navbar-inner
  {
  }

  #primary
  {
  }

  #primary ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0.40em 0 0 2em;
    text-align: left;
  }

  #primary li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    width:auto;
    padding: 0 10px 0 0;
    margin:0 10px 0 0;
  }

/** footer **/
  #footer
  {
    position:relative;
    z-index:40;
  }

  #footer-inner
  {
  }

/** Prevent overflowing content **/
  #content,
  #navbar,
  #footer
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }

.clearfix:after { content:"."; display:block; height:0; clear:both; 
  visibility:hidden; }
/* Hides from IE-mac \*/ 
* html .clearfix { height:1%; }
/* End hide from IE-mac */