/* site */
    html, body, td, th { font: normal 11pt "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; }
    a, a:link, a:visted, a:active { color:#FFFFFF; } a:hover { color:#00BD00; } small { font-size:10pt; }
    h1, h2, h3, h4, h5, h6, h7 { color:#FFFFFF; margin:0; padding:0; margin-bottom:0.3em; }
    h1, h2 { color:#00CC00; }
    p { margin-top:0; padding:-top:0; line-height:1.4em; }
    #menu { margin:0; padding:0; }
    #menu a { background-image:url(/images/menu.gif); background-repeat:no-repeat; }
    #menu a#project            { background-position:   -0px  -0px; }
    #menu a#project:hover      { background-position:   -0px -26px; }
    #menu a#project.active     { background-position:   -0px -52px; }
    #menu a#features           { background-position:  -86px  -0px; }
    #menu a#features:hover     { background-position:  -86px -26px; }
    #menu a#features.active    { background-position:  -86px -52px; }
    #menu a#progress           { background-position: -183px  -0px; }
    #menu a#progress:hover     { background-position: -183px -26px; }
    #menu a#progress.active    { background-position: -183px -52px; }
    #menu a#screenshots        { background-position: -282px  -0px; }
    #menu a#screenshots:hover  { background-position: -282px -26px; }
    #menu a#screenshots.active { background-position: -282px -52px; }
    #menu a#development        { background-position: -404px  -0px; }
    #menu a#development:hover  { background-position: -404px -26px; }
    #menu a#development.active { background-position: -404px -52px; }
    #menu a#credits            { background-position: -534px  -0px; }
    #menu a#credits:hover      { background-position: -534px -26px; }
    #menu a#credits.active     { background-position: -534px -52px; }
    .rightcol, .rightcol ul, .rightcol p { font-size:10pt; }
    .rightcol ul, .rightcol li { margin:0; padding:0; list-style-type:circle; list-style-image:url(/images/bullet.gif); }
    .rightcol { padding-left:2em; } .rightcol li { text-indent:0; padding-bottom:0.5em; }
    #gallery td  { font-size:10pt; padding-bottom:10px; }
    #gallery img { border: 1px solid #333333; width:240px; height:180px; }
    
    /* directory listings */
    .dirlisting pre     { font-family:"Lucida Console", "Courier New", Courier, monospace, mono; font-size:10pt; }
    .dirlisting pre a   { text-decoration:none; }
    .dirlisting pre img { vertical-align:middle; width:20px; height:20px; border:0px; }
    
    /* Coding Examples */
    .vartable    { background: transparent; border: 1px solid #333333; margin-left:20px; margin-right:20px; }
    .vartable th { background: #000000; font-size:10pt; font-weight: bold; }
    .vartable td { background: #141414; font-size:10pt; }
    .vartable td.blank { background: transparent; }
    .codebox { margin: 8px; }
    .codebox pre { font-family: "Lucida Console", "Courier New", Courier, monospace, mono; font-size:10pt;
        background-color: #141414; border: 1px solid #333333; margin: 8px; padding: 4px;
    }
    
    /* nopaste */
    .code { background-color: #EFEFEF; border: 2px solid #454545; } .code td { padding: 4px; }
    .code pre {
        font-family:"Lucida Console", "Courier New", Courier, monospace, mono; white-space:pre;
        font-size:9pt; color:#111111; margin:0px; padding:0px; word-wrap:break-word;
    }
    .prewrap { white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; }
    .letter { width: 80%; padding: 1.5em; margin: 1.5em auto; background-color: #FFFFFF; color: #000000; }
    .letter-highlight { color: #FF0000; font-style: italic; }
    .html_entity { color: red; }
    .xml_pi { color: blue; }
    .keyword { color: mediumblue; }
    .comment { color: green; }
    .literal { color: purple; }
    .sch_str { color: purple; }
    .sch_num { color: green; }
    .sch_chr { color: green; }