:root {
  --font-title: 'FoglihtenNo06', sans-serif;
  --font-text1: 'Roboto', sans-serif;
  --color-text: #444444;
  --color-profile-text: #686868;
  --color-link: #7c6f6f;
  --color-link-color1: #d2b8a7;
  --color-link-color2: #a27050;
  --pun-color: #eeeeee;
  --pun-darkness: #e0e0e0;
  --color-profile:#2e2e2e;
  --border-color1: #a69a94;  
  --border-color2:#a7796c;
    }


html {
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/749573.jpg)
               top center fixed no-repeat #d6d1c5;
    background-size:cover;
    }

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

#pun {
    width:1000px !important;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/359010.jpg)
               top center no-repeat var(--pun-color);
    color:var(--color-text);
    font-family:var(--color-text2)!important;
    border-radius:0px;
    padding-top:510px !important;
    padding-bottom:0px !important;
    border:1px solid var(--border-color1);
    text-transform:lowercase;
    }

.punbb {
    width:950px !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 {
    display:block;
    width:1000px;
    position:absolute;
    margin:-575px 0 0 -25px !important;
    text-align:center !important;
    }

#pun-ulinks {
    display:block;
    width:1000px;
    position:absolute;
    margin:-542px 0 0 -25px !important;
    text-align:center !important;
    line-height:0px; 
    }


#pun-navlinks a:link, #pun-navlinks a:visited {
    font:500 16px var(--font-title);
    margin:0px 0px;
    text-transform:uppercase;
    color:var(--color-text);
    letter-spacing:0.5px;
    }
#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-text1);
    text-transform:lowercase;
    color:var(--color-link);
    letter-spacing:0.5px;
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: var(--color-link-color2) !important;
    }


#pun-status .container {
    margin:5px 0 5px 0!important;
    text-transform:lowercase;
    font-size:11px;
    }
#pun-status .status-right {display:none;}

#pun-crumbs1 p.container, 
#pun-crumbs2 .container {
    margin:0 0 15px 0;
    font-weight:normal !important;
    font-size:11px !important;
    }

#pun-announcement {
    text-align:center !important;
    }


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


#pun-index #pun-main h2 {
    width:940px;
    height:112px;
    margin:25px 0 -42px -25px;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/812628.jpg)
               bottom right no-repeat var(--pun-color);
    overflow:hidden;
    }

#pun-stats.section h2 {
    width:940px;
    height:112px;
    margin:25px 0 -43px 10px;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/960875.jpg)
               bottom right no-repeat var(--pun-color);
    overflow:hidden;
    }

#pun-index #pun-main h2 span, 
#pun-index #pun-main h2 span a,
#pun-stats.section h2 span {
    font:0px var(--font-title);
    }

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


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

.punbb table Div.icon {
    position:absolute;
    width:10px;
    height:0px;
    margin:0px 0px 0 -55px;
    border: 13px solid transparent;
    border-left: 40px solid #d2b8a7;
    }

TR.inew Div.icon {
    border-left: 40px solid #9f613f;
    }

TR.isticky Div.icon {
    border-left: 40px solid #97a6b1;
    }

TR.iclosed Div.icon {
    border-left: 40px solid #a5aaae;
    }

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

#pun-index .tcl h3 {
    margin-bottom:5px;
    }
    
#pun-index .tcl h3 a {
    display:inline-block;
    padding-right:10px;
    font:500 20px var(--font-title);
    color:var(--border-color2);
    letter-spacing:0px;
    text-transform:uppercase;
    }
#pun-index .tcl h3 a:hover {
    color:var(--color-link-color2);
    }


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

#pun-index .category table {
    margin-left:0px;
    width:950px;
    border-spacing:0px 15px;
    padding:5px 5px;
    border:1px solid var(--color-link-color1);
    }

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

#pun-index td.tcl {
    display:block;
    width:595px;
    padding:15px 15px 15px 50px;
    font-size:10px;
    line-height:15px;
    text-transform:lowercase;
    border-radius:20px 0 0 20px;
    }

.podlink {
    display:block;
    padding:0px 0px;
    margin-top:0px !important;
    margin-bottom:0px !important;
    font:italic 8px var(--font-title);
    text-transform:lowercase;
    line-height:15px;
    color:var(--color-link-color2);
    text-align:left;
    }

