/* 
    Created on : Sep 7, 2017, 6:14:38 PM
    Author     : BadBlock
*/

/* Content Styles
---------------------------------------- */

/**************** bootstrap annoyance removal *************/

.nav > li > a {
    display: inline;
    padding: 0;
}

.radio, .checkbox {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
}

hr {
    margin: 0;
}

img {
    vertical-align: bottom;
}

blockquote {
    padding: 0;
    margin: 0;
    font-size: 1em;
    border: 0;
}

h4.modal-title {
    font-size: 18px;
}

* {
    box-sizing: content-box;
}

dt {
    font-weight: normal;
}

div.pagination {
    display: block;
    padding-left: 0;
    margin: 0;
    border-radius: 0;
}

mark, .mark {
    background: none;
    padding: 0;
}

/**************** Header *************/

#header-subsilver {
    background: none;
    border-bottom: none;
}

.search-header {
    box-shadow: none;
    margin-top: 0;
}

.search-box .inputbox {
    background-color: white;
}

/* Make breadcrumbs more compact */
.breadcrumbs .crumb.wrapped-wide a {
    max-width: 90px;
}
.navbar .rightside.responsive-search {
    margin-left: 0;
}

.ksheadermobile {
    overflow: hidden;
}

.ksheadermobile .logodiv {
    /* small mobiles */
    background-image: url("/images/kolsar-100.gif");
    background-repeat: no-repeat;
    background-size: 99px 27px;
    width: 99px;
    height: 27px;
    clear: none;
    float: left;
    display: inline-block;
}

.headerad {
    width: 100%;
    height: 50px;
    padding: 0 0 0 15px;
    vertical-align:top;
    display: inline-block;
    text-align:center;
}

.headerbar {
    padding: 10px 0 10px 0;
}

@media (min-width: 1024px) {
    .ksheadermobile {
        display: none;
    }
}

@media (max-width: 1023px) {
    .ksheaderwide {
        display: none;
    }
}

@media (min-width: 768px) {
    .ksheadermobile .logodiv {
        /* tablets */
        background-image: url("/images/kolsar-lg.gif");
        background-repeat: no-repeat;
        background-size: 144px 38px;
        width: 144px;
        height: 38px;
    }
    .headerad {
        margin: 0;
        padding-top: 10px;
    }
}

@media (max-width: 480px) {
    .navbar li.breadcrumbs.wrapped {
        max-width: 360px;
    }
    .breadcrumbs .crumb.wrapped-wide a {
        max-width: 100px;
    }
}

@media (max-width: 420px) {
    .navbar li.breadcrumbs.wrapped {
        max-width: 330px;
    }
    .breadcrumbs .crumb.wrapped-wide a {
        max-width: 95px;
    }
}

@media (max-width: 380px) {
    .headerbar {
        padding: 0;
    }
    .headerad {
        padding: 0;
        margin: 0;
    }
    .navbar li.breadcrumbs.wrapped {
        max-width: 300px;
    }
    .breadcrumbs .crumb.wrapped-wide a {
        max-width: 85px;
    }
}

@media (max-width: 345px) {
    .navbar li.breadcrumbs.wrapped {
        max-width: 290px;
    }
    .breadcrumbs .crumb.wrapped-wide a {
        max-width: 85px;
    }
}

@media (max-width: 330px) {
    .navbar li.breadcrumbs.wrapped {
        max-width: 280px;
    }
    .breadcrumbs .crumb.wrapped-wide a {
        max-width: 75px;
    }
}


/**************** Footer *************/

@media (max-width: 768px) {
    .tdsocial, .counternn, .creditsmisc {
        display: none;
    }
}

.footer-up {
    width: 100%;
}

.upword {
    margin-right: 10px;
}


/************** viewtopic styles ******************/

.content {
    color: black;
}

.codebox code {
    font-weight: bold;
    font-size: 1.1em;
}

.content cite .date {
    font-size: 0.8em;
    font-weight: normal;
}

/* Move postprofile to the left */
.postprofile {
    float: left;
    border-right: 1px solid white;
}
.postbody {
    float: right;
}

/* Remove Re: Topic title from posts */
h3.first {
    display:none;
}

/* Limit max-width of forum and images */
div#header-subsilver, div#wrap  {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    width: 95%;
}

/* Margin before the quickreply form */
.bar-bottom {
    margin-bottom: 20px;
}

