:root {
  --font-title: Intro Rust Base;
  --font-title2: Philosopher;
  --font-text1: Gilroy;
  --font-text2: Roboto;
  --color-text: #363636;
  --color-profile-text: #a1a1a1;
  --color-profile-text2: #7e7e7e;
  --color-middle-text: #656565;
  --color-link: #666666;
  --color-link-color1: #d56045;
  --color-link-color2: #588592;
  --pun-color: #dbdad8;
  --pun-darkness: #d5d3d0;
  --color-profile:#2e2e2e;
  --border-color1: #4a4a4a;
  --border-color2: #aeaeae;
  --border-color3: #4a4a4a;
    }

html {
    background:#737373;
    background-size:cover;
    }

body {
    margin:0px !important;
    padding-top:50px !important;
    padding-bottom:50px !important;
    }

#pun {
    width:1050px !important;
    background: url(https://i.imgur.com/n3yrxpI.jpg)
                top center no-repeat,
                url(https://i.imgur.com/U89T1UL.jpg)
                bottom center no-repeat
                var(--pun-color);
    color:var(--color-text);
    font-family:var(--color-text2)!important;
    border-radius:0 0 80px 80px;
    padding-top:470px !important;
    padding-bottom:40px !important;
    text-transform:lowercase;
    }

.punbb {
    width:1000px !important;
    padding-left:25px !important;
    }


.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, .punbb li.isactive a:focus {
    color:var(--color-link);
    text-decoration:none;
    }

.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, .punbb li.isactive a:focus {
    color:var(--color-link-color1);
    text-decoration:none;
    }


#pun-navlinks {
    position:absolute;
    width:1050px;
    margin: 5px 0 0 0px !important;
    text-align: center !important;
    }

#pun-ulinks {
    position:absolute;
    width:1050px;
    margin:35px 0 0px 0px !important;
    text-align:center!important;
    }


#pun-navlinks a:link, #pun-navlinks a:visited {
    display:inline-block;
    font-size:16px;
    font-family:var(--font-title);
    margin:0px 3px;
    text-transform:upercase;
    color:var(--color-text);
    letter-spacing:1px;
    }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color:var(--color-link-color2);
    }

#pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:hover, 
#pun-ulinks a:focus, #pun-ulinks a:active {
    font-size:10px;
    font-family:var(--font-text2);
    text-transform:lowercase;
    color:var(--color-link);
    letter-spacing:0px;
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: var(--color-link-color1) !important;
    }


#pun-status .container {
    position:absolute;
    margin:-610px 0 5px 0!important;
    text-transform:lowercase;
    font-size:11px;
    font-family:var(--font-text1);
    }
#pun-status .status-right {display:none;}

#pun-crumbs1 p.container, 
#pun-crumbs2 .container {
    margin:0 0 25px 0;
    font-weight:normal !important;
    font-size:11px !important;
    font-family:var(--font-text2);
    }

#pun-announcement {
    margin-top:50px;
    text-align:center !important;
    }


/*------------ category and statistics ----------------------------------*/


#pun-index #pun-main h2, #pun-stats.section h2 {
    height:136px;
    width:1050px;
    margin:0px 0 20px -25px;
    }

#pun-stats.section h2 {
    background:url(https://i.imgur.com/tok5qap.jpg);
    margin-bottom:5px;
    margin-top:5px;
    }

#pun-index #pun-main h2 span, #pun-stats.section h2 span, 
#pun-index #pun-main h2 span a {
    font-size:0px;
    }

#pun-index #pun-category1 h2 {
    margin-top:10px;
    }


/*------------ icon ----------------------------------------------------*/

.punbb table Div.icon {
    position:absolute;
    width:30px;
    height:30px;
    margin:-5px 0px 0 -30px;
    font-size:48px!important;
    font-family:var(--font-title2);
    }

TR.inew Div.icon:after {  
    content:"*";
    color:var(--color-link-color1);
    }

/*------------ forumname + title -------------------------------------*/

#pun-index .tcl h3 {
    height:8px;
    border-bottom:1px solid var(--border-color2);
    margin-bottom:12px;
    }
    
