/* Style sheet for http://www.the-brown-dragon.com */
body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    color: #4c4c4c;
    font-family: Georgia, Garamond, "Trebuchet MS", Serif;
}
#sof {
    font-weight: bold;
}
#eof {
    font-size: 3em;
    margin-top: 1em;
    margin-left: 1%;
}
.postlogo,
.ctnt {
    margin-left: 15%;
    margin-right: 25%;
    margin-top: 1em;
}
.sidbr {
    margin-right: 1em;
    font-size: 0.7em;
    position: relative;
    float: right;
    width: 20%;
    height: 100%;
    top: 32em;
}
.sidbr .logo {
    margin: 0;
    background: url("logo.png") top left no-repeat;
    float: right;
    width: 16px;
    height: 27px;
    overflow: hidden;
}
.sidbr .about {
    color: gray;
    font-style: italic;
    border-color: gray;
    border-width: 0 thin medium 0;
    border-style: dotted;
    font-family: Arial, Verdana, "Sans Serif";
    padding: 0 1em 1em 0.5em;
}
.hdr h1 {
    font-size: 1em;
}
.hdr h2 {
    font-size: 1.5em;
    font-style: italic;
    color: #2b8dc0;
    font-weight: 400;
    margin-left: 5%;
}
.hdr h3 {
    font-size: 0.55em;
    color: gray;
    font-style: italic;
    text-align: right;
}
.hdr a {
    text-decoration: none;
    color: black;
}
.bdy a {
    text-decoration: none;
    color: #00c;
}
.bdy a:visited {
    text-decoration: none;
    color: #c00;
}
.hdr a:hover {
   color: #f59035;
   text-decoration: overline;
}
.hdr .keywords {
    text-align: right;
    border-style: solid none none none;
    border-width: thin 0 0 0;
    padding-top: 0.5em;
}
.hdr .keywords .o-keyword,
.hdr .keywords .t-keyword {
    padding: 0.1em;
    padding-right: 0.2em;
    border-width: 0 0 0 0;
}
.hdr .keywords .t-keyword {
    font-size: 0.75em;
}
.hdr .keywords .o-keyword {
    font-size: 0.55em;
}
.hdr .keywords .o-keyword a {
    color: gray;
}
.hdr .keywords .o-keyword a:hover {
    color: #f59035;
}
.hdr .keywords u {
    text-decoration: none;
}
.lnks,
.ftr {
    font-size: 0.8em;
    border-style: solid none solid none;
    border-width: thin;
}
.ftr {
    border-top-color: #f59035;
    padding-top: 0.5em;
}
.lnks {
    border-style: none none solid none;
    border-color: black;
}
.lnks h1,
.ftr h1 {
    font-size: 1em;
    margin-bottom: 0;
}
.ftr .ordby {
    font-size: 0.75em;
    color: gray;
}
.ftr .ordby a {
    color: gray;
}
.ftr .ordby .ordbyw {
    font-weight: bold;
    font-style: italic;
}
.lnks li,
.ftr li {
    padding-top: 0.5em;
}
.postlogo,
.bdlogo {
    margin-top: 0.5em;
    background: #fff url("cntx.png") no-repeat scroll top right;
}
.postlogo a img,
.bdlogo a img {
    text-decoration: none;
    border: none;
}

.posttag {
    font-weight: bold;
    color: gray;
}

.postlink,
.ndxpostlink {
    text-decoration: none;
}
.ndxpostlink:hover {
    text-decoration: underline;
}
.postdate {
    font-size: 0.75em;
    color: gray;
    padding-right: 1em;
}
.posttags {
    font-size: 0.75em;
    color: gray;
}
.posttease {
    font-size: 0.75em;
    color: #ccc;
    font-style: italic;
    text-decoration: none;
}
.postlink:hover {
    color: #f59035;
}
.postlink:hover .postdate {
    color: black;
}
.postlink:hover .posttags {
    color: #f59035;
}
.postlink:hover .posttease {
    color: black;
}
.code {
    padding-left: 8px;
    border-color: gray;
    border-width: 0 0 0 thin;
    border-style: dotted;
}
.code a,
.code a:visited {
    text-decoration: underline;
    vertical-align: top;
    padding: 0;
    font-size: 0.75em;
    color: gray;
}
.code a:hover {
   color: #f59035;
   text-decoration: overline;
}
.special1 {
    color: #2b8dc0;
}
.special2 {
    font-size: 0.25em;
}
.special3 {
    color: green;
    font-weight: bold;
    font-size: 2em;
}
.sectitle {
    color: #2b8dc0;
    font-weight: bold;
    font-size: 1.2em;
}