.podlink a:link, .podlink a:visited {
    display: inline-block;
    color:var(--color-text);
    font-size:10px;
    letter-spacing:1px;
    }

.podlink a:hover, .podlink a:active {
    color:var(--color-link-color2);
    }

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

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

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
    font:italic 10px var(--font-title);
    text-transform:lowercase;
    letter-spacing:1px;
    }

.lastpost {margin-left:20px!important;}
.lastpost-link {margin-left:11px!important;}

.punbb .user-avatar {
    float:none!important;
    }

.punbb .user-avatar .avatar-image {
    width:25px !important;
    height:25px !important;
    border-radius:100% !important;
    border:none;
    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;
    }


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

.statscon {
    margin:0 0px 0 0px!important;
    padding-bottom:10px;
    min-height:165px;
    border:1px solid var(--color-link-color1);
    }

.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {
    position:absolute;
    display:block;
    width:230px;
    margin-left:15px;
    text-align:right!important;
    font-size:10px;
    letter-spacing:0px;
    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:660px!important;
    margin:0px 0px 0px 275px;
    text-align:justify!important;
    font-size:10px;
    letter-spacing:0px;
    border-radius:20px;
    }
.statscon li.item5.users_24h { min-height:110px; }

#pun-about .container {
    padding:0 0 10px 0!important;
    text-align:center !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:10px;
    }


.banners {
    overflow-y:scroll;
    justify-content: space-between;
    display:block;
    position:absolute;
    width:1000px;
    height:70px;
    margin: 20px 0 16px -25px !important;
    text-align: center !important;
    }

.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:0px; height:0px;}


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

#pun-main h1 {
    font-size:0px;
    height:10px;
    }

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

#pun-main .topic h3 a,
#pun-viewtopic div.post h3 strong,
#pun-viewtopic div.post.topicpost h3 strong.fnt {
    font-size:12px;
    font-family:var(--font-text1);
    line-height:40px;
    background:var(--pun-color);
    color:var(--color-link-color2);    
    }
#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 .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-text1);
    }


.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-color1);
    border-radius:0px 0 0 0px;
    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-color1);
    border-radius:0px;
    text-align: justify;
    font-size:14px;
    font-family:var(--font-text1);
    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;
    }

.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-color1);
    font-size:11px;
    font-family:var(--font-text1);
    color:var(--color-link);
    }



#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-text1);
    text-transform:lowercase;
    background:var(--pun-color);
    }


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

#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:950px;
    height:20px;
    margin:0px 0px 10px -30px;
    text-transform:lowercase;
    text-align:left;
    line-height:40px;
    border-bottom:1px solid var(--border-color1);
    }

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

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


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

.punbb .fs-box .post-author {margin-top:15px!important;}

.punbb .post .post-author {
    position:relative;
    margin-left:0px;
    margin-top:-15px;
    margin-bottom:10px;
    width:230px;
    border-radius:0px 0 10px 10px;
    overflow:hidden;
    background:url(htp://forumupload.ru/uploads/0018/1e/e4/2/749573.jpg)
    fixed bottom left var(--pun-darkness);
    }

.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    margin:0px 0 0 0;
    border-radius:0px 0 10px 10px;
    border:1px solid var(--border-color1);
    background-image:linear-gradient(var(--border-color1) 45%, 
                                     transparent 45%)
    }

#pun-viewtopic .pa-author {
    text-align:center;
    margin:-1px -1px 0 -1px;
    padding:15px 0px 5px 0px;
    background:var(--pun-color);
    border-bottom:1px solid var(--border-color1);
    }

#profile .pa-author, #profile li.pa-author a:link, #profile li.pa-author a:visited, 
#profile li.pa-author a:hover, #profile li.pa-author a:active {
    text-decoration:none;
    margin-top:15px;
    color:#2d2724;
    font:500 17px var(--font-title), sans-serif;
    text-transform:uppercase;
    }

.pa-author, li.pa-author a:link, li.pa-author a:visited {
    text-decoration:none;
    color:#82726a;
    font:500 17px var(--font-title), sans-serif;
    text-transform:uppercase;
    }
li.pa-author a:hover, li.pa-author a:active {
    color:var(--color-link-color2);
    }

