/* ---------- Globals ---------- */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #252721;
    font:12px "arial";
    color: #555555;
    -webkit-text-size-adjust: 100%;
}

ul {
    margin: 0;
    padding: 0;
}


img {
    border: 0;
}

@media screen {
    .str { color: #C01313 }  /* string content */
    .kwd { color: #008 }  /* a keyword */
    .com { color: #660 }  /* a comment */
    .typ { color: #606 }  /* a type name */
    .lit { color: #066 }  /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
    .pun, .opn, .clo { color: #660 }
    .tag { color: #008 }  /* a markup tag name */
    .atn { color: #606 }  /* a markup attribute name */
    .atv { color: #080 }  /* a markup attribute value */
    .dec, .var { color: #606 }  /* a declaration; a variable name */
    .fun { color: red }  /* a function name */
}

@media print, projection {
    .str { color: #060 }
    .kwd { color: #006; font-weight: bold }
    .com { color: #600; font-style: italic }
    .typ { color: #404; font-weight: bold }
    .lit { color: #044 }
    .pun, .opn, .clo { color: #440 }
    .tag { color: #006; font-weight: bold }
    .atn { color: #404 }
    .atv { color: #060 }
}