/*

    HOLY SHIT, THIS IS NOT AT ALL DONE YET

*/


/* ELEMENTS */

body {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    height: 100%;
    font-family: Georgia, serif;
    width: 50%;
}

p {
    color: #333;
    font-size: 1.4em;
    text-align: left;
    line-height: 1.5em;
    margin: 5em 0em 5em 5em;
}

a:hover, a:active, a:visited, a:link {
    text-decoration: none;
    color: #591;
    border-bottom: dotted 0.1em #591;
}

/* BEGIN general classes */

.right { float: right; }

.left { float: left; }

.clear { clear: both; }

.zero { width: 0px; height: 0px; }

.block { display: block; }

.inline { display: inline; }

.middle { vertical-align: middle; }

.biggest { font-size: 20px; }

.bigger { font-size: 18px; }

.big { font-size: 16px; }

.medium { font-size: 14px; }

.small { font-size: 12px; }

.smaller { font-size: 10px; }

.smallest { font-size: 8px; }

.invisible { display: none; }

.hidden { display: none; }

.italic { font-style: italic; }

.bold { font-weight: 600; }

.normal { font-weight: 400; }

.bolder { font-weight: 700; }

.boldest { font-weight: 900; }

.lighter_gray { color: #eee; }

.light_gray { color: #ccc; }

.gray { color: #999999; }

.dark_gray { color: #666666; }

.darker_gray { color: #666666; }

.red { color: #ff9900; }

.yellow { color: #ffcc33; }

.black { color: #000000; }

.blue { color: #2b82ad; }

.underline { /*text-decoration: underline;*/
text-decoration: none; }

.plain { text-decoration: none; }

.thin { height: 1px; }

.thick { height: 2px; }

/* END general classes */


.fixed {
    width: 5em;
}

.top {
    height: 5em;
}

.bottom {
    height: 100%;
}

.pad {
    width: 30em;
    border-color: #ccc;
    border-width: 0em 0.2em 0em 0.2em;
    border-style: solid;
}

.box {
    width: 20em;
    margin: 0em 5em 0em 5em;
    border-color: #ccc;
    border-width: 0 0.2em 0 0.2em;
    border-style: solid;
}