/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { 
background-color: transpanent;
color: #0a1e21;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {
background-color: #0e0e0e; 
background-position: top center; 
background-attachment: fixed;
}

/*#pun .pa-respect a:after {content: "Реп.";
font-size: 10px; }*/


/* CS1.3 Шапка */
#pun-title table {
background-image: url(https://i.imgur.com/yWdozlv.png); 
background-repeat: no-repeat;
background-position: top center;
border: none;
width: 920px;
height: 237px;
margin-left: -13px;
z-index: 5;
}

/* CS1.4 Пан или "тело" форума */
#pun {
background-color: #f6f6f6; 
background-image: url(http://forumstatic.ru/files/0019/0a/2c/94962.png);
}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {
    background-image: url(https://i.imgur.com/fBipRcG.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 920px;
    height: 100px;
    margin-left: -14px;
    margin-bottom: -50px;
}

/* CS1.7 Шрифты, размер текста на bb-панели */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
overflow-y: auto;
text-shadow: none;
border: 1px solid #c6c8c5;
padding: 10px;
max-height: 200px;
background-color: #f0efee!important;
color: #372514;
}

#smilies-area {
    width: 480px!important;
    overflow: hidden;
}

/* CS2 Ссылки */

/* CS2.1 */
.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 {
  color: #70777d;
  text-decoration: none;
  transition: color 0.4s linear 0s;
}


/* CS2.2 */
.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 {
  color: #251c1a;
  text-decoration: none;
  transition: color 0.4s linear 0s;
}


/* CS2.5 */
.permalink {
   font-family: 'Noto Sans SC', sans-serif;
   font-weight: 400;
   font-size: 10.5px;
   line-height: 10px;
   letter-spacing: -0.2px;
   text-transform: uppercase;
   padding-left: 16px;
   height: 17px;
}


.pl-email a, .pl-share a, .pl-delete a, .pl-edit a, .pl-quote a, .pl-reports a {
   font-family: pt sans;
   font-weight: 400;
   font-size: 12.4px;
   line-height: 11px;
   color: #251c1a!important;
   letter-spacing: -0.1px;
   text-transform: uppercase;
   height: 24px;
}

.pl-email a:hover, .pl-share a:hover, .pl-delete a:hover, .pl-edit a:hover, .pl-quote a:hover, .pl-reports a:hover {
  color: #70777d!important;
}


/* CS3 Иконки старых, новых, важных, закрытых тем */
.punbb table Div.icon {
    display: block;
    border-style: none none none none;
    width: 300px;
    height: 6px;
    margin-left: 170px;
    margin-top: 25px;
    position: absolute;
}

tr.inew div.icon {
    background: url(http://forumstatic.ru/files/001a/f0/ce/32191.png) no-repeat;
}


#pun-viewforum div.icon, #pun-messages div.icon, #pun-searchtopics div.icon {
    float: left;
    margin: -10px 0 0 0!important;
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
}

/* Иконки сообщений в подфоруме */
#pun-viewforum div.icon, #pun-messages div.icon, #pun-searchtopics div.icon {
   background: url(http://forumstatic.ru/files/0019/0a/2c/70100.png) no-repeat;
}

#pun-viewforum tr.inew div.icon, #pun-messages tr.inew div.icon, #pun-searchtopics tr.inew div.icon {
   background: url(http://forumstatic.ru/files/0019/0a/2c/36088.png) no-repeat;
}

#pun-viewforum tr.isticky div.icon, #pun-messages tr.isticky div.icon, #pun-searchtopics tr.isticky div.icon {
   background: url(http://forumstatic.ru/files/0019/0a/2c/86038.png) no-repeat;
}

