/*  ----------------------------------------------------------------------------
    * Filename:         layout-b1.css
    * Description:      2 columns CSS layout
    * Version:          1.0 (2011-06-06)
    ------------------------------------------------------------------------- */

@media screen {
    html,
    body                { width: 100%; height: 100%; }

    #wrap-bg            { position: relative; height: auto !important; height: 100%; }
    #bg1                { z-index: -3; }
    #bg2                { z-index: -2; }
    #bg3                { z-index: -1; }
    #bg1,
    #bg2,
    #bg3                { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }

    #wrap-container     { position: relative; z-index: 1; width: 100%; text-align: center; }
    #container          { position: relative; margin: 0 auto; text-align: left; }

    #content            { clear: both; }

    #sidebar            { clear: both; float: left; }
    #main               { float: right; }

    body.m1 #sidebar    { clear: both; float: right; }
    body.m1 #main       { float: left; }

    #push               { clear: both; }

    #wrap-footer        { clear: both; position: relative; z-index: 1; width: 100%; text-align: center; }
    #fwrap1,
    #fwrap2,
    #fwrap3             { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }
    #fwrap1             { z-index: -3; }
    #fwrap2             { z-index: -2; }
    #fwrap3             { z-index: -1; }
    #footer             { position: relative; margin: 0 auto; text-align: left; }
}

@media print {
    #header,
    #sidebar,
    #wrap-footer        { display: none; }
    #container,
    #content,
    #main               { width: auto; }
}