li.pa-title {
    text-align:center !important;
    margin:5px 0px 10px 0px;
    padding-top:2px!important;
    font:9px var(--font-text1);
    color:var(--pun-darkness);
    }


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


li.pa-fld1 .lz {
    display:block;
    text-align:justify;
    width:170px;
    margin:0px 0 0px 15px;
    padding:18px 13px 10px 13px!important;
    font:400 10px Roboto;
    text-transform:lowercase;
    border:1px solid var(--border-color1);
    line-height:12px;
    background:var(--pun-darkness);
    border-bottom:4px solid var(--border-color2);
    }

.main.multipage .an {
    display:block;
    width:196px;
    border-bottom:1px solid var(--border-color1);
    height:20px;
    margin:0 0 0 -13px!important;
    padding-bottom:4px;
    text-align:center;
    font: 12px var(--font-title);
    line-height:30px;
    }
a.an:link, a.an:visited {
    color:#8c807b;
    }

.main.multipage .rs {
    display:block;
    height:12px;
    margin:0px 0px 5px 0px!important;
    text-align:center;
    borde:1px solid var(--border-color1);
    border-top:none;
    color:var(--pun-darkness);
    font:500 7px var(--font-text1);
    text-transform:uppercase;
    background:var(--border-color1);
    border-radius:0 0 10px 10px;
    letter-spacing:2px;
    line-height:12px;
    }

li.pa-fld2 {
    display:block;
    margin:-10px 0 -15px 0px;
    display:block;
    text-align:center;
    }


.pa-posts .fld-name, .pa-respect .fld-name {display: none;}

.pa-posts::before, .pa-respect::before,
li.pa-fld3::before, li.pa-fld4::before {
    content:" ";
    display:block;
    margin:0px 0 4px 14px;
    width:15px;
    height:15px;
    opacity:0.3;    
    }
.pa-posts::before {
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/135321.png);  
    background-size:cover;    
    }
.pa-respect::before {
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/603620.png);  
    background-size:cover;
    }
li.pa-fld3::before {
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/132181.png);  
    background-size:cover;
    }
li.pa-fld4::before {
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/654904.png);  
    background-size:cover;
    }
.pa-posts:hover::after, .pa-respect:hover::after,
li.pa-fld3:hover::after, li.pa-fld4:hover::after {
    display:block;
    position:absolute;
    background:#000000ba;
    padding:3px 10px;
    color:#ffffffb0;
    border-radius:5px;
    }
.pa-posts:hover::after {
    content:"сообщения";
    margin:-48px 0 0 -11px;
    }
.pa-respect:hover::after {
    content:"репутация";
    margin:-48px 0 0 -11px;
    }
li.pa-fld3:hover::after {
    content:"посты";
    margin:-48px 0 0 -1px;
    }
li.pa-fld4:hover::after {
    content:"валюта";
    margin:-48px 0 0 -3px;
    }

.pa-posts, .pa-respect, li.pa-fld3, li.pa-fld4 {
    display:inline-block;
    width:43px;
    text-align:center;
    margin:10px 0 10px 0px!important;
    padding:0 0 0px 0!important;
    font:8px var(--font-text1);
    letter-spacing:0.5px;
    text-transform:lowercase;
    }

.pa-respect1, .pa-respect img {width:6px;filter:grayscale(100%);}
.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-text);
    }


li.pa-online {
    text-align:center!important;
    margin:0px 0px 6px 0;
    padding-top:10px!important;
    text-decoration:none;
    color:var(--border-color1);
    font:600 10px var(--font-title), sans-serif;
    text-transform:lowercase;
    border-top:1px solid var(--border-color1);
    }


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

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




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

.punbb .main.multipage table Div.icon {
    margin:0px 0px 0 -38px;
    height:0px;
    border-left: 30px solid #d2b8a7;
    }

.postlink.long a {
    position:absolute;
    display:inline-block;
    }

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


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

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

::-webkit-scrollbar-track:vertical {
    background:var(--pun-color) !important;
    }
::-webkit-scrollbar-thumb:vertical {
    background:var(--color-link-color2) !important;
    }


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

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

.go-up {
    top: 35%;
    margin-left: 1045px !important;
    }

.go-down {
    top: 45%;
    margin-left:1000px !important;
    }

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