BODY {
    background-color: #eee7cc;
    color: #000;
    margin: 0;
}
A {
    border-color: #ccc5aa;
    border-style: none none solid;
    border-width: 1px;
    text-decoration: none;
}
A:link {
    background-color: transparent;
    color: #249;
}
A:visited {
    background-color: transparent;
    color: #346;
}
A:hover {
    border-color: #000;
    color: #000;
}
A:focus {
    background-color: #eee7cc;
    border-color: #000;
    color: #000;
}
A:active {
    background-color: #249;
    border-color: #000;
    color: #fff;
}

BODY, DD, DL, H1, H2, H3, H4, H5, H6, LI, OL, P, TD, TH, UL {
    font-style: normal;
    font-weight: normal;
    margin: 0;
}
BODY, DD, DL, LI, OL, P, TD, TH, UL {
    font-family: "DejaVu Sans Condensed", Tahoma, Verdana, sans-serif;
}
DL, P, OL, UL {margin: 0}
IMG {border-style: none}
TABLE, TR, TH, TD {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
ABBREV {
    font-variant: small-caps;
    text-transform: lowercase;
}
BLOCKQUOTE {
    border-color: #932;
    border-style: none none none solid;
    border-width: 0 0 0 2px;
    margin: 0;
    padding: 0 0 0 1em;
}
FORM {
    display: inline;
    margin: 0;
}
INPUT, SELECT, TEXTAREA {
    background-color: #eee7cc;
    color: #000;
}
INPUT, LABEL, SELECT {
    font-family: "DejaVu Sans Condensed", Tahoma, Verdana, sans-serif;
}
CODE, TEXTAREA {
    font-family: "Courier New", Courier, monospace;
}
EM, I {font-style: italic}
B, STRONG, TH {font-weight: bold}
BIG {font-size: 125%}
SMALL {font-size: 80%}
UL {padding-left: 2em}
UL LI {
    display: list-item;
    list-style-position: outside;
    list-style-type: square;
}
HR {
    border-color: #ccc5aa;
    border-style: none none solid;
    border-width: 1px;
    display: block;
    height: 0;
    width: 100%;
}

.header, .masthead {margin: 0}
.masthead A {
    background-color: transparent;
    border: none;
}


.nav {
    background: #932 linear-gradient(#C9938A, #A44A3B, #932);
    border-color: #932;
    border-style: solid none;
    border-width: 1px;
    clear: both;
    color: #fff;
    margin: 0;
    padding-left: 32px;
    padding-right: 1em;
}
.navLinks {font-size: 125%}
.nav A, .nav A:link, .nav A:visited {
    background-color: transparent;
    border: none;
    color: #fff;
}
.nav A.current {font-weight: bold}
.nav A:hover {text-shadow: 0 0 4px #fff}

.body {
    background: #fff url(/images/shadow_white) top left repeat-x;
    border-bottom: 2px solid #932;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.content {
    color: #000;
    flex-basis: 100%;
    margin: 0 1em 0 32px;
    order: 1;
    padding-bottom: 1em;
    padding-top: 1em;
}
@media screen and (min-width: 600px) {
    .body {
        flex-wrap: nowrap;
    }
    .content {
        margin: 0 0 0 32px;
    }
}
.content H1, .content H2, .content H3 {
    background-color: transparent;
    color: #932;
    margin-top: 1em;
    margin-bottom: 0;
}
.content H1 {text-shadow: 0 1px 2px #ccc5aa}
.content P {margin: 1em 0}

.tads, .nb {margin-bottom: 1em}

.tads {
    border: 1px solid #ccc5aa;
    padding: 0.25em;
    font-size: 80%;
}

.nb {
    background: #249 url(/images/gradient_blue) top repeat-x;
    border: 1px solid #249;
    color: #fff;
    padding: 0.5em;
}
.nb P {margin: 0.25em 0}
.nb A, .nb A:link, .nb A:visited {
    background-color: transparent;
    border: none;
    color: #fff;
    text-decoration: underline;
}
.nb A:active {
    background-color: #fff;
    color: #000;
}

.dash {
    flex-basis: 100%;
    margin: 0 1em 2em 32px;
    order: 2;
    padding-right: 1px;
}
@media screen and (min-width: 600px) {
    .dash {
        flex-basis: 12em;
        float: right;
        margin-right: 1em;
    }
}
.ins {
    background-color: transparent;
    color: #932;
}
DIV.ins, P.ins {
    margin: 1em 0 0 0;
}

.op A, A.op {
    background-color: #eee7cc;
    border: 1px solid #ccc5aa;
    color: #000;
}

.ing {
    background: #eee7cc url(/images/gradient_beige) top repeat-x;
    border: solid #ccc5aa;
    border-width: 1px 1px 1px 0.25em;
    color: #000;
    font-size: 125%;
    margin: 1em 0;
    padding: 1em;
}
.ing P {margin: 0.5em 0 0 0}
.ing P:first-child {margin-top: 0}

.h_aphorism, .h_aphorist, .h_category, .h_folder, .h_group, .h_message, .h_user {
    color: inherit;
    height: 48px;
    padding-left: 56px;
}
.h_aphorism {background: transparent url(/images/48x48/obj_aphorism) no-repeat left center}
.h_aphorist {background: transparent url(/images/48x48/obj_aphorist) no-repeat left center}
.h_category {background: transparent url(/images/48x48/obj_category) no-repeat left center}
.h_folder {background: transparent url(/images/48x48/obj_folder) no-repeat left center}
.h_group {background: transparent url(/images/48x48/obj_group) no-repeat left center}
.h_message {background: transparent url(/images/48x48/obj_message) no-repeat left center}
.h_user {background: transparent url(/images/48x48/obj_user) no-repeat left center}

.i_aphorism, .i_aphorist, .i_category, .i_folder, .i_group, .i_message, .i_twitter, .i_user {
    color: inherit;
    height: 16px;
    padding-left: 20px;
}
.i_aphorism {background: transparent url(/images/16x16/obj_aphorism) no-repeat left center}
.i_aphorist {background: transparent url(/images/16x16/obj_aphorist) no-repeat left center}
.i_category {background: transparent url(/images/16x16/obj_category) no-repeat left center}
.i_folder {background: transparent url(/images/16x16/obj_folder) no-repeat left center}
.i_group {background: transparent url(/images/16x16/obj_group) no-repeat left center}
.i_message {background: transparent url(/images/16x16/obj_message) no-repeat left center}
.i_twitter {background: transparent url(/images/16x16/twitter) no-repeat left center}
.i_user {background: transparent url(/images/16x16/obj_user) no-repeat left center}

.op A, A.op {
    border-bottom: 2px solid #932;
    font-size: 80%;
    padding-left: 1em;
    padding-right: 1em;
}
.op A:hover, A.op:hover {
    background-color: #ccc5aa;
    border-color: #932;
    color: #000;
}
.op A:active, A.op:active {
    background-color: #932;
    border-color: #932;
    color: #fff;
}

.frmField {
    width: 100%;
}
.frmSubmit {
    background-color: #932;
    color: #fff;
}

.tbl {
    border: 1px solid #ccc5aa;
    padding: 0.25em;
}
.tbl TD, .tbl TH {padding: 0.25em}
.tbl TH {
    border-bottom: 1px solid #ccc5aa;
    padding-bottom: 0;
}
.tbl TR {
    margin-bottom: 0.25em;
}

.tree {margin-bottom: 1em}

.xslPreview {
    float: left;
    margin: 0 1em 0 0;
}

/* -- FAQ -- */

.qa {
    border-top: 1px solid #ccc5aa;
    margin-top: 0.25em;
    padding: 0.25em 0;
}

.q {
    background-color: transparent;
    color: #932;
}

/* -- Various Box Containers -- */

.box, .boxLeft, .boxRight, .node {
    border: 1px solid #ccc5aa;
    overflow: auto;
    padding: 0.25em;
}
DIV.box, DIV.node {margin-top: 1em}
LI.node {margin-top: 0.5em}
.box P, .node P {margin: 0}

.box.ssn, .ssn.box, .ssn .boxHead {
    border-color: #932;
    margin-bottom: 0.5em;
}
.ssn UL {padding: 0}
.ssn UL LI {list-style-position: inside}
.sub .node, .sub.node {border-style: dashed}

.nodeOps {float: right}
.nodeBody P {margin: 0.5em 0 0}

.boxHead, .nodeHead {
    border-bottom: 1px solid #ccc5aa;
    margin: 0;
    padding-bottom: 0.25em;
}
.boxHead {font-weight: bold}

.boxFoot, .nodeFoot {
    border-top: 1px solid #ccc5aa;
    margin-top: 0.25em;
    padding-top: 0.25em;
}

.blkRight, .boxRight {float: right}

.footer {
    background: #eee7cc url(/images/shadow_beige) top left repeat-x;
    color: #000;
    padding: 32px;
}

.legal, .pr {
    font-size: 80%;
}