/*
** OpenBoard OBSF Skin stylesheet
** Author:
**   Bill Fraser <billfraser@users.sourceforge.net>
*/

BODY {
    background: black;
    color: white;
    font-family: serif;
    text-align: center;
}

HR { color: #487393; background: #487393; border: 1px solid #487393; height: 0px; }

a:link { color: silver; }

a:visited { color: silver; }

a:hover { color: white; }

a:active { color: red; }

div.center {
    text-align: center;
}

div.title1 {
    font-size: 42px;
}

div.title2 {
    font-size: 24px;
    text-indent: 5em;
    font-family: monospace;
    font-variant: small-caps;
    font-weight: bold;
}

table.title {
    width: 100%;
    height: 136px;
    background-image: url("skin/obsf/img/tile_logo.png");
}

td.title1 {
    font-size: 42px;
    text-align: left;
}

td.title2 {
    font-size: 24px;
    font-family: monospace;
    font-variant: small-caps;
    font-weight: bold;
    text-align: right;
    vertical-align: bottom;
}

table.main {
    width: 95%;
    /* border: 1px solid #888; */
    /* height: 100%; */
    table-layout: fixed;
    background: #18242D; 
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

tr.top {
    vertical-align: top;
    background: #35546C;
    /* background-image: url("skin/obsf/img/tile_logo.png"); */
}

td.top-td {
    padding-bottom: 15px;
}

tr.mid {
    border-top: 1px solid white;
    /* not all clients support this; it's not standard. (IE does, tho) */
    height: 100%;
    vertical-align: top;
}

td.mid-td {
    font-family: sans-serif;
}

table.mid-t {
    /*height: 100%;*/
    width: 100%;
}

tr.mid-tr { 
    /*height: 100%;
    width: 100%;*/
}

td.left {
    width: 250px;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

td.right { 
    padding: 10px;
    vertical-align: top;
    text-align: left;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background: #487393;
}

tr.foot {
    vertical-align: bottom;
}

td.foot-td {
    background: #3d3d3d;
}

div.foot {
    font-weight: bolder;
    text-align: right;
    vertical-align: middle;
    line-height: 2em;
}

.heading {
    background: black;
    color: white;
    padding: 10px;
}

hr.left {
    width: 50%;
    height: 1px;
}

.update {
    padding: 3px;
    border: 1px solid black;
    background: #285373;
}

.update-head {
    /* border: 1px solid black; */
    padding: 0px;
}

.update-head-avatar {
/*     padding: 5px; */
/*     border: 1px solid white; */
/*     background: #487393; */
    padding-left: 3px;
}

table.update-head-details {
    border-spacing: 5px;
    padding: 0px;
}

td.update-head-details-cell {
    background: #487393;
    border: 1px solid white;
    padding: 5px;
}

div.indent-text {
    text-indent: 3em;
}

div.start {
    font-size: 24px;
    font-weight: bold;
}

.post-head {
    background: #285373;
    border: 1px solid black;
    padding: 0px;
}

.post-head-avatar {
/*     padding: 5px; */
/*     border: 1px solid white; */
/*     background: #487393; */
    padding-left: 7px;
}

table.post-head-details {
    border-spacing: 5px;
    padding: 0px;
}

td.post-head-details-cell {
    background: #487393;
    border: 1px solid white;
    padding: 5px;
}

div.endsmall {
    font-size: small;
    color: #A0A0A0;
}

div.showuser-signature {
    border: 1px solid black;
    background: #285373;
    padding: 3px;
    font-size: smaller;
}

div.showuser-signature-inner {
    border-top: 1px solid black;
    background: #487393;
    font-size: larger;
    padding: 3px;
    padding-top: 5px;
}

div.showuser-interests {
    border: 1px solid black;
    background: #285373;
    padding: 3px;
    font-size: smaller;
}

div.showuser-interests-inner {
    border-top: 1px solid black;
    background: #487393;
    font-size: larger;
    padding: 3px;
    padding-top: 5px;
}

table.showuser {
    border: 1px solid black;
    background: #285373;
}

tr.showuser-details {
    font-size: smaller;
}

td.showuser-left {
    vertical-align: top;
    padding: 3px;
}

td.showuser-right {
    border-left: 1px solid black;
    padding: 5px;
    background: #487393;
    vertical-align: top;
}

td.showuser-photo {
    vertical-align: top;
/*     padding: 0px; */
    background: #487393;
}

.showuser-name {
    font-size: xx-large;
    font-weight: bold;
}

.showuser-group {
    font-size: large;
    font-weight: bold;
}

.showuser-title {
    font-size: larger;
    font-weight: bold;
}

.showuser-pips {
    font-size: x-large;
    font-weight: bold;
}

.showuser-website {
    font-size: larger;
    font-weight: bold;
}

.showuser-posts {
    font-size: large;
    font-weight: bold;
}

.showuser-postpercent {
    font-size: larger;
}

.showuser-postsperday {
    font-size: larger;
}

.showuser-joindate {
    font-size: larger;
    font-weight: bold;
}

.showuser-location {
    font-size: larger;
    font-weight: bold;
}

.showuser-localtime {
    font-size: larger;
}

.showuser-birthday {
    font-size: larger;
    font-weight: bold;
}

.showuser-contact {
    font-size: larger;
    font-weight: bold;
}

.showuser-disabled {
    font-style: italic;
    font-weight: normal;
    color: #3d3d3d;
}

/* this is from IBF13 skins */
#QUOTE {
    font-size: 10px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
/*     background-color: #487393; */
/*     background-color: silver; */
/*     color: black; */
    border: 1px solid #000;
}

.quotebody {
    padding-left: 2em;
    padding-top: 2pt;
    padding-bottom: 2pt;
}

.page_link {
    text-align: right;
    padding-top: 5px;
}