/********************************************************************
 * article.css                                                      *
 *                                                                  *
 * CSS styling for a generic article/essay type page.               *
 *                                                                  *
 ********************************************************************
 * $Id: article.css,v 1.4 2008/04/30 22:16:36 cwynne Exp $
 ********************************************************************/

  /* Page Structure**************************************************/
                                                             /* {{{ */
#nav {
    width:              30%;
}

#main {
    width:              64%;
}

BODY > * #main {
    padding-right:      1em;
    width:              66%;
}
                                                             /* }}} */

                                                             /* {{{ */
@media print {

    * {         color:              black;
                orphans:            2;
                widows:             2;
    }

    #banner {   border-bottom:      4pt double black;
    }

    #sitenav {  display:            none;
    }

    #nav {      display:            none;
    }

    #main {     margin:             0 1em 4em           !important;
                padding-bottom:     2em;
                width:              auto                !important;
    }

    #main H1#ref {
                page-break-before:  always;
    }

    #main BLOCKQUOTE.emph * {
                color:              #a40000             !important;
    }

    #main .cmnt * {
                color:              #9c0000             !important;
    }

    #footer {   position:           relative;
                display:            none;
    }
}
                                                             /* }}} */

  /* Navbar *********************************************************/
                                                             /* {{{ */
#nav UL {
    font-variant:       small-caps;
}

#nav UL UL {
    font-size:          80%;
    font-variant:       normal;
}

#nav UL UL A {
    padding-left:       2em;
}
                                                             /* }}} */

  /* Main ***********************************************************/
                                                             /* {{{ */
EM {
    font-style:         italic;
}

EM EM {
    font-style:         normal;
}

#main A {
    padding:            1px;
}

#main A:hover {
    background-color:   #ffffcf;
    border:             1px dotted #1b3662;
    padding:            0px;
}

#main A.pdf {
    background:         url('/cwynne/images/misc/pdf.png') right center no-repeat;
    padding:            1px 19px 1px 1px;
}

#main A.pdf:hover {
    background-color:   #ffffcf;
    padding:            0px 18px 0px 0px
}

#main {
    counter-reset:      chapter;
}

#main H1 {
    counter-reset:      section;
    margin-left:        -1ex;
}

#main H2 {
    counter-increment:  section;
    counter-reset:      subsect;
    margin-left:        1.4ex;
}

#main H3 {
    counter-increment:  subsect;
    margin-left:        5ex;
    margin-top:         3ex;
}

#main H4 {
    margin-left:        7ex;
    margin-top:         2ex;
}

    /* These are not properly implemented in Firefox yet, so I have */
    /* commented them out.                                          */
#main H1:before {
    counter-increment:  chapter;
/*  content:            counter(chapter, upper-roman) ". ";       /**/
}

#main H2:before {
    counter-increment:  section;
/*  content:            counter(section, upper-alpha) ". ";       /**/
}

#main H3:before {
    counter-increment:  subsect;
/*  content:            counter(subsect, decimal) ". ";           /**/
}

#main P {
    line-height:        140%;
    margin:             0 0em 1ex 2ex;
}

#main UL {
    margin:             1ex 2ex 1ex 8ex;

}

#main OL {
    margin:             1ex 2ex 1ex 8ex;
}

#main LI {
    margin-top:         2pt;
}

#main UL UL {
    margin-right:       0pt;
}

#main DL {
    margin:             0 2ex 1ex 5ex;
}

#main DT {
    font-weight:        bold;
    margin:             1ex 0pt 2pt;
}

#main DD {
    margin-left:        3ex;
    text-align:         justify;
}

#main DD P {
    margin-left:        0ex;
}

#main BLOCKQUOTE {
    font-style:         italic;
}

#main BLOCKQUOTE.diagram {
    font-style:         normal;
}

#main BLOCKQUOTE.emph {
    background:         #fffff0;
    border:             2pt outset #1b3662;
    color:              #a40000;
    margin-left:        10ex;
    margin-right:       8ex;
    padding:            2pt 4pt;
}

#main BLOCKQUOTE.emph P {
    font-family:        "Lucida Sans","Tahoma","Arial",sans-serif;
    font-size:          120%;
    font-style:         normal;
    font-variant:       small-caps;
    font-weight:        bold;
    line-height:        160%;
    margin:             2pt 1em;
    text-align:         center;
}

#main SUP, #main SUB {
    font-size:          70%;
    bottom:             2.5pt;
}

#main .outlined {
    border:             1pt solid black;
    padding:            2pt;
}

#main HR.hr-med {
    width:              75%;
}

#main TABLE {
    border:             2pt solid black;
    border-collapse:    collapse;
    margin:             1em auto;
    width:              auto;
}

#main TH {
    padding:            4pt 0.5ex;
    vertical-align:     baseline;
}

#main TD {
    padding:            1pt 2pt;
    vertical-align:     baseline;
}

#main CAPTION {
    caption-side:       bottom;
    font-size:          110%;
    font-weight:        bold;
    margin:             1em auto;
}

#main THEAD {
    background:         #1b3662;
    border:             2pt solid black;
    color:              white;
}

#main TBODY TR:hover {
    background:         #ffffcf;
    border:             inherit;
    color:              red;
}

#main TFOOT {
    background:         #369;
    border:             2pt solid black;
}

#main TFOOT TD {
    font-size:          90%;
    font-style:         italic;
    padding:            1ex 2em;
}

    /* I would like to do lead-in text as a dynamic content(), but 
     * IE can't handle that.
     ****************************************************************/
/*
#main BLOCKQUOTE.example > P:first-child:before {
    content:            "Example:";
}
/**/
                                                             /* }}} */

    /* Inline editorial comments for documents in progress **********/
                                                             /* {{{ */
.cmnt {
    color:              #9c0000;
    font-style:         italic;
    quotes:             "[[" "]]" "((" "))" "{{" "}}";
}

.cmnt:before {
    content:            open-quote;
}

.cmnt:after {
    content:            close-quote;
}

.cmnt > EM {
    font-style:         normal;
}

.uline {
    text-decoration:    underline;
}

#main .noindent {
    text-indent:        0pt;
}

#main .footnote {
    border-top:         1pt solid gray;
    font-size:          80%;
    margin-left:        7ex;
    margin-right:       2ex;
    padding:            2pt 0.5ex 2pt 2ex;
    text-indent:        -4pt;
}
                                                             /* }}} */

  /* Footer *********************************************************/
                                                             /* {{{ */
#validation {
    float:              left;
}
                                                             /* }}} */

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