/********************************************************************
 * twocol.css                                                       *
 *                                                                  *
 * CSS2 stylesheet for alternate two-column display.                *
 *                                                                  *
 ********************************************************************
 * $Id: twocol.css,v 1.3 2010/09/09 03:18:14 cwynne Exp cwynne $
 ********************************************************************/

  /* Imported Stylesheets *******************************************/
    @import      "/cwynne/css/default.css";                       /**/

  /* Page Structure ************************************************* 
   *                                                                *
   * This layout puts the #nav element in its own (scrolled) column *
   * on the left of the page.  It is given fixed positioning, so we *
   * cancel all the floats and explicitly size the rest of the      *
   * boxes to leave room on the left.                               *
   *                                                                *
   * Well, okay, that's what happens under real browsers.  IE, of   *
   * course, screws it up, because it can't do fixed positioning.   *
   * Worse, it doesn't correctly scroll an oversized box with abso- *
   * lute positioning, which is what we would have to do instead.   *
   * IE users will still get the basic floated two-column layout.   *
   * Their loss.
   ************************************************************ {{{ */
#banner { }

BODY > * #banner {
    margin-left:        35%;
}

BODY > * #sitenav,
         #sitenav-sf .sf-menu {
    margin-left:        35%;
    width:              65%;
}

#nav {
    width:              32%;
}

BODY > * #nav {
    float:              none;
    margin-top:         0pt;
    overflow:           auto;
    position:           fixed;
    top:                1ex;
    right:              auto;
    bottom:             -11ex;  /* Undo 12ex bottom from default. */
    left:               1em;
    width:              32%;
}

#main {
    width:              65%;
}

BODY > * #main {
    float:              none;
    margin-left:        35%;
    width:              65%;
}

#footer{
    margin-top:         2em;
    width:              100%;
}

BODY > * #footer {
    clear:              both;
    height:             6ex;
    margin:             0pt;
    padding:            2pt 1em;
    position:           absolute;
    top:                auto;
    bottom:             3ex;
    right:              1em;
    left:               35%;
    width:              auto;
}
                                                             /* }}} */

    /* Print media styling ******************************************/
                                                             /* {{{ */
@media print {
    BODY {          font-size:          10pt;                   }
    #banner {       color:              black;
                    background:         white;
                    margin-left:        0pt     !important;
                    margin-right:       0pt;                    }
    #sitenav {      display:            none;                   }
    #sitenav-sf {   display:            none;                   }
    #nav {          display:            none;                   }
    #main {         margin-left:        0pt     !important;     }
    #validation {   display:            none;                   }
}
                                                             /* }}} */

  /* Navbar Boxes ***************************************************/
                                                             /* {{{ */
#nav UL {
    width:              18em;
}

#nav LI {
    font-size:          9pt;
}

#nav A {
    padding:            0.75ex 4pt;
}
                                                             /* }}} */

/********************************************************************
 * vim:set fdm=marker:                                              *
 ********************************************************************/