/* fonts.css
 *
 * Font-related styles for build-in elements, specific classes, and specific IDs.
 *
 * guidelines:
 * - NO LAYOUT STUFF OF ANY KIND!  Only font styles.  HTML tag styles go in "html.css", and all else goes in "layout.css"
 * - Stick with relative sizes (em, pt, etc.) if possible to allow for simple scaling.
 */

body, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1.2em;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 2em; line-height: 1.7em; }
h2 { font-size: 1.7em; line-height: 1.5em; }
h3 { font-size: 1.3em; line-height: 1.1em; }
h4 { font-size: 1em; line-height: 1em; }
h5 { font-size: 0.8em; line-height: 0.8em; }
h6 { font-size: 0.6em; line-height: 0.6em; }

textarea {
    font-family: Courier New, Courier, monospace;
    font-size: 10pt;
    color: #000;
    background-color: #FFF;
}

a { color: #039; text-decoration: underline; }
a:visited { color: #039; }
a:active { color: #039; }
a:hover { color: #03F; text-decoration: none; }

a.gray, a.gray:visited, a.gray:active { color: #AAA; }
a.gray:hover { color: #888; }

/*****************************
 TEXT SHORTCUT CLASSES
 *****************************/
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.subdued { font-style: italic; color: #AAA; }
.small { font-size: 0.8em; line-height: 1.2em; }
.tiny { font-size: 0.6em; }

.red { color: #F00; }