#pun-viewforum tr.iclosed div.icon, #pun-messages tr.iclosed div.icon, #pun-searchtopics tr.iclosed div.icon {
   background: url(http://forumstatic.ru/files/0019/0a/2c/55849.png) no-repeat;
}

	
/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(https://i.imgur.com/8lK2YTq.png);
height: 34px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category2.category h2 {
background: url(https://i.imgur.com/8lK2YTq.png);
height: 34px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category3.category h2 {
background: url(https://i.imgur.com/8lK2YTq.png);
height: 34px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category4.category h2 {
background: url(https://i.imgur.com/8lK2YTq.png);
height: 34px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-category5.category h2 {
background: url(https://i.imgur.com/8lK2YTq.png);
height: 34px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
}

#pun-stats h2 {
background: url("https://i.imgur.com/8lK2YTq.png") no-repeat;
height: 34px;
width: 920px;
font-size: 0!important;
margin-left: -13px!important;
border-style: none;
}

/* CS5 Прочие элементы */

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
border: 1px solid #7e7e7e!important;
background-color: #f6f6f6; 
}

.quote-box blockquote .quote-box {
border-bottom: 1px solid #626262!important;
background-color: #f6f6f6; 
}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
color: #0e0e0e;
background-color: #f6f6f6; 
}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: -150px; 
top: 0px;
}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {text-align: center;}
#pun-announcement h2 {display: none;}
#pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}


/* CS5.7 Ползунок */
::-webkit-scrollbar {
    height: 11px;
    width: 11px;
}
 
::-webkit-scrollbar-thumb { background: #bd9751;}
::-webkit-scrollbar-track { background: #858686;}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
   border: 5px solid; color: #0e0e0c;
}

/* ползунок в окнах с текстом */
.punbb textarea::-webkit-scrollbar {
   height: 4px;
   width: 4px;
}

.punbb textarea::-webkit-scrollbar-thumb { background: #bd9751;}
.punbb textarea::-webkit-scrollbar-track { background: #c1c1c1;}
.punbb textarea::-webkit-scrollbar-thumb, .punbb textarea::-webkit-scrollbar-track {
   border: none!important;
}

/* ползунок в окне с постом */
.tabright rpost::-webkit-scrollbar {
    height: 1px;
    width: 1px;
}
 
.tabright rpost::-webkit-scrollbar-thumb { background: #bd9751;}
.tabright rpost::-webkit-scrollbar-track { background: #626262;}
.tabright rpost::-webkit-scrollbar-thumb, .tabright rpost::-webkit-scrollbar-track {
   border: none!important;
}

/* ползунок в коде */
.punbb .post-content .scrollbox::-webkit-scrollbar {
    height: 11px!important;
    width: 11px;
}
 
.punbb .post-content .scrollbox::-webkit-scrollbar-thumb { background: #bd9751;}
.punbb .post-content .scrollbox::-webkit-scrollbar-track { background: #858686;}
.punbb .post-content .scrollbox::-webkit-scrollbar-thumb, .punbb .post-content .scrollbox::-webkit-scrollbar-track {
   border: 5px solid; color: #f6f6f6;
}

/* CS5.8 */
::selection {
background: #bfccd6!important; 
color: #0e0e0e;
}

/* CS6 */
.mirnua {
text-indent: 20px;
}

/* N1 цвет имени автора */

.pa-author a{
  color: #0e0e0e!important;
  transition: color 0.4s linear 0s;
}

.pa-author a:hover{
  color: #bd9751!important;
  transition: color 0.4s linear 0s;
}

/* KK1 подфорумы */

.utopiathechain {
  text-align: justify;
  font-family: pt sans;
  font-size: 10.5px;
  line-height: 12px;
  padding: 8px 0px 0px 27px;
}

.utopialink {
    padding: 8px 0px 6px 0px;
    font-size: 10px;
    text-align: right;
    font-family: 'Raleway';
    text-transform: uppercase;
    width: 470px;
    font-weight: 800;
    font-style: italic;
}

.utopialink a { 
  height: 14px!important;
  color: #0e0e0e!important; 
  transition: color 0.3s linear 0s;
}

.utopialink a:hover { 
  color: #bd9751!important;
  transition: color 0.4s linear 0s;
}


/* профиль отдельной страницей */
#profile-right {
    width: 60%!important;
}

#profile-left {
    width: 40%!important;
    padding-top: 0!important;
    text-align: center!important;
    font-weight: normal;
    margin-top: -15px!important;
}

#profile-name strong {
   font-size: 18px!important; 
   font-family: 'Raleway', sans-serif!important;
   font-weight: 900!important;
   text-transform: uppercase; 
   padding: 0px!important;
}

#profile-title strong {
   font-family: noto sans sc;
   font-weight: 300!important;
   text-transform: uppercase; 
   font-size: 11px!important;
   margin: 0 30px 0 27px !important;
   padding-bottom: 0px!important;
}

#profile-gifts {
   display: none!important;
}

#profile-left li, #profile-left li * {
   font: 11px Fira Sans;
   text-transform: uppercase; 
}

#profile-right li span {
   font: 11px Fira Sans;
   text-transform: uppercase;
   font-weight: 700l!important; 
}

/* важные и закрытые */
.stickytext {
   text-transform: uppercase;
   font-size: 8.2px;
   font-weight: bold;
   color:#171412;
   background: #b6c7d5;
   padding-left: 5px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-right: 5px!important;
}

.closedatafield{
   text-transform: uppercase;
   font-size: 8.2px;
   font-weight: bold;
   color: #171412;
   background: #d4d4d4;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-right: 5px!important;
}

/* таблица */
.tableft {
   position: absolute;
   top: 155px;
   left: 15px;
}

.tabimg { 
   width: 30px; 
   height: 30px;
}

.tableft namea {
   position: absolute; 
   top: 34px;
   left: 71px;
   width: 100px; 
   font-size: 8px;
   font-family: pt sans;
   font-weight: 400;
   text-transform: uppercase;
   color: #0e0e0e; 
}

.tableft nameb {
   position: absolute; 
   top: 46px;
   left: 89px;
   width: 120px; 
   font-size: 15px;
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-style: italic;
   text-transform: uppercase;
   color: #0e0e0e;
}

.tabright {
   position: absolute;
   width: 182px; 
   top: 71px;
   left: 734px;
}

.tabright namec {
   position: absolute;
   padding-left: 53px;
   font-size: 8px;
   font-family: pt sans;
   font-weight: 400;
   text-transform: uppercase;
   color: #0e0e0e; 
}

.tabright named {
   position: absolute;
   padding-top: 2px;
   font-size: 15px;
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-style: italic;
   text-transform: uppercase;
   color: #0e0e0e;
}

.tabright rpost {
   position: absolute;
   margin: 10px 0px 0px 19px;
   padding-right: 10px;
   text-align: justify;
   font-size: 8.5px;
   font-family: pt sans;
   font-weight: 400;
   color: #0e0e0e; 
   height: 63px;
   overflow-y: auto;
}

.tabright tablink a {
   position: absolute;
   margin-left: 76px;
   top: 114px;
   text-align: justify;
   font-size: 11px;
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-style: italic;
   color: #bd9751!important; 
}

.tabright tablink a:hover {
   color: #0e0e0e!important; 
   transition: color 0.4s linear 0s;
}

/* :copyright: Герда (ForumD.ru) 2020 */
#header {
   position: absolute;
    overflow: hidden;
    width: 452px;
    height: 164px;
    top: 47px;
    left: -1px;
}

#header #img-head {
width: 484px;
margin-left: 247px;
position: relative; 
z-index: 10;
}
#header .fd-trans {
position: absolute;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
}
#header .fd-trans.toleft {top: 10px; margin-left: 10px;} 
#header .fd-trans.toright {
top: 49px; 
left: -270px; 
}

