/* General */

* {
    margin: 0px;
    padding: 0px;
}

html {
    height: 100%;
}

body {
    margin: 0px; padding: 0px;
    background-color: #DFDFDF;
    color: black;
    height: 100%;

    font-family: "Verdana", sans-serif;
}

ol, ul {
    padding-left: 2.5em;
}

/* Basic layout */

div#main {
    margin: 0em auto 0em auto;
    padding: 0em 12px 0px 12px;
    background-color: white;
    width: 95%;
    min-width: 700px;
    max-width: 950px;
    min-height: 100%;
}

div#header {
    width: 100%;
    overflow: hidden;
}

img#top {
    display: block;
}

/* Top menu */

div#menu {
    font-weight: bold;
    background-color: #F6F6F6;
    border-top: 1px solid black;
    border-bottom: 1px solid #C0C0C0;
    white-space: nowrap;
    overflow: auto;
}

div#menu div.menuContainer {
    padding: .5em 0em .5em 0em;
}

div#menu div.menuContainer.left { float: left }
div#menu div.menuContainer.right { float: right }

div#menu ul {
    padding: 0em;
}

div#menu ul li {
    display: inline;
    padding: .5em 1.5em .5em 1.5em;
}

div#menu ul li#selected {
    display: inline;
    padding: .5em 1.5em .5em 1.5em;
    background-color: #E6E6E6;
}

div#menu ul li a:link { text-decoration: none; color: black; border-style: none; }
div#menu ul li a:visited { text-decoration: none; color: black; border-style: none; }
div#menu ul li a:hover { text-decoration: none; color: #C0C0C0; border-style: none; }
div#menu ul li a:active { text-decoration: none; color: black; border-style: none; }

/* Page body */

div.table {
    display: table;
    border-collapse: separate;
}

div#main div.table {
    width: 100%;
    border-bottom: 1px solid black;
}

div#main div.table.split {
    margin-top: 1em;
    border-bottom: none;
}

div.row {
    display: table-row;
}

div#content {
    width: 75%;
    display: table-cell;
    font-size: small;
    padding: 0em;
}

div#contentPadding {
    margin: 0em 1em 1em 0em;
    min-height: 200px;
}

div#sidebar {
    width: 25%;
    display: table-cell;
    border-left: 1px dotted black;
    background-color: #F0F0F0;
    font-size: small;
    padding: 1em;
}

/* Articles */

div.section {
    margin: 2em auto;
    text-align: center;
}

div.section h1 {
    display: inline;
    border-top: 2px solid #C0C0C0;
    border-bottom: 2px solid #C0C0C0;
    font-size: 200%;
    font-family: sans-serif;
    font-weight: normal;
    padding: .2em .4em;
}

div.split {
    margin-bottom: 1.8em;
}

div.mainArticle {
    /* [div.articleBody p] has it's own margin too */
    margin-bottom: 3.5em;
}

div#content div.table div.row div.two,
div#content div.table div.row div.three {
    display: table-cell;
}

div#content div.table div.row div.two.space,
div#content div.table div.row div.three.space {
    padding-top: .5em;
}

div.subArticle {
    padding-top: 1.5em;
}

div#content div.table div.row div.two.space div.subArticle,
div#content div.table div.row div.three.space div.subArticle {
    padding-top: 0em;
}

div.table div.row div.two { width: 50%; }
div.table div.row div.three { width: 33.333%; }

div.table div.row div.left {
    padding-right: 2.5em;
}

/* only needed for three columns */
div.table div.row div.middle {
    padding-left: 2.5em;
    padding-right: 2.5em;
    border-left: 1px dotted black;
}

div.table div.row div.right {
    padding-left: 2.5em;
    border-left: 1px dotted black;
}

div.articleHeader {
    margin-bottom: .5em;
}

span.commentCount {
    color: #CC0033;
}

div.note div.articleHeader.compact {
    margin: -1.5em 0em 0em 0em;
    padding: 0em;
}

div.note div.articleHeader h2 {
    color: black;
}