#pun-index .tcl h3 a {
    display:inline-block;
    background:var(--pun-color);
    padding-right:10px;
    font:500 18px var(--font-text1);
    color:var(--color-link);
    letter-spacing:0px;
    }
#pun-index .tcl h3 a:hover {
    color:var(--color-link-color1);
    }

.bna-tcl-title {
    float:right;
    display:inline-block;
    background:var(--pun-color);
    margin-top:-21px!important;
    padding-left:10px;
    font-size:9px;
    font-family:var(--font-text2);
    color:var(--color-link);
    letter-spacing:0.5px;
    }


/*------------ description ---------------------------------------------*/

#pun-index .category table {
    margin-left:0px;
    border-spacing:30px 10px;
    }

#pun-index tbody.hasicon tr {
    box-shadow: 0px 1px 0px 0px var(--pun-color);
    }
#pun-index tbody.hasicon tr:last-child {
    box-shadow: none;
    }

.punbb td div.tclcon {
    margin-left:0px;
    padding: 0px 0px 0px 0px;
    }

#pun-index td.tcl {
    display:block;
    width:590px;
    padding:15px 0 15px 20px;
    font-size:9px;
    line-height:15px;
    text-transform:lowercase;
    }

.bna-tcl-link {
    display:block;
    padding:2px 0 2px 0;
    margin-top:5px !important;
    margin-bottom:5px !important;
    font-size:9px;
    font-weight:600;
    text-transform:uppercase;
    line-height:11px;
    color:var(--color-link-color2);
    }

.bna-tcl-link a:link, .bna-tcl-link a:visited {
    display: inline-block;
    border-radius:20px;
    padding:5px 6px 4px 6px;
    margin:0px 0px 0 0px;
    color:var(--color-link-color2);
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:0.3px;
    }

.bna-tcl-link a:hover, .bna-tcl-link a:active {
    background:var(--color-link-color2);
    color:var(--pun-color);
    }

#pun-index td.tc2, 
#pun-index td.tc3 {
    display:none;
    }

#pun-index td.tcr {
    font-size:10px;
    padding-right:10px;
    }

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
    font-size:10px;
    text-transform:uppercase;
    }

.punbb .user-avatar .avatar-image {
    width:15px !important;
    height:15px !important;
    border-radius:0px !important;
    border:5px solid var(--pun-color);
    filter:grayscale(100%);
    }

.punbb .main.multipage table td div.tclcon  {
    border:none;
    }

.tclcon img {
    filter:grayscale(100%) opacity(30%)!important;
    }
.tclcon img:hover {
    opacity:1;
    filter:grayscale(0%)!important;
    transition: all .5s ease-in-out 0s;
    }


/*------------ podforum ----------------------------------------------*/

tbody.hasicon tr#forum_f21 {
    box-shadow: none !important;
    }
tr.isub Div.icon {display:none;}
tr.isub {box-shadow:none!important;}

tr.isub {
    display:inline-block !important;
    margin:0px 0px 0px 0px;
    height:30px;
    }
#forum_f24.isub {width: 88px;}
#forum_f25.isub {width: 142px;}
#forum_f26.isub {width: 154px;}
#forum_f31.isub {width: 60px;}
#forum_f27.isub {width: 90px;}

.isub .tcl {
    display:inline-block;
    padding:0px !important;
    margin-left:0px;
    border:none !important;
    }
.isub .tcr {
    display:none;
    }

.isub h3 {
    border:none !important;
    margin-bottom:0px!important;
    height:12px !important;
    }

.isub h3 a {
    padding:0px!important;
    color:var(--color-link-color2)!important;
    font:8px var(--font-text2)!important;
    text-transform:uppercase;
    letter-spacing:0.5px!important;
    word-spacing:7px;
    }


/*------------ footer -------------------------------------------------*/

.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {
    position:absolute;
    display:block;
    width:210px;
    margin-left:10px;
    text-align:right!important;
    font-size:9px;
    letter-spacing:0.5px;
    color:var(--color-link);
    border-radius:20px;
    }
.statscon li.item1 {margin-top:20px;}
.statscon li.item2 {margin-top:50px;}
.statscon li.item3 {margin-top:80px;}
.statscon li.item4 {margin-top:110px;}

