/*
--rootColor: #b2c6da;
--rootColorDark: #092847;
--danger: #f44336;
--warning: #e18c28;
--progress: #2196F3;
--success: #4CAF50;
--purple: #c800ff;
--pink: #ff00c8;
--teal: #009688;
--lime: #7c8a02;
--indigo: #3f51b5;
--cyan: #00ffff;
--gold: #ffd700;
--silver: #c0c0c0;
--bluish: #4d5f9a;
*/

html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
}

body { background: #EEFFF5 url('fade-green.png') top center repeat-x; }

h1,h2,h3,h4,h5,p { margin: 0; padding: 0; }
hr { border: none; border-bottom: 1px solid #b2c6da; }


a img {
    border: 0;
}

.page {
    display: table;
    width: 100%;
    height: 100%;
}

.page-inner {
    display: table-cell;
    height: 100%;
    padding: 12px 0;
}

.page-inner > * {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    color: #092847;
}

.page-inner > .content {
    border: 1px solid #092847;
    padding: 12px;
    background: #fff;
    margin-bottom: 12px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(
        Color=#40000000,
        Direction=135,
        Strength=4
    );
}

.column > * { display: block; zoom: 1; }

.row > * { display: inline-block; }
.row { zoom: 1; }

.center { text-align: center; }
.center > * { margin: auto; }

.centerbox { width: 100%; }
.centerbox .table { display: table; margin: 0 auto; table-layout: auto; border-collapse: collapse; }
.centerbox .cell { display: table-cell; vertical-align: top; padding: 0 8px; }
.centerbox .cell.spacer { padding: 0; }
.centerbox .cell.content { white-space: normal; }

.row.gapL > * { margin-left: 8px; }
.row.gapL > *:first-child { margin-left: 0; }
.row.gapS > * { margin-left: 4px; }
.row.gapS > *:first-child { margin-left: 0; }
.row.gapT > * { margin-left: 2px; }
.row.gapT > *:first-child { margin-left: 0; }

.column.gapL > * { margin-top: 8px; }
.column.gapL > *:first-child { margin-top: 0; }
.column.gapS > * { margin-top: 4px; }
.column.gapS > *:first-child { margin-top: 0; }
.column.gapT > * { margin-top: 2px; }
.column.gapT > *:first-child { margin-top: 0; }

.box {
    padding: 8px;
    border: 1px solid #b2c6da;
    background: #eff1f3;
    color: #092847;
}

.box.danger {
    background: #f6b8b4
}

#announcements a { display: inline-block; }
#announcements a > * { margin: 2px 0; }

#threads .item {
    display: inline-block;
    width: 20%;
    padding: 12px;
    vertical-align: top;
    text-decoration: none;
    font-size: 12px;
}

#threads .thread-status {
    margin-bottom: 4px;
}

#threads .imgcont img { width: 100%; }

#stats > * {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    text-decoration: none;
}

.sticker-small { width: 24px; height: 24px; }
.sticker-large { width: 32px; height: 32px; }

#flags > *, #tags > *, #reputation > *, #stats > * {
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #b2c6da;
    background: #eff1f3;
    color: #000;
    margin: 4px;
}