#header .pic-overflow {
top: 0;
position: absolute;
z-index: 20;
overflow: hidden;
width: 500px;
left: 247px; 
height: 164px;
}

#header .fd-trans {
/*стиль текста (вне картинки) */
font-family: sequel head;
font-size: 48px;
color: #0e0e0e;
}
#header .fd-trans.upper { 
font-family: sequel head;
font-size: 47.5px;
-webkit-text-stroke: .01em #fff;
text-stroke: 1px #fff;
color: transparent;
}

.fd-trans.toright.down {
margin-left: 22px!important;
}

/* гостевая */
.lefftt, .righhtt {
  text-align: center!important;
  border: 1px solid #626262!important;
  padding: 7px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-family: pt sans;
  font-weight: 700;
  text-transform: uppercase;
  color: #0e0e0e;
}

.lefstna {
  height: 110px;
  overflow-y: auto;
  text-align: left!important;
  border-top: 1px dashed #626262;
  margin-top: -7px!important;
  padding-top: 5px;
}

.lefstna a {
  font-size: 10px;
  font-family: pt sans;
  font-weight: 400;
  text-transform: uppercase;
  color: #bd9751!important;
}

.lefstna a:hover {
  color: #0e0e0e!important;
  transition: color 0.4s linear 0s;
}

.lefftt fem, .righhtt mal {
  font-size: 14px;
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  color: #70777d;
  padding: 2px 2px 2px 2px;
}


.lefftt ddmm, .righhtt ddmm {
  text-align: center!important;
  font-family: pt sans;
  font-weight: 700;
  text-transform: uppercase;
  color: #70777d;
  padding-bottom: 2px;
}

.lefstna::-webkit-scrollbar {
    height: 1px;
    width: 1px;
}
 
