/*---- FREE TROYAN DESIGN: копировать с внесенными изменениями
от пользователей запрещено, найти оригинал можно на https://imagiart.ru/,
удалять данный комментарий запрещено, использовать коды для создания 
иных дизайнов на его основе также запрещено. -------------------------------
разрешено: менять цвета и изображения ---------------------------------------
заказать свой дизайн у меня - @sonnegrau (телеграм) ----------------------*/


html {
    background:url(http://forumstatic.ru/files/001b/ac/9b/83587.jpg)
    top center fixed  no-repeat; /*-- изображение на фоне (желательно: большой размер, ч/б) --*/
    background-size:cover;
    }


body {
    margin:0px !important;
    padding-top:370px !important;
    padding-bottom:50px !important;
    background: linear-gradient(45deg, #6f7a9b, #92e0ff47);
    background-size:cover;
    }


#pun {
    width:1000px !important;
    background:#f4f4f4;
    color:#3a3a3a;
    padding-bottom:0px !important;
    border:2px solid #9392b9;
    outline:5px solid #e2ebff7a;
    }

.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:#596388;
    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:#5b3c5b;
    text-decoration:none;
    }


#pun-navlinks {
    width:975px;
    background:#d5d5d5;
    margin: -2px 0 0 -25px !important;
    padding:12px 0 10px 25px;
    text-align:left;
    }

#pun-ulinks {
    width:975px;
    text-align:left;
    margin:10px 0 20px -5px !important;
    }


#pun-navlinks a:link, #pun-navlinks a:visited {
    display:inline-block;
    font:500 14px Comfortaa; 
    margin:0px 0px;
    text-transform:uppercase;
    color: #5f5f5f;
    letter-spacing:1px;
    }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color:#fff5ff;
    }

#pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:hover, 
#pun-ulinks a:focus, #pun-ulinks a:active {
    font:9px Roboto;
    text-transform:lowercase;
    color:#8a8a8a;
    letter-spacing:1px;
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #4c4c4c !important;
    }


#pun-status .container {
    text-transform:lowercase;
    font:9px Roboto;
    color:#8a8a8a;
    letter-spacing:0.5px;
    }
#pun-status .status-right {display:none;}

#pun-crumbs1 p.container, 
#pun-crumbs2 .container {
    text-transform:lowercase;
    font:12px Roboto;
    color:#8a8a8a;
    letter-spacing:0.5px;
    margin-bottom:20px;
    }

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


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

#pun-index #pun-main h2, #pun-stats.section h2 {
    height:30px;
    width:1000px;
    background:#d5d5d5;
    margin:0 0 10px -25px;
    overflow:hidden;
    }

#pun-index #pun-main h2 span, #pun-stats.section h2 span, #pun-index #pun-main h2 span a {
    display:block;
    font:600 50px Comfortaa;
    text-transform:uppercase;
    color:#f4f4f4;
    letter-spacing:5px;
    }


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

.punbb table Div.icon {
    width:25px;
    height:50px;
    margin:0px 10px 5px 0;
    background: #bed3ee;
    }

TR.inew Div.icon {  
    background:#e08ee0;
    }

TR.isticky Div.icon { 
    background:#7e617e;
    }

TR.iclosed Div.icon { 
    background:#d5d5d5;
    }


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

#pun-index .tcl h3 {
    border-bottom:1px solid #d5d5d5;
    margin-bottom:5px;
    }
    
#pun-index .tcl h3 a {
    font:15px Comfortaa;
    text-transform:uppercase;
    color:#ab99ab;
    letter-spacing:0.5px;
    }
#pun-index .tcl h3 a:hover {
    color:#6f816a;
    }


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

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

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

#pun-index td.tcl {
    width:550px;
    font:11px sf-pro-display;
    line-height:14px;
    text-transform:lowercase;
    }

#pun-index td.tcr {
    font:10px Roboto;
    line-height:14px;
    text-transform:lowercase;
    padding-right:20px;
    }

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

.punbb .user-avatar .avatar-image {
    width:30px !important;
    height:20px !important;
    border-radius:0px !important;
    border:1px solid #d5d5d5;
    filter:grayscale(100%);
    }


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


.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {
    display:inline-block;
    margin:0 10px 5px 10px;
    padding:8px 20px 5px 20px;
    text-align:center;
    background:#bed3ee;
    color:#5d5d5d;
    font:600 8px Roboto;
    text-transform:uppercase;
    }

.statscon li.item5 {
    font:11px Roboto;
    }