.statscon li.item5 {
    display:block;
    width:730px!important;
    margin:0px 0px 0px 240px;
    text-align:justify!important;
    font-size:9px;
    letter-spacing:0.5px;
    color:var(--color-link);
    border-radius:20px;
    }
.statscon li.item5.users_24h { min-height:100px; }

#pun-about .container {
    padding:0px!important;
    text-align:left !important;
    text-transform:lowercase;
    }
#pun-about .container a:link, #pun-about .container a:active,
#pun-about .container a:visited, #pun-about .container a:hover {
    font-size:12px;
    font-family:var(--font-text2)!important;
    color:#252525;
    }


.banners {
    overflow-y:scroll;
    width:950px!important;
    height:67px!important;
    padding-right:0px!important;
    margin:60px 0 10px 25px!important;
    justify-content: space-between;
    }

.banners img {
    margin:0 4px 4px 0;
    filter: grayscale(100%) opacity(30%);
    transition: all .5s ease-in-out 0s;
    }
.banners img:hover {
    filter: none;
    transition: all .5s ease-in-out 0s;
    }


.banners::-webkit-scrollbar {width:1px; height:1px;}

.banners::-webkit-scrollbar-track:vertical {
    background:#e7e7e7 !important;
    }
.banners::-webkit-scrollbar-thumb:vertical {
    background:#e6e6e6 !important;
    }


/* -------------- page ------------------------------------------------- */


#pun-main .topic h3 span {
    display:block;
    height:20px;
    border-bottom:1px solid var(--border-color2);
    margin:0px 0px 10px 235px;
    }

#pun-main .topic h3 a,
#pun-viewtopic div.post h3 strong,
#pun-viewtopic div.post.topicpost h3 strong.fnt {
    font-size:11px;
    font-family:var(--font-text2);
    line-height:40px;
    background:var(--pun-color);
    color:var(--color-middle-text);    
    }
#pun-main .topic h3 a {padding-right:10px;}
#pun-viewtopic div.post h3 strong {padding-left:10px;}

#pun-viewtopic div.post h3 strong.fnt img {height:7px;}

#pun-main .topic h3 a::before {
    content:"data: ";
    }
#pun-viewtopic div.post h3 strong::before {
    content:"case note ¹ ";
    }
#pun-viewtopic div.post h3 strong.fnt::before {
    content:"";
    }

#pun-main .linkst .pagelink,
#pun-viewtopic .linkst .postlink a,
#pun-main .linksb .pagelink,
#pun-viewtopic .linksb .postlink a {
    font-size:11px;
    color:var(--color-link);
    }

#pun-main .linkst .pagelink {
    margin-top:5px;
    }

#pun-viewtopic .linkst .postlink a {
    display:block;
    margin-top:-20px;
    font-weight:normal;
    padding-bottom:5px;
    }


#pun-main .post-links a {
    font-size:11px;
    font-family:var(--font-text2);
    }


.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin:10px 0 20px 20px!important;
    padding:15px 20px 5px 20px;
    background:var(--pun-darkness);
    border:1px solid var(--border-color2);
    border-radius:20px 0 0 20px;
    text-align: justify;
    }

.spoiler-box {
    padding:15px 20px 15px 20px !important;
    }

.punbb .post-content .quote-box cite,
.punbb .post-content .code-box strong.legend {
    display:block;
    margin:0px -20px 10px -20px!important;
    padding:0px 0px 10px 20px;
    border-bottom:1px solid var(--border-color2);
    border-radius:0px;
    text-align: justify;
    font-size:16px;
    font-family:var(--font-title2);
    text-transform:lowercase;
    }
.code-box strong.legend a {
    color:var(--color-text);
    font-weight:normal;
    font-style:italic;
    }



hr {
    background:var(--border-color2); 
    height:2px;
    opacity:1!important;
    border:none!important;
    }




#topic-modmenu.modmenu {
    margin:0px 0px 20px 0px!important;
    height:25px;
    border-bottom:1px solid var(--border-color2);
    }

.punbb .formsubmit input, .punbb .formsubmit a, 
.punbb .formsubmit span, .punbb select, .punbb input {
    display:inline-block;
    padding:4px 25px 4px 25px;
    background:var(--pun-darkness);
    border:1px solid var(--border-color2);
    font-size:11px;
    font-family:var(--font-text2);
    color:var(--color-middle-text);
    }



