:root{
    --body-bg: #e2e2e2;
    --site-name-color: #34345c;

    --nav-bg: #eef2ff;

    --header-bg: #d1d5ee;
    --hr-border: #b7c5d9;

    --mid-bg: #eef2ff;

    --stack-bg: #eef2ff;
    --stack-border: #b7c5d9;

    --table-border: transparent;

    --th-bg: #9988ee;
    --even-bg: #eef2ff;
    --odd-bg: #e0e5f6;

    --post-form-field-bg: #9988ee;
    --post-form-field-text: #000;
    --post-form-border: #eef2ff;
    --textbox-color: #000;
    --textbox-bg: #fff;

    --post-bg: #d6daf0;
    --post-border: #b7c5d9;
    --post-highlight: #d6bad0;
    --indicator-color: #c00;

    --text-color: #000;
    --new-link-color: #cc1105;
    --old-link-color: #34345c;
    --name-color: #174;
    --capcode-color: #c00;
    --date-color: #000;
    --quote-color: #484;
    --shade: #888;
}

body{
    font-size:13px;
    font-family:"Liberation Sans", "Arial";
    color:var(--text-color);
    padding:0px;
    margin:0px;
    background:var(--body-bg);
}
a:link{
    color:var(--new-link-color);
}
a:visited{
    color:var(--old-link-color);
}
i{
    color:var(--quote-color);
    font-style:normal; /* This exists because italic tags are needed for terminal
                          browsers to display quoted text differently, but we
                          don't actually want it italicized in a browser */
}
td{
    border:none;
}
th{
    border:4px solid var(--table-border);
    background:var(--th-bg);
    padding:5px;
}
ul{
    margin:0px;
}
hr{
    margin:0px;
    border:2px solid var(--hr-border);
}
/*.thread-separator{
    border-width:2px;
    margin-bottom:15px;
    display:none;
}*/
input, textarea{
    font-size:13px;
    font-family:"Liberation Sans", "Arial";
    color:var(--textbox-color);
    background:var(--textbox-bg);
}
.site-name{
    color:var(--site-name-color);
    font-size:32px;
    font-weight:bold;
}
.nav{
    background:var(--nav-bg);
    padding:2px 10px 2px 2px;
}
.title{
    font-weight:bold;
    font-size:24px;
}
.post blockquote{
    white-space:pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */

    /*overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    -ms-hyphens:auto;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;*/

    margin-left:10px;
}
.post-frame{
    border-collapse:collapse;
}
.style-picker{
    position:absolute;
    top:4px;
    left:4px;
}
.header{
    background:var(--header-bg);
    margin:0px;
    padding:5px;
}
.mid{
    /*padding:0px 10px 0px 5px;*/
    background:var(--mid-bg);
    border-left:5px solid transparent;
    /*background-image:url("/pub/img/solaris.png");*/
}
.mid.preview,.mid.infopage{
    border-left:10px double var(--hr-border);
}
.mid.links{
    padding-left:5px;
    border-left:10px dashed var(--hr-border);
}
.news{
    padding:0px 0px 10px 5px;
    border-top:2px groove var(--hr-border);
}
/*.catalog{
    border-collapse:collapse;
    border:4px solid var(--table-border);
}*/
.thread{
    padding:5px 0px 0px 0px;
}
.preview .thread{
    border-top:2px groove var(--hr-border);
}
.catalog{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
}
.catalog .thread{
    /*border:4px solid var(--stack-border);*/
    margin:10px;
    width:180px;
}
.catalog .thread .OPimg{
    float:none;
    max-width:180px;
    max-height:180px;
}
.catalog .thread .title{
    font-size:14px;
}
.footer{
    padding:5px;
}
.stack{
    max-width:800px;
    padding:2px 10px 2px 2px;
    background: var(--stack-bg);
    border:4px solid var(--stack-border);
}
.odd{
    background:var(--odd-bg);
}
.even{
    background:var(--even-bg);
    border:1px solid var(--th-bg);
}
.odd td, .even td{
    font-weight:bold;
    padding:2px 5px;
    text-align:center;
}
.post{
    padding:2px 10px 2px 2px;
    background:var(--post-bg);
    border:3px double var(--post-border);
    /*border-left:4px double var(--indicator-color);*/
    margin:1px;
}
.postform{
    background:var(--stack-bg);
    border:2px solid var(--post-form-border);
}
.field{
    color:var(--post-form-field-text);
    text-align:right;
    font-weight:bold;
    background:var(--post-form-field-bg);
}
.name{
    color:var(--name-color);
}
.capcode{
    color:var(--capcode-color);
}
.date{
    color:var(--date-color);
}
.shade{
    color:var(--shade);
}
.aa{
    font-family:"MS PGothic","Konatu","Mona","Textar","Monapo","IPAMonaPGothic";
    font-size:16px;
}
.OPimg{
    margin:0px 10px 10px 0px;
    float:left;
}
*:target{
    background:var(--post-highlight);
}
