* {
    font-family: sans-serif;
    color: #707070;
}

body {
    background: white;
    margin: 0;
    padding: 0;
}

img {
    border: none;
    max-width: 100%;
}

img.imgleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

img.imgright {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

h1#title {
    color: #aaa;
    margin: 0;
    padding: 0.5em;
    border-bottom: 1px #aaa solid;
    font-size: xx-large;
    font-weight: bold;
    font-family: monospace;
}

a.title {
    color: #aaa;
    margin: 0;
    padding: 0.5em;
    border-bottom: 1px #aaa solid;
    font-size: xx-large;
    font-weight: bold;
    font-family: monospace;
}

a {
    color: #5c6882;
    text-decoration: underline;
    font-family: Comic Sans MS, sans-serif;
}

a:link, a:visited {
    color: #5c6882;
    text-decoration: underline;
    font-family: Comic Sans MS, sans-serif;
}

a:active, a:hover {
    color: #900;
    text-decoration: underline;
    font-family: Comic Sans MS, sans-serif;
}

div.page, div.bottom, div.auth, div.actions {
    margin: 0 20%;
    background: white;
    border-left: 1px #aaa solid;
}

div.page {
    padding: 1em;
    margin-right: 15%;
}

div.info, div.info a {
    margin: 1em;
    font-style: italic;
    font-size: smaller;
}

div.bottom {
    font-size: small;
}

div.bottom a {
    font-size: small;
}

div.bottom ul {
    margin: 0;
    list-style: none;
}

div.bottom ul li {
    color: #aaa;
    font-size: smaller;
}

div.blog, div.head, div.draft {
    padding: 1em;
    padding-bottom: 0;
    overflow: hidden;
    text-align: justify;
    border-bottom: 1px #ccc solid;
    margin-bottom: 2em;
}

/* blog title */
div.blog h2, div.head h2, div.draft h2 {
    font: 18px Geneva, Arial, Helvetica, sans-serif;
    color: #900;
    border-bottom: 1px #aaa solid;
    text-align: left;
    margin: 0;
    padding: 0;
}

h2 img {
    display: none;
}

h5 span, h5 a {
    font-size: smaller;
}

h5 span.postdate {
    font-style: italic;
}

/* blog footer */
div.blog h5, div.head h5, div.draft h5 {
    font-weight: normal;
    color: #aaa;
    margin: 0;
    padding: 0;
}

/* date separators */
div.datesplit {
    display: none;
}

div.menus {
    position: absolute;
    top: 12em;
    left: 0;
    right: 80%;
    font-size: small;
}

ul.menu {
    list-style: none;
    margin: 0 0.5em;
    padding: 1em 4;
    text-align: left;
    font-size: 12px;
}

ul.menu li {
    padding: 0.2em;
}                       

ul.menu li.active, ul.menu li.active a {
    font-weight: bold;
}

ul.menu li.separator {
    border-bottom: 1px #888 solid;
}

div.auth {
    padding-top: 0.5em;
}

div.actions {
    padding-left: 2em;
    padding-bottom: 0.5em;
}

div.actions, div.auth {
    padding-left: 2em;
    font-size: small;
}

div.actions a, div.auth a {
    font-size: small;
}

/* a command/code box */
div.cmd {
    color: #888;
}

/* quote */
div.quote {
    border: 1px #aaa solid;
    border-left-width: 3px;
    border-right: none;
    margin: 1em 0;
    padding: 0 1em 1em 1em;
    font-style: italic;
}

/* quote author */
div.quote h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-align: right;
    font-style: normal;
    font-size: smaller;
}

div.fortune p {
    font-family: monospace;
}

/* forms */
form {
    margin: 0;
    padding: 0;
}

input {
    padding: 2px;
    border: 1px #aaa solid;
    width: 90%;
}

input:hover, input:focus {
    border: 1px #888 dotted;
}

input.submit {
    width: 4em;
}

input.radio {
    width: 1.2em;
    height: 1.2em;
}

input.auth {
    width: 5em;
    padding: 1px;
}

input.auth#submit {
    width: 3em;
    padding: 1px;
}

textarea {
    font-family: monospace;
    padding: 2px;
    border: 1px #aaa solid;
    width: 90%;
    height: 8em;
}

textarea.hover, textarea:focus {
    border: 1px #888 dotted;
}

textarea.blogtitle {
    height: 2.6em;
}

textarea.blogbody {
    height: 30em;
}

select {
    border: 1px #ccc dotted;
}

/* tables */
thead {
    font-weight: bold;
}

thead td {
    padding: 0.2em;
    margin-bottom: 1em;
    border-bottom: 1px #888 solid;
}

td.left {
    width: 20%;
}

td.middle {
    width: 30%;
}

td.right {
    width: 20%;
    text-align: right;
}

td.area {
    width: 80%;
}

/*** formatting */

tt, pre {
    font-family: monospace;
}

p {
    text-align: justify;
}

p.left {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

p.right {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

p.inpageask {
    margin: 1em;
    padding: 0.2em;
    text-align: right;
    font-style: italic;
    color: #ccc;
    font-size: smaller;
}

p.inpageask a {
    font-size: smaller;
}

div.clear {
    clear: both;
}

div.error {
    margin: 2em;
    text-align: center;
    color: red;
    font-weight: bold;
}

dl.comment dt {
    padding: 3px;
    border-bottom: 1px #aaa solid;
}

dl.comment dd {
    margin: 0;
    padding-left: 1em;
    text-align: justify;
}

/*** tribune ***/
dl.tribune dt {
    font-family: monospace;
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

dl.tribune dd {
    margin-left: 12%;
    margin-bottom: 0.3em;
}

dl.tribune p {
    margin: 0;
    padding: 0;
}

dl.form dt {
    float: left;
    margin-right: 1em;
}

dl.form dd {
    margin-left: 25%;
    margin-bottom: 0.3em;
}

/*** lists ***/
ul.archives {
    list-style-image: url( "../interface/blog.gif" );
}

span.module#active {
    color: green;
}

span.module#inactive {
    color: red;
}

p.middleText {
    font-family: Comic Sans MS, sans-serif;
    font-size: 12px;
}

a.status {
    font-family: Comic Sans MS, sans-serif;
    font-size: 8px;
}