#pun-about .container {
    text-transform:lowercase;
    margin-left:-15px;
    }


.banners {
    overflow-y:scroll;
    width:960px!important;
    height:67px!important;
    padding-right:5px!important;
    margin:10px 0 20px 0px!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;}


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


#pun-main h1 {
    display:block;
    text-align:left;
    margin-bottom:50px;
    }

#pun-main h1 span {
    padding-right:10px;
    font:15px Comfortaa;
    text-transform:uppercase;
    }



#pun-main .topic h3 span {
    display:block;
    height:20px;
    margin:0px 0px 10px 0;
    background:#d5d5d5;
    }

#pun-main .topic h3 a,
#pun-viewtopic div.post h3 strong,
#pun-viewtopic div.post.topicpost h3 strong.fnt {
    text-transform:uppercase;
    font:500 10px Roboto;
    color:#3f3a3f;
    line-height:22px;
    padding:0 20px;
    }


#pun-main .linkst .pagelink {
    font:9px Roboto;
    text-transform:lowercase;
    margin-top:-5px;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#pun-viewtopic .linkst .postlink a {
    display:block;
    margin-top:-20px;
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }


#pun-main .post-links a {
    font:500 10px Comfortaa;
    color:#3f3a3f;
    text-transform:uppercase;
    }



.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding:20px;
    background:#ececec;
    border:1px solid #e3d0e3;
    text-align: justify;
    }

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

.punbb .quote-box cite, .punbb .code-box strong.legend {
    font: bold 11px Comfortaa !important;
    text-transform:uppercase;
    }
.code-box strong.legend a {
    color:#3f3a3f;
    }

hr {
    background:#d5c3d6; 
    height:2px;
    opacity:1!important;
    border:none!important;
    }


.punbb .formsubmit input, .punbb .formsubmit a, 
.punbb .formsubmit span, .punbb select, .punbb input {
    display:inline-block;
    padding:5px 25px 3px 25px;
    background:#ececec;
    border:1px solid #e3d0e3;
    color:#373737;
    font:600 10px Comfortaa;
    }

#pun-viewtopic .subscribelink a {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

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

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

#pun-main .linksb .pagelink {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#pun-viewtopic .linksb .postlink a {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }


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

.punbb #post-form fieldset legend {
    display:block;
    width:1000px;
    height:20px;
    margin:0px 0px 0px -46px;
    line-height:20px;
    background:#ececec;
    }

.punbb #post-form fieldset legend #plng {
    padding-left:50px !important;
    font:9px Roboto !important;
    text-transform:lowercase !important;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }

#main-reply, #post-form textarea {
    background:#ececec;
    padding:20px;
    border:1px solid #bbb3b3;
    box-shadow:0px 0px 30px #54545429 inset;
    font:12px Roboto;
    line-height:18px;
    }

#addition-area, #font-area, #size-area, 
#color-area, #table-area, #smilies-area, #image-area, 
#imageup-area, #imageattach-area, #keyboard-area, #video-area,
#spoiler-sels, #mark-area {
    background:#ccc9e0;
    margin-top:10px;
    padding:20px;
    }
#keyboard-area input {
    padding:3px !important;
    }


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


.punbb .post .post-author {
    position:relative;
    margin-top:20px;
    margin-bottom:10px;
    width:220px;
    }

.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    margin-left:0px;
    padding:20px 0 10px 0;
    border:2px solid #bdbec8;
    background:#c9cae0;
    }

.pa-author, li.pa-author a:link, li.pa-author a:visited, 
li.pa-author a:hover, li.pa-author a:active {
    text-transform:uppercase;
    color:#546392;
    letter-spacing:3px;
    font:600 13px Comfortaa;
    }

li.pa-title {
    text-align:center !important;
    margin:5px 0 10px 0;
    font:7px Roboto;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#4a4a4a;
    }

.pa-avatar img {
    border:3px solid #d7d6ed !important;
    outline:1px solid #9b9b9b !important;
    }

.pa-posts, .pa-respect {
    display:inline-block;
    width:100px;
    text-align:center;
    margin:10px 0 10px 0px!important;
    font:7px Arial;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:#4a4a4a;
    }

.pa-respect1, .pa-respect img {width:7px;}
.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: #000000;
    }

li.pa-online {
    text-align:center !important;
    margin:2px 0 20px 0;
    padding-top:5px !important;
    font:7px Roboto;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#4a4a4a;
    border-top:2px solid #b5bad2;
    }