#pun-viewtopic .subscribelink {
    float:right;
    margin-top:20px;
    margin-bottom:-32px;
    padding-left:10px;
    color:var(--color-link);
    font-size:11px;
    font-family:var(--font-text2);
    text-transform:lowercase;
    background:var(--pun-color);
    }


#topic-users-in p.container {
    font-size:11px;
    }

#pun-main .linksb {padding-bottom:0px;}


#pun-viewtopic .linksb .postlink a {
    display:block;
    float:right;
    font-weight:normal;
    }




.punbb #post.container {
    padding-left:20px !important;
    margin-right:60px;
    }

.punbb #post-form fieldset legend {
    display:inline;
    width:1000px;
    height:20px;
    margin:0px 0px 10px -23px;
    text-transform:lowercase;
    text-align:left;
    line-height:40px;
    border-bottom:1px solid var(--border-color2);
    }

.punbb #post-form fieldset legend #plng {
    background:var(--pun-color);
    padding-right:10px!important;
    font-size:11px;
    font-family:var(--font-text2)!important;
    color:var(--color-link) !important;
    }

#main-reply, #pun-viewtopic #post-form textarea {
    background:var(--pun-darkness);
    border:1px solid var(--border-color2);
    box-shadow:0px 0px 30px #5454541c inset;
    font-size:12px;
    font-family:var(--font-text2);
    line-height:18px;
    }
#pun-viewtopic #post-form textarea {padding:20px;}
#main-reply textarea {padding:0px;}


/* --------------- profile -------------------------------------------- */

.pa-fld1 .fld-name, .pa-fld2 .fld-name {display: none;}

.punbb .post .post-author {
    position:relative;
    margin-left:0px;
    margin-top:-20px;
    margin-bottom:10px;
    width:220px;
    border-radius:0px 0 0 0px;
    overflow:hidden;
    }

.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    margin-left:0px;
    padding:8px 15px 15px 15px;
    border-radius:0px 0px 0px 0;
    border:1px solid var(--border-color1);
    background-image:linear-gradient(0deg, var(--pun-color) 35%, var(--color-profile) 35%);
    }

#pun-viewtopic .pa-author {
    text-align:center;
    margin:10px 0 0 0;
    padding-bottom:2px;
    }

.pa-author, li.pa-author a:link, li.pa-author a:visited, 
li.pa-author a:hover, li.pa-author a:active {
    text-decoration:none;
    color:var(--color-link-color2);
    font:16px agright, sans-serif;
    }

li.pa-title {
    width:215px;
    text-align:center !important;
    margin:0px 0 6px -10px;
    padding-bottom:4px !important;
    font-size:9px;
    font-family:var(--font-text2);
    color:var(--color-profile-text);
    border-bottom:1px solid var(--border-color3);
    }

li.pa-fld1 .bna-rasa {
    display:block;
    position:absolute;
    width:120px;
    margin:-17px 0 0 25px;
    padding:2px 5px 1px 5px;
    text-align:center;
    font:9px var(--font-text1);
    letter-spacing:0.5px;
    background:var(--color-profile);
    color:var(--color-profile-text2);
    }

a.bna-link:link, a.bna-link:visited {
    display:block;
    text-align:left;
    margin-top:10px;
    text-transform:lowercase;
    color:var(--color-profile-text);
    font:13px var(--font-text1);
    } 

a.bna-link:hover, a.bna-link:active {
    color:var(--color-link-color1);
    }

#viewprofile a.bna-link {text-align:center!important;}

li.pa-fld1 .bna-job {
    display:block;
    margin:3px 0 8px 0;
    padding:2px 0 2px 0;
    border-top:1px solid var(--border-color3);
    text-align:justify;
    font-size:10px;
    font-family:var(--font-text2);
    text-transform:lowercase;
    letter-spacing:0px;
    color:var(--color-profile-text2);
    }

li.pa-fld1 {
    width:180px;
    padding:10px 0px 20px 0px!important;
    margin:15px 0 15px 5px;
    font-size:10px;
    font-family:var(--font-text2);
    line-height:12px;
    text-align:justify;
    border:1px solid var(--border-color3);
    border-right:none;
    border-left:none;
    color:var(--color-profile-text);
    }