/* quickreply */
.panel {
    border: none;
}
.subsilver-quickreply {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Link colour */
.content a {
    color: blue;
}

.content cite a {
    color: #105289;
}

h2 {
    color: #000000;
    font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
    font-size: 2em;
    font-weight: bold;
    line-height: 120%;
    text-decoration: none;
}

.postbody .content {
    font-family: Verdana,"Lucida Grande","Trebuchet MS",Arial,sans-serif;
    /* font-size: 1em; */
    line-height: 1.4em;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#subsilver-nav-topic {
    background-color: darkred;
    background-image: none;
}

#subsilver-nav-topic .postbody, #subsilver-nav-topic .postprofile {
    color: white;
    font-size: 1.1em;
}

.postprofile .username,
.postprofile .username-coloured {
    font-size: 1.3em;
}

.profile-rank {
    font-weight: bold;
}

/* post number */
.posti {
    font-size: 1.2em;
    font-weight: bold;
}

.posti a {
    color: #555;
}

.postino {
    margin-right: 2px;
}

.postprofile {
    color: black;
}

.postdate {
    margin-top: 4px;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
}

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank {
    margin-bottom: 0px;
}

.has-profile .post-buttons {
    // position: static;
    // float: right;
    // margin-bottom: 3px;
}

.postimage {
    vertical-align: bottom;
}

p.author {
    margin-bottom: 1em;
}

a.postrefarrow {
    font-weight: bold;
    font-size: 1.3em;
}

a.postref {
    font-weight: normal;
}

/* highlight - quotes, brackets */
span.coloraction {
    color: red;
}
span.highlight1 {
    color: #29166F;
}
span.highlight2 {
    color: #8080B0;
}
span.highlight3 {
    color: gray;
}
span.highlight4 {
    color: #A0A0A0;
}
span.highlightdeep {
    color: #C0C0C0;
}

blockquote {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.attachbox {
    margin-top: 15px;
}

.inline-attachment {
    margin-top: 15px;
    margin-bottom: 15px;
}

.inline-attachment dl.file dd {
    font-size: 0.8em;
}

/* video attachments */
.attachbox video, .inline-attachment video {
    width: 640px;
    height: 480px;
    max-width:100%;
}

.content video, .content iframe {
    max-width: 100%;
    margin-top: 15px;
}

/* ad z10 mobile top */
div.zone10top {
    margin: 0 auto;
    max-width:320px;
}

/* ad z9 */
.viewtopicz9-wrapper {
    width: 100%;
    background-color: #F4F4F4;
    text-align: center;
}
iframe.viewtopicz9 {
    margin: 0 auto;
}
div.viewtopicz9 {
    margin: 0 auto;
    max-width:468px;
}
@media (max-width: 480px) {
    .viewtopicz9-wrapper {
        display: none;
    }
}
div#SRTB_798863_BLOCK, div#SRTB_796739_BLOCK {
    margin: 0 auto;
}
div#SRTB_796121, div#SRTB_796121_BLOCK {
    width: 728px;
    height: 90px;
}
div#SRTB_798863 {
    width: 468px;
    height: 60px;
}

/* ad zmobile */
.viewtopiczmobile-wrapper {
    width: 100%;
    background-color: #F4F4F4;
    text-align: center;
}
iframe.viewtopiczmobile {
    margin: 0 auto;
}
div.viewtopiczmobile {
    margin: 0 auto;
    max-width:320px;
}
@media (min-width: 480px) {
    .viewtopiczmobile-wrapper {
        display: none;
    }
}

.post-container li.bg1, .post-container li.bg1:hover {
    background-color: #EFEFEF;
}

.post-container li.bg2, .post-container li.bg2:hover {
    background-color: #E0E0E0;
}

.post {
    border: none;
    margin-bottom: 2px;
}

.spoiler .spoiler-header {
    display: block !important;
}

.off {
    font-size: 11px;
    color: #999999;
}

/************** navbar styles ******************/

.navbar {
    /* border: none; */
    background-color: #ECECEC;
}

/* Fix shit in Allan style) - unhide link text on mobile devices*/
.linklist.compact .rightside > a > span {
	display: inline;
}

/************** viewforum styles ******************/

ul.topiclist dd, ul.topiclist hover {
    border-left-color: white;
    border-left-width: 1px;
}

ul.topiclist li.header dd, ul.topiclist li.header dd:hover {
    border-left: none;
    border-left-width: 1px;
}

li.row {
    border-bottom: white 2px;
    border-top-color: white;
}

.topiclist a.topictitle {
    color: blue;
}

a.topictitle {
    font-size: 1.2em;
    font-family: Verdana, Arial, "Trebuchet MS", Helvetica, "Lucida Grande", sans-serif;
}

.forumbg .header dt {
    margin-top: 2px;
    margin-bottom: 2px;
}


ul.topiclist li.row .responsive-hide {
    float: right;
}

.forumbg ul.topics .pagination {
    float: left;
}