.pa-kotik {
    text-transform:uppercase;
    color:#6d6391;
    letter-spacing:3px;
    font:600 10px Comfortaa;
    }

.punbb .post-body {
    margin-left:245px !important;
    }
.post-box a:link, .post-box a:visited {
    color:#7b7b7b;
    }
.post-box a:hover, .post-box a:active {
    color:#232323;
    }


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

.punbb .main.multipage table Div.icon, 
.fs-box table Div.icon { 
    width:15px;
    height:15px;
    }
.main.multipage td div.tclcon {
    padding:0px;
    margin:10px 0 10px 0px;
    }
.linkst .postlink.long {
    margin-top:-40px;
    }
.postlink.long a {
    font:9px Roboto;
    text-transform:lowercase;
    letter-spacing:0.5px;
    color:#8a8a8a;
    }


/* --------------- other ---------------------------------------------- */


#afterMove, #pun-report .inner, #pun-reputation .inner, 
#pun-admin-award-form .inner, #move_posts_form {
    background: #f4f4f4 !important;
    }

#MyBookmarks h2 {
    background:none!important;
    width:200px!important;
    }
#MyBookmarks {
    background:#f4f4f4;
    }
#BookmCntToggle.default-style {
    background: #eeeeee !important;
    color: #ac66ac !important;
    height: 24px !important;
    width: 18px !important;
    }



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

::-webkit-scrollbar-track:vertical {
    background:#734673 !important;
    }
::-webkit-scrollbar-thumb:vertical {
    background:#e8e8e8 !important;
    }


/*------------ table + head ----------------------------------*/


div.free-title {
    position:absolute;
    height:100px;
    width:700px;
    margin:-140px 0 0 -25px;
    padding:10px 0 0 0;
    font:900 100px Comfortaa;
    letter-spacing:5px;
    text-transform:uppercase;
    color:transparent;
    text-shadow:none!important;
    border-top:5px solid #faf0fa8a;
    background-image:linear-gradient(45deg, #fff, #bac5e8e5););
    -webkit-background-clip: text;
    background-clip: text;
    }

div.free-scroll-text {
    position:absolute;
    margin:-130px 0 0 715px;
    padding:5px 15px 5px 10px;
    width:225px;
    height:85px;
    background:#faf0fa8a;
    overflow-y:scroll;
    font:10px Roboto;
    text-transform:lowercase;
    text-align:justify;
    line-height:13px;
    outline:10px solid #faf0fa8a;
    }

div.free-scroll-text::-webkit-scrollbar,
div.free-news-text::-webkit-scrollbar {
    width:1px; height:1px;
    }

div.free-img {
    position:absolute;
    margin:-265px 0 0 -15px;
    background:#faf0fa8a;
    width:470px;
    height:100px;
    outline:10px solid #faf0fa8a;
    }

div.free-img img {
    position:absolute;
    margin:0px 0 0 0px;
    width:470px;
    height:100px;
    filter:grayscale(100%) contrast(70%);
    }

div.free-news {
    position:absolute;
    margin:-265px 0 0 495px;
    background:#faf0fa8a;
    width:470px;
    height:100px;
    outline:10px solid #faf0fa8a;
    }

div.free-news-title {
    position:absolute;
    margin:10px 0 0 10px;
    font:900 13px Comfortaa;
    letter-spacing:2px;
    text-transform:uppercase;
    }

div.free-news-text {
    position:absolute;
    margin-top:30px;
    padding:0px 20px 0 10px;
    height:65px;
    overflow-y:scroll;
    font:10px Roboto;
    text-transform:lowercase;
    text-align:justify;
    line-height:13px;
    }

div.free-navigation-title {
    position:absolute;
    margin:-320px 0 0 -15px;
    background:#faf0fa8a;
    width:150px;
    height:20px;
    outline:10px solid #faf0fa8a;
    font:900 11px Comfortaa;
    text-transform:uppercase;
    letter-spacing:2px;
    text-align:center;
    line-height:24px;
    }

div.free-navigation {
    position:absolute;
    margin:-320px 0 0 170px;
    padding-left:20px;
    background:#faf0fa8a;
    width:775px;
    height:20px;
    outline:10px solid #faf0fa8a;
    font:10px Roboto;
    text-transform:uppercase;
    word-spacing:20px;
    letter-spacing:0.5px;
    text-align:left;
    line-height:22px;
    }

div.free-navigation a:link, div.free-navigation a:visited {
    color:#000;
    }
div.free-navigation a:hover, div.free-navigation a:active {
    color:#ae59ae;
    }