.lefstna::-webkit-scrollbar-thumb { background: #bd9751;}
.lefstna::-webkit-scrollbar-track { background: #626262;}
.lefstna::-webkit-scrollbar-thumb, .lefstna::-webkit-scrollbar-track {
   border: none!important;
}

/* анкета */
.agg {
    font-family: arial black;
    text-align: right!important;
    width: 100%;
    margin-top: 4px!important;
}

.aagg { 
    font-family: arial black; 
    margin-top: 3px!important;
}

.agg1 {
    font-size: 11px;
    font-family: arial black;
    text-align: left!important;
    text-transform: uppercase;
    width: 100%;
}

.agg2 {
    font-size: 9px;
    text-align: left!important;
    text-transform: uppercase;
    padding-top: 2px;
}

/* нужные */
.agg3 {
    font-family: arial black;
    text-align: right!important;
}

.agg3 img { 
    max-height: 90px!important;
}
    
.agg4 {
    font-size: 11px;
    font-family: arial black;
    text-align: left!important;
    text-transform: uppercase;
    margin-top: 7px!important;
}

.agg5 {
    padding-left: 100px!important;
    padding-right: 100px!important;
}

/* темы */
.alth {
    padding: 12px 48px 15px 48px;
    border: 1px solid #626262!important;
    width: 48%;
    margin: auto!important;
    margin-top: 8px!important;
    margin-bottom: 30px!important;
    box-shadow: 4px 4px #f6f6f6, 5px 5px #9C9C9B, 5px 3px #9c9c9c, 3px 5px #9c9c9c;
}

.thname {
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
}

.thtext {
   font-family: pt sans;
   line-height: 10px;
   font-size: 10.7px!important;
}

.post-content .highlight-text {
   background-color: #bfccd6!important;
}

/* банк */
.bank {
   margin: auto!important;
   margin-bottom: 10px!important;
   padding: 10px 10px 10px 25px;
   width: 540px;
   border: 1px solid #626262;
   box-shadow: 4px 4px #f6f6f6, 5px 5px #9C9C9B, 5px 3px #9c9c9c, 3px 5px #9c9c9c;
}

.bank banknam {
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-style: italic;
   text-transform: uppercase;
   font-size: 24px;
   text-align: center!important;
}

.leribank {
   padding: 5px 5px 5px 5px;
   font-family: pt sans;
   border: 1px solid #626262;
   width: 238px;
   height: 200px;
   overflow-y: auto;
}

.leribank::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}
 
.leribank::-webkit-scrollbar-thumb { background: #bd9751;}
.leribank::-webkit-scrollbar-track { background: #626262;}
.leribank::-webkit-scrollbar-thumb, .leribank::-webkit-scrollbar-track {
   border: none!important;
}

.bnamea, .bnameb {
   position: absolute;
   font-weight: 700;
   font-size: 11px;
   text-align: center;
   font-family: pt sans;
   text-transform: uppercase;
   letter-spacing: 2px;
   width: 250px;
   margin-top: -2px!important;
}

.bnamea:after, .bnameb:after {
   content: ' ';
   display: block;
   height: 12px;
   margin-top: -18px;
   margin-left: 74px;
   width: 40%;
   background: #bfccd6!important;
   z-index: 30;
}

/* хуйня для фака */
.fuck {
   font-family: 'Raleway', sans-serif;
   font-weight: 900;
   font-style: italic;
   text-transform: uppercase;
   font-size: 17px;
   text-align: center!important;
}

.fuck:after, .fuck:after {
   content: ' ';
   display: block;
   height: 7px;
   margin-top: -10px;
   width: 100%;
   background: #bfccd6!important;
   z-index: 30;
}

.ffuck {
   margin: auto!important;
   margin-bottom: 10px!important;
   padding: 10px 25px;
   width: 540px;
   border: 1px solid #626262;
   box-shadow: 4px 4px #f6f6f6, 5px 5px #9C9C9B, 5px 3px #9c9c9c, 3px 5px #9c9c9c;
}

progress[value] {
    -webkit-appearance: none;
    appearance: none;
    width: 180px;
    height: 10px;
}

progress[value]::-webkit-progress-bar {
  background-color: #000;
}

progress[value]::-webkit-progress-value {
  background-color: #bd9751;
}

.lz_nic {
    text-align: center;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin: 0 0 2px -8px!important;
    border-bottom: 1px #626262 dashed;
    width: 180px;
    padding: 0 0 6px 0;
}

.lz_nic a {
    color: #bd9751!important;
}

#mask_dialog .hv-form-block {
    flex: 1 1 auto;
    max-height: 100%!important;
    overflow-y: auto;
}

#mask_dialog .inner {
    background: #f6f6f6!important;
}

.for_def {
    font-family: 'Raleway';
    text-transform: uppercase;
    font-weight: 800;
    font-style: italic;
    display: inline;
}

.for_desc {
    font-size: 10px;
    text-align: justify!important;
    text-transform: lowercase;
    display: inline;
}

.tclcon {text-align: justify!important;}

.news {
    display: inline;
    background: #bd9751;
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
    padding: 4px 20px;
}

.news a {
    color: #fff!important;
}

.news a:hover {
    color: #000000!important;
}

.banners {
    margin: -64px 0 0 -14px!important;
    opacity: 40%;
    border-top: 1px solid #000;
    padding: 7px 14px 0 14px;
    width: 920px;
    -webkit-transition: all linear 0.2s; 
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.banners:hover {
    opacity: 100%;
}