body {
    background-color: #a11;
    margin: 0px 0px 0px 0px;
    color: #400;
}

#titles {
    background-color: #400;
    color: #fff;
    
    position: absolute;
    top: 0;
    width: 100%;
    height: 2.0em;
    border-bottom: 1px solid black;
    font-family: "Trebuchet MS", "Verdana", sans-serif;
}

#titles #innertitles {
    margin-left: 1em;
    margin-right: 1em;
    letter-spacing: 0.1em;
}

#sitetitle  { float: right; font-size: 1.4em; margin-top: 0.1em; }
#titleblurb { position: relative; font-size: 0.65em; top: 1.1em; }

#container {
    margin-top: 2.5em; /* 2.0em from header plus 0.5em spacing */
    margin-left: 0.5em;
    margin-right: 12.5em;
    border: 1px solid black;
    background-color: #fffffc;
    padding: 0.5em 2em 0.5em 2em;
    margin-bottom: 0.5em;
}

#container #mainbody {
    font-size: 0.85em;
    word-spacing: 0.1em;
    line-height: 1.5em;
}

#sidebar {
    position: absolute;
    right: 0em;
    top: 2.5em;
    width: 12em; /* 13em from mainbody is left open, so use 12 of it - 2em padding (1em space) */
    font-family: "Trebuchet MS", sans-serif;
}

.sidebox {
    border-style: solid;
    border-color: #633;
    border-width: 1px 0px 1px 1px;
    background-color: #fffffc;
    padding: 0.5em 1em 0.5em 1em;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    font-size: 0.8em;
}

#bottom {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 0.8em;
    padding: 0.5em 0em 0.5em 0em;
    width: 80%;
    border-style: solid;
    border-color: #000;
    border-width: 1px 1px 0px 1px;
    background-color: #400;
    color: #fff;
}

.section {
    width: 100%;
    margin: 1.5em 0em 1.5em 2.0em;
    padding: 0.1em 0.5em 0.1em 0.5em;
    border-style: dotted;
    border-color: #d99;
    border-width: 0px 0px 0px 1px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    padding: 0 7px;
    margin: 0;
}

th {
    font-family: "Baskerville", "Hoefler Text", "Cochin", "Times", serif;
}

tr > td, tr > th {
    border-bottom: 1px solid #cbb;
}

tr:last-child > td, tr:last-child > th {
    border-bottom: none;
}

tr:hover {
    background-color: #ffd;
}

tr:hover > td:hover {
    background-color: #ffe;
}

h1 { font-size: 1em; } /* only used for top title */

/* the rest of these are used for inner body headers */
h2, h3, h4, h5, h6 {
    border-style: solid;
    border-color: #944;
    border-width: 0px 0px 1px 0px;
    margin-left: -0.3em;
    margin-top: 0.6em;
    margin-bottom: 0.5em;
    padding-bottom: 0.2em; /* avoid cutting descenders */
    font-family: "Baskerville", "Hoefler Text", "Cochin", "Times", serif;
    font-weight: bold;
} 

h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

/* trying this out...
p + p {
    text-indent: 1.15em;
}
*/

ul {
    list-style-type: square;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    margin-left: 0.7em;
    padding-left: 0em;
}

ul li {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}


dl {
    list-style-type: square;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    margin-left: 0.7em;
}

dl dt {
    font-size: 1.3em;
}

.date, .note {
    font-size: 0.8em;
    color: #866;
    text-align: right;
}

.idate, .inote {
    font-size: 0.8em;
    color: #866;
}

.plain {
    list-style-type: none;
    padding-left: 2em;
}

.code, code, pre {
    font-family: "ProFont", "Luxi Mono", "Monaco", "Courier", "Courier New", monospace;
    line-height: 1.1em;
    white-space: nowrap;
}

.wide { width: 100%; }

.iconlefty  { width: 20%; float: left;  margin-right: 1em; }
.iconrighty { width: 20%; float: right; margin-left:  1em; }
.lefty      { width: 40%; float: left;  margin-right: 1em; }
.righty     { width: 40%; float: right; margin-left:  1em; }
.biglefty   { width: 70%; float: left;  margin-right: 1em; }
.bigrighty  { width: 70%; float: right; margin-left:  1em; }

img {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.imgattr {
    font-size: 0.8em;
    display: block;
    overflow: hidden;
    line-height: normal;
    padding-bottom: 0.4em;
    border-bottom: 1px solid #eee;
}

.imgattr img {
    width: 100%;
    margin: 0em 0em 0em 0em;
}

img.myicon {
    margin: 0px;
}

a:link, a:visited { color: #53f; text-decoration: none; }
a:hover           { color: #00f; text-decoration: underline; }
a:active          { color: #fff; text-decoration: underline;
                    background-color: #000; }

#sidebar a:link, #sidebar a:visited { color: #31c; }
#sidebar a:hover                    { color: #00f; }
#sidebar a:active                   { color: #fff; }

.hilighted             { color: #000; }
.hilighted .PreProc    { color: #490; }
.hilighted .Statement  { color: #980; }
.hilighted .Identifier { color: #049; }
.hilighted .Comment    { color: #26c; }
.hilighted .Constant   { color: #a22; }
.hilighted .Special    { color: #d00; }
.hilighted .Type       { color: #080; }

.hilighted span {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.draft {
    border: 1px solid #00F;
    background-color: #AAF;
    color: #000;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-weight: bold;
}

.ap { margin-left: -0.1em; letter-spacing: -0.1em; }

.twitter p { text-indent: 0; }

.nav ul {
    list-style-type: none;
    margin-left: 0.5em;
}

.nav ul li {
    min-height: 1.5em;
}

.nav ul li img.myicon {
    vertical-align: middle;
}

table.fraction {
    display: inline-table;
    vertical-align: middle;
}

table.fraction td.hi {
    border-bottom: 1px solid black;
}

table.fraction tr    {
    padding: 0;
    margin: 0;
}

table.fraction tr td {
    padding: 0 6px;
    margin: 0;
    text-align: center;
}

/* PRINT ONLY */

@media print {

body {
    background-color: #fff;
    color: #000;
}

#titleblurb {
    display: none;
}

#titles {
    background: none;
    color: #000;
    border: none;
}

#sitetitle {
    font-size: 1em;
    background: none;
}

#sidebar {
    display: none;
}

#container {
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
    background: inherit;
}

#mainbody {
    padding: 0;
    margin: 0;
    background: inherit;
}

.section {
    width: 95%;
    margin: 1em 0;
    padding: 0.25em 0 0.25em 5%;
    border: none;
}

h2, h3, h4, h5, h6 {
    border-bottom: 1px solid black;
    margin: 0 0 0.5em 0;
    padding: 0;
    color: #000;
}

h2 {
    display: none;
    border: none;
    font-size: 2.5em;
    padding-top: 0.25em;
}

p {
    width: 98%;
    padding: 0 0 0 2%;
}

a, a:link {
    color: #00a;
}

.draft {
    background-color: #eef;
    width: 80%;
    margin: 1em auto;
}

}