.pagination li a {
    color: black !important;
}
.pagination li a:hover,
.pagination li.active span {
    color: white !important;
    border-radius: 4px;
}
.topic-poster,
dd.topics,
dd.posts,
dd.views,
dd.lastpost,
ul.forums .list-inner
{
    color: black;
}


/************** search styles ******************/

.forumbg-table table.table1 th {
    color: white !important;
    font-weight: bold !important;
}

/************** index styles ******************/

h2.index-title {
    margin-bottom: 5px;
    margin-top: 15px;
}

.topiclist a.forumtitle, .topiclist a.subforum {
    color: blue;
}

.topiclist .list-inner {
    line-height: 1.4;
}

.topiclist .list-inner {
    padding-bottom: 2px;
    padding-top: 2px;
}

a.forumtitle {
    font-size: 1.2em;
    font-family: Verdana, Arial, "Trebuchet MS", Helvetica, "Lucida Grande", sans-serif;
}

.forumbg .header a, .forabg .header a, th a {
    color: white;
    font-size: 1.2em;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    color: white;
}


li.header dt, li.header dd {
    color: white;
    font-size: 1.1em;
}

.forumbg, .forabg {
    background-color: darkred;
    background-image: none;
}

.forabg .header dt {
    margin-top: 2px;
    margin-bottom: 2px;
}

.body-blok {
    margin-top: 15px;
}

/******************** board rules *****************************/

.boardrules-container .content {
    font-family: Verdana,"Lucida Grande","Trebuchet MS",Arial,sans-serif;
    line-height: 1.4em;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.boardrules-container li li {
    margin-bottom: 2px;
}


/******************** Terms of use, provacy policy *****************************/

.panel .content li {
    font-size: 1.2em;
}

/******************** Notifications *****************************/

/* Blinking notiication title */
/*
li.dropdown-container a:nth-child(1) strong {
    color: black !important;
}
*/

/* ***************** dialog ************************* */

.dialog-content {
    padding-left: 70px;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 64px;
    margin: 0 auto;
    font-size: 9pt;
}

.dialog-error {
    background-image: url(/images/icons/error.png);
}

.dialog-success {
    background-image: url(/images/icons/success.png);
}

.dialog-warning {
    background-image: url(/images/icons/warning.png);
}

.dialog-loading {
    background-image: url(/images/icons/loading.gif);
}

span.quoted {
    color: #29166F;
}

.dialog-login-errormessage {
    color: darkred;
    padding: 5px 0 5px 20px;
    font-size: 8pt;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/images/icons/error-smallicon.gif);
}

#countdownwrapper {
    font-size: 8pt;
    color:gray;
    margin-top: 30px;
    display: none;
}

/* ***************** Gallery ************************* */

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
    color: white;
}

/* ***************** Balance UCP ************************* */

.balanceinfo {
    margin-left: 10px;
    margin-top: 10px;
    /* font-size: 12px; */
}

.balanceinfo select, .balanceinfo input, .balanceinfo ul {
    font-size: 12px;
}

.balanceinfo ul, .balanceinfo form, .balanceinfo td {
    font-size: 12px;
}

.balanceinfo ul {
    margin-left: 10px;
}

.bararesult {
    background-color: #ebeadd;
    padding: 10px;
    font-size: 12px;
}

/* ================ Lazy loading ============================= */

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}


.teaser.lazyload {
    opacity: 0;
    transform: scale(0.8);
}

.teaser.lazyloaded {
    opacity: 1;
    transform: scale(1);
    transition: all 700ms;
}

/* ================ Ads ============================= */

/* Centre the bottom Yandex RTB ad on desktops */

div#yandex_rtb_R-A-141248-1 {
    display: table;
    margin: 0 auto;
}


/* ================ notification settings ============================= */

.table1 .bg3 td {
    font-weight: bold;
}

/* ================ buttons ============= */

.btn {
    border: 1px solid gray;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    color: blue;
}
.btn-right {
    float: right;
}
.btn-gray {
    color: gray !important;
}
.btn-dark {
    color: #333333 !important;
}
.btn-comm {
    margin-left: 3px;
    margin-top: 5px;
}

.btn-modal {
    font-size: 14px;
    color: gray !important;
    background-color: #f3f3f3;
}
.btn-primary {
    color: white;
}

/**************** Mobile tweaks *************/

@media (max-width: 768px) {
    body {
        font-size:8.5pt;
    }
    ul.nav-breadcrumbs > li {
        font-size:1em;
    }
}

/**************** Desktop tweaks for postimage *************/

@media (min-width: 1201px) {
    .postbody img.postimage.expandable {
        cursor: pointer;
    }
    .postbody img.postimage {
        max-width:800px;
    }
    .postbody img.postimage.expanded {
        max-width:100%;
        max-height: none;
    }
}