li.pa-fld1 .bna-age {
    display:block;
    position:absolute;
    width:60px;
    margin:13px 0 0 55px;
    padding:2px 5px 1px 5px;
    text-align:center;
    font:9px var(--font-text1);
    letter-spacing:0.5px;
    background:var(--color-profile);
    color:var(--color-profile-text2);
    }

.pa-avatar img {
    max-width:180px;
    }

li.pa-fld2 {
    display:block;
    width:190px;
    text-align:center;
    margin:15px 0px -24px 0px;
    padding-bottom:5px !important;
    font-size:20px;
    font-family:var(--font-text1);
    color:var(--color-text);
    letter-spacing:1px;
    }

.pa-fld3, .pa-fld4, li.pa-fld5 {
    display:inline-block;
    text-align:center;
    width:60px;
    font-size:9px;
    font-family:var(--font-text2);
    text-transform:lowercase;
    margin-top:0px;
    padding:3px 0px 0px 0px !important;
    color:var(--color-profile-text);
    line-height:12px;
    }
.pa-fld3, .pa-fld4 {border-right:1px solid #c2c2c200;}
.pa-fld3 .fld-name, .pa-fld4 .fld-name, li.pa-fld5 .fld-name {
    font-size:9px;
    font-family:var(--font-text2);
    color:var(--color-profile-text2);
    }

.pa-posts, .pa-respect {
    display:inline-block;
    width:90px;
    text-align:center;
    margin:10px 0 0px 0px!important;
    padding:0 0 0px 0!important;
    font-size:7px;
    font-family:var(--font-text2);
    letter-spacing:0.5px;
    text-transform:uppercase;
    }

.pa-respect1, .pa-respect img {width:7px;}
.pa-fld2, .pa-posts, .pa-respect1, .pa-respect, li.pa-respect a:link, 
li.pa-respect a:visited, li.pa-respect a:active, li.pa-respect a:hover, 
.pa-ip, .pa-ip a:link {
    color: var(--color-profile-text);
    }


li.pa-online {
    position:absolute;
    display:block;
    width:10px;
    height:10px;
    margin:8px 0 0 5px;
    font-size:0px;
    border-radius:100%;
    background:var(--color-link-color1);
    }


.punbb .post-body {
    margin-left:235px !important;
    }

.punbb .post-body, .punbb .fs-box {
    text-transform:none;
    font-family:Arial;
    }



/* --------------- multipage ------------------------------------------- */

.punbb .main.multipage TR.inew Div.icon,
.fs-box table TR.inew Div.icon {
    width:15px;
    height:15px;
    margin:-10px 0px 0 -15px;
    font-size:25px!important;
    }

.postlink.long a {
    position:absolute;
    display:inline-block;
    color:var(--color-link);
    font:italic 500 16px var(--font-title2);
    }

.main.multipage .new-topic a {
    margin:-15px 0 0 -200px;
    }
.main.multipage .new-poll a {
    margin:-15px 0 0 -95px;
    }

.main.multipage thead .tcr,
.main.multipage thead .tc3,
.main.multipage thead .tc2,
.main.multipage thead .tcl {display:none;}

.main.multipage .td-divider {
    height:30px;
    padding:10px 0 0 0px!important;
    border-bottom:1px solid var(--border-color2);
    font:italic 500 16px var(--font-title2);
    color:var(--color-link);
    }

.punbb .main.multipage tr.isub {
    display: none!important;
    }


/* --------------- scrollbar ---------------------------------------- */

::-webkit-scrollbar {width:6px; height:6px;}

::-webkit-scrollbar-track:vertical {
    background:#e6e6e6 !important;
    }
::-webkit-scrollbar-thumb:vertical {
    background:#000000 !important;
    border:2px solid #e7e7e7;
    }


/* --------------- arrows ---------------------------------------- */


.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 0.8;
    position: fixed;
    z-index: 9999;
    }

.go-up {
    top: 46%;
    margin-left: 1155px !important;
    }

.go-down {
    top: 48%;
    margin-left:1060px !important;
    }

.go-down:hover, .go-up:hover {
    opacity:0.5;
    }