div.articleHeader h1 {
    font-size: 180%;
    font-family: sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

div.subArticle div.articleHeader h1 {
    font-size: 120%;
    font-weight: bold;
}

div.articleHeader h2 {
    font-size: small;
    /*text-transform: uppercase;*/
    font-weight: normal;
    color: #C0C0C0;
    margin: 0px;
    padding: 0px;
}

div.articleBody p {
    margin-bottom: 1.4em;
}

div.articleBody {
    margin-top: 1em;
    margin-bottom: 2em;
}

div.articleHeader span.subject {
    font-size: small;
    text-transform: uppercase;
    font-weight: bold;
    color: #C0C0C0;
}

div.floatImage {
    float: right;
    clear: both;
    margin-bottom: 1em;
    margin-left: 2em;
    margin-top: 0em;
    margin-right: 0em;
    padding: 1em;
}


img.floatImage {
    float: right;
    clear: both;
    margin-bottom: 1em;
    margin-left: 2em;
    margin-top: 0em;
    margin-right: 0em;
    padding: 1px;
    border: 1px solid black;
}

div.floatImage img {
    border: 1px solid black;
    padding: 1px;
}

div.floatImage > p {
    margin-bottom: .5em;
}

div.floatImage > p:first-of-type {
    margin-top: 1em;
}

div.floatImage > p:last-of-type {
    margin-bottom: 0em;
}

/* Sidebar boxes */

div.boxBlack {
    background-color: white;
    border: 1px solid #DFDFDF;
    padding: .5em;
    margin-bottom: 2em;
}

div.boxBlack h1.black {
    font-size: small;
    font-weight: normal;
    color: white;
    background-color: black;
    padding: .5em;
    margin: -.5em -.5em -.5em -.5em;
}

div.articleBody h1 , div.wmd-preview h1 {
    font-size: 160%;
    font-family: sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}

div.articleBody h2 , div.wmd-preview h2 {
    font-size: 140%;
    font-family: sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}

div.boxBlack h1 {
    font-size 140%;
    font-family: sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}

div.boxBlack h2 {
    font-size 120%;
    font-family: sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}

div.boxBlack p {
    padding-top: 1em;
}

div.boxBlack ol {
    padding-top: 1em;
    padding-left: 1.5em;
}

div.boxBlack div#topPosters li  p {
    padding-top: 0em;
    padding-left: 0em;
}

div.boxBlack ul {
    padding-top: 1em;
}

div.boxBlack div#userBox ul {
    padding-left: 0em;
    list-style: none;
}

div.boxBlack div#userBox ul li:before {
    content: "\00BB \0020";
}

div.boxBlack div.boxPadding { padding-top: 1em; }

div.center { text-align: center }

div.boxBlack a:link { color: #0066CC; text-decoration: none; }
div.boxBlack a:visited { color: #0066CC; text-decoration: none; }
div.boxBlack a:hover { color: black; text-decoration: underline; }
div.boxBlack a:active { color: #0066CC; text-decoration: underline; }

/* Bottom */

div#comments {
    border-top: 1px dotted black;
    background-color: #FBFBFB;
    margin: 0em -1em -1em 0em;
    padding: 1em;
}

div#comments h1 {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 1em;
}

div.comment {
    border: 1px solid #B0B0B0;
    background-color: white;
    margin: 1.5em 0em 2em 0em;
    width: 100%;
    overflow: auto;
}

div.comment p {
    margin-bottom: 1em;
}

div.comment p:last-child {
    margin-bottom: 0em;
}

div.comment div.heading {
    background-color: #E6E6E6;
    padding: .5em;
    border-bottom: 1px solid #D0D0D0;
}

div.comment div.body {
    padding: .5em;
}

div#footer {
    width: 100%;
    text-align: center;
    font-size: 80%;
}

div#footer p {
    padding: 2em 0em;
    /* \\ DISABLE */
    /* border-top: 1px solid black; */
}

/* Users */

div.userInfo h1 {
    font-size: 180%;
    font-family: sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

div.userInfo h2 {
    font-size: small;
    font-weight: normal;
    color: #C0C0C0;
    margin: 0px;
    padding: 0px;
}

div.userInfo h3 {
    margin-top: 1em;
}

/* Misc */

div#login p {
    margin-bottom: 1em;
}

form, div#articleForm {
    padding-right: 1em;
}

form p, div#articleForm p {
    margin-bottom: 1em;
}

select, div#articleForm select {
    margin-bottom: 1em;
    width: 25%;
    border: 1px solid #C0C0C0;
}

