@media screen, projection, print
{
    h1, h2, h3, h4, h5, h6 { margin-left: -.08em; }
    a { border-bottom: 1px solid #999; color: #000; text-decoration: none; }
    #header a { border-bottom: none; }
    a:hover { border-bottom-color: #68b; color: #058; }
}

@media print
{
    #header { display: none; }
}

@media screen, projection
{
    body { padding: 6px 6px 0; }
    /*.container { width: 430px; }*/
    .container { width: 40.5em; }
    /*.container:hover { background: url(/includes/grid.png); }*/

    #header { height: 38px; }
    #logo { float: left; }
    #face { float: right; }
    #face a { color: #aaa; }
    #face a:hover { color: #000; }
    
    h3 { color: #045; }

    p { text-align: inherit; }

    blockquote
    { border-left: 2px solid #ccc; margin-left: 16px; }
    blockquote { font-style: inherit; padding-left: 22px; } 

    pre { border: 1px solid #ddd; margin: -2px 0 21px 0; padding: 9px 0 9px 5px; }
    #logo, #face { font-size: 18px; position: relative; top: -4px; } 
    #logo { line-height: 1.5; margin: 0 4px 0 0; }
    #logo a:hover { color: #000; }
    #logo #bit { color: #078; }
    #logo #heap { color: #6a0; } 

    pre, pre code { background: #eee; }
    code, tt { margin: 0; }

    pre code .str { color: #181; font-style: italic; }
    pre code .kwd { color: #369; }
    pre code .com { color: #666; }
    pre code .typ { color: #c40; }
    pre code .lit { color: #900; }
    pre code .pun { color: #000; font-weight: bold; }
    pre code .pln { color: #333; }
    pre code .tag { color: #369; font-weight: bold; }
    pre code .atn { color: #939; font-weight: bold; }
    pre code .atv { color: #181; }
    pre code .dec { color: #606; }
}