/*

  layouts/2cols/fluid-fixed/01.css
  ================================

  Description
    2-column (fluid-fixed) layout.

  Help
    http://www.markupframework.org/docs/

  Copyright
    2012-2013 New Vintage Media Ltd (http://www.newvintagemedia.com/)

  License
    http://www.omnilicense.org/versions/1/en-us.txt

  */


  div.layout.page {

    margin : 0 auto;
    max-width : 1140px;
	background: #FFF;

  }


  @media print {


    div.layout.page {

      max-width : none;

    }


  }


  div.layout.nameplate {

    margin-bottom : /*2em  20px (20/10) */;

  }


  @media print {


    div.layout.nameplate {

      display : none;

    }


  }


  div.layout.navigation {

    margin-bottom : 3em;  /*20px (20/10) */

  }


  @media print {


    div.layout.navigation {

      display : none;

    }


  }


  div.layout.main {

    margin-bottom : 2em; /* 20px (20/10) */
	background:#FFF;

  }


  @media
  screen and ( min-width : 800px ),
  handheld and ( min-width : 800px ) {


    div.layout.main-outer {

      float : left;
      width : 100%;

    }

    div.layout.main {

      margin-right : 275px; /* 250px + 25px margin */

    }


  }


  @media print {


    div.layout.main {

      margin-bottom : 20pt;

    }


  }


  div.layout.aside {

    margin-bottom : 2em; /* 20px (20/10) */
	background:#FFF;

  }


  @media
  screen and ( min-width : 800px ),
  handheld and ( min-width : 800px ) {


    div.layout.aside {

      float : left;
      margin-left : -270px;
      /*width : 250px;*/

    }


  }


  @media print {


    div.layout.aside {

      margin-bottom : 20pt;

    }


  }


  div.layout.masthead {

    clear : both;
	background:#FFF;
  }


  @media print {


    div.layout.masthead {

      display : none;

    }


  }