input.box, textarea, div#articleForm input.box, div#articleForm textarea {
    width: 100%;
    border: 1px solid #C0C0C0;
    padding: .5em;
    font: inherit;
}

input.fadedText, textarea.fadedText {
    color: #B0B0B0;
}

input.button {
    font-size: 120%;
    font-weight: bold;
    background-color: #F6F6F6;
    border: 1px solid #C0C0C0;
    padding: .5em;
    margin-right: .5em;
}

p.button {
    text-align: center;
    padding-top: 1em;
}

input.button:hover {
    color: #C0C0C0; 
}

div.wmd-preview {
    overflow: auto;
}

div.wmd-preview p {
    /* wmd seems to style itself well */
    margin: 0em;
}

div.wmd-preview {
    padding-top: 1em;
}

div.note {
    border: 1px solid #E6E6E6;
    background-color: #F6F6F6;
    padding: .5em;
    margin-top: 1em;
    margin-bottom: 1em;
}

a {
    text-decoration: none;
    color: #000000;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

a:link { color: #0066CC; }
a:visited { color: #800080; }
a:hover { color: black; }
a:active { color: #0066CC; }

.noHist a:link, a.noHist:link { color: #0066CC; }
.noHist a:visited, a.noHist:visited { color: #0066CC; }
.noHist a:hover, a.noHist:hover { color: black; }
.noHist a:active, a.noHist:active { color: #0066CC; }

.noDots a:link, a.noDots:link { text-decoration: none; border-style: none; }
.noDots a:visited, a.noDots:visited { text-decoration: none; border-style: none; }
.noDots a:hover, a.noDots:hover { text-decoration: underline; border-style: none; }
.noDots a:active, a.noDots:active { text-decoration: underline; border-style: none; }

div.boxBlack a:link { color: #0066CC; text-decoration: none; border-style: none; }
div.boxBlack a:visited { color: #0066CC; text-decoration: none; border-style: none; }
div.boxBlack a:hover { color: black; text-decoration: underline; border-style: none; }
div.boxBlack a:active { color: #0066CC; text-decoration: underline; border-style: none; }

div.note p {
    margin-top: .5em;
    margin-bottom: 1em;
}

div.note p:first-child {
    margin-top: 0em;
}

div.note p:last-child {
    margin-bottom: 0em;
}

div#bottomAds {
    text-align: center;
    padding: 1em;
}

h1 {
    font-size: 180%;
    font-family: sans-serif;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: 1em;
}

h2 {
    margin-bottom: 1em;
    margin-top: 1em;
}

div.floatLeft { float: left }
div.floatRight { float: right }

div.clear {
    clear: both;
}

hr {
	border: 0px;
	color: black;
	background-color: black;
    margin: 1em 0em 1em 0em;
	height: 1px;
}

strong.error {
    display: block;
    font-size: 120%;
    font-family: sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
}

div#horizontalBar {
    text-align: center;
    margin-bottom: 1em;
}

div.userListing {
    margin-bottom: 1em;
}

div.userListing h1 {
    font-size: 120%;
    font-weight: bold;
    margin: 0em;
}

div.userListing h2 {
    font-size: small;
    font-weight: normal;
    color: black;
    margin: 0em;
    padding: 0em;
}

blockquote {
    margin-left: 4em;
}

code {
    font-size: 120%;
}
div#at_share a:link { text-decoration: none; border-style: none; }
div#at_share a:visited { text-decoration: none; border-style: none; }
div#at_share a:hover { text-decoration: underline; border-style: none; }
div#at_share a:active { text-decoration: underline; border-style: none; }

div.spaced p {
    margin-bottom: 1em;
}

div.spaced p:last-child {
    margin-bottom: 0em;
}

table { border-collapse: collapse; }
thead { background-color: #F6F6F6; }
th { font-size: 120%; }

th, td {
    border: 1px solid #E6E6E6;
    padding: .5em 1em .5em .5em;
}

div#links {
    border: 1px solid #E6E6E6;
    background-color: #F6F6F6;
    padding: 1em;
    margin: 1.5em 0em 1.5em 0em;
}

div#links h1 {
    font-size: 180%;
    margin-top: 0em;
    margin-bottom: .5em;
}

div#links h2 {
    font-size: 100%;
    margin-top: 0em;
    margin-bottom: 1em;
}

div#links p {
    margin-bottom: 1em;
}