/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Шапка */
#pun-title table {
background-image: url(https://i.imgur.com/E40d39j.png);
    background-repeat: no-repeat;
    background-position: center top;
    border: none;
    postition: absolute;
    margin-top: -295px;
    border: none;
    height: 320px;
    width: 946px;
    margin-left: -18px;
}

/* задний фон */
HTML { background: #260f11 url("https://i.imgur.com/IOBXbYv.jpg") fixed center top; 
background-repeat: no-repeat;
background-size:100%;}



/* тело */
#pun { 
background-image: url(https://i.imgur.com/7oHTPfE.png);
    background-attachment: scroll;
    background-position: center;
    position: relative;
    margin: auto;
    margin-top: 322px!important;
    color: #000;
    background-color: transparent;}

/* футер */
#pun-about p.container {
background-image: url(https://i.imgur.com/rv1xd4o.png);
    background-position: center top;
    background-repeat: no-repeat;
    border: none;
    margin-bottom: -77px;
    margin-left: -28px;
    width: 949px;
    height: 77px;
    text-align: center;}



.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {background-color: transparent;
color: #121212;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {background-color: transparent;
color: #17160e;}

#mask_dialog .inner {
cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 15px #5d5d5d;
    background: #d8c7b1 url(https://i.imgur.com/O9CQ8g4.png) top center;
    padding: 8px;
}

div#pun-navlinks {
position: absolute;
    width: 100%;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Prosto one;
    top: -171px;
    left: 24px;
    z-index: 1;
      }

div#pun-ulinks {
    text-align: center;
    text-transform: lowercase;
    font-weight: normal;
    position: absolute;
    width: 100%;
    top: -312px;
}

/* CS2 ЦВЕТА ГРАНИЦ
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color:transparent;}
.punbb th {
border-color: transparent;}
.punbb .quote-box, .punbb .code-box {
border-color: }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}
.punbb .divider {
border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 0px solid #191919;}
li.pa-online {
border-left-color: transparent;}
.punbb .post-sig dt {
border-top-color: transparent !important;}


/* CS3 ССЫЛКИ
-------------------------------------------------------------*/

 .punbb-admin, .punbb a:link, .punbb a,  .punbb a:visited,  #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited
{
              /* background-color: transparent; */
    border-color: transparent;
    color: #4a4a4a;
 text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
 color: #000; 
 text-decoration: none;
  }

/* CS3.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: #000;
  border-bottom: 0px none #000;
 text-decoration: none;

  }

.punbb .main .tcr a {
    font-weight: bold;
    color: #881529;
}
.punbb .main .tcr a:hover {
    font-weight: bold;
    color: #27090e;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
 color:#1b5b5d; 
text-shadow: 1px 1px #b3cacb;
  }


/* Верхняя навигация до наведения */
#pun-navlinks a {
color: #e1e0e0;
    line-height: 19px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #701e85;
    text-decoration: none;
}

/* Верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #e59a3c;
    line-height: 19px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #701e85;
    text-decoration: none;
}

#navprofile > a > span {
color: #e59a3c!important;}
#navprofile > a > span:hover {
color: #862d9b!important;
    text-shadow: 1px 1px 0px #51121e;}

/* Нижняя навигация до наведения */
#pun-ulinks a {
  border-bottom: 0px none #000;
color: #ac8835;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 1px;}

/* Нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 1px;
color: #a9a9a9;
}


/* ссылки заголовков подфорумов */
#pun-index .tcl h3 a {
color: #5a206c;
    padding-left: 1px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #efc635;
    padding-bottom: 2px;
  }
#pun-index .tcl h3 a:hover {
color: #e8e7e5;
    padding-left: 1px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #35175d;
    padding-bottom: 2px;
  }

/* ссылки в постах */
.punbb .post-box a {
color: #232323;
font-weight: bold;
  }


/* CS4 РАЗНОЕ
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
.pa-avatar, .pa-title, .pa-author { text-align: left;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {line-height: 11px; font-size: 11px; margin-left: 6px;}
#pun-announcement h2 {text-align: center;}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun-crumbs1 .container { text-align: center;}
#pun_wrap #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; line-height: 125%;}
#main-reply {width: 97%!important;
    background: #e9e8e4d1;
    margin-top: 6px;
    padding: 10px;
    box-shadow: 0 0 0 0px #b09324, 0 0 0 5px #e8e7e5, 0 0 0 6px #beb0b0, 0 1px 0px 6px #d9b027;
}
.lastedit {display:none;}
#pun-navlinks #navawards {display:none;}
#pun th {color: transparent; font-size:0px;}
#pun-main .postlink {text-align:;}

#pun-admain a {
    cursor: pointer;
    color: #373837;
}

/* Бегунок */
::-webkit-scrollbar {  
width: 6px;  /* for vertical scrollbars */
height: 4px; /* for horizontal scrollbars */}

::-webkit-scrollbar-track {background: #171717;}
::-webkit-scrollbar-thumb{background: #000000;border: 1px solid #5d1e1e;}

/* запятая после ников */
.modmenu a:after {content: ",";}
.modmenu a:last-child:after {content: "";}

/* убрать загрузки */
#pun-ulinks .container li.item5 {display: none;}

.category .container thead {display: none;}

::selection {
  color: #d0d0d0; background: #090e35; text-shadow: 0px 1px 1px #080a18;}
::-moz-selection {
  color: #d0d0d0; background: #090e35; text-shadow: 0px 1px 1px #080a18;}

#pun-index .category .tc2,#pun-index .category .tc3 {
display:none!important;
}

/* перенос тем и сообщений под подфорум*/
.Tems_And_messages {
    display: inline-block;
    width: 197px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: scada;
    text-align: center;
    padding-top: 13px;
}
.Tems_And_messages .right{
color:#5b6762; /*цвет количества тем и сообщений*/
}

/* параметры аватара */
.pa-avatar {
    margin-top: 10px !important;
    width: 200px;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
}

/* рамка аватара */
.pa-avatar.item2 > img { 
    box-shadow: 0px 0px 0px 1px #89369f, 0 0 0 3px #ccb01fe8, 0 0 0 6px #e5e5e5, 0 1px 3px 0px #706e68a6, 10px -10px 0px 0px #7e1234;}

.pa-avatar.item2 > img:hover { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;}

/* сообщения и репутация столбиком */
.pa-posts, .pa-respect, .pa-fld2 { 
    padding: 4px !important;
    display: inline-block;
    text-align: center;
    width: 62px;
    margin-right: -6px!important;
    margin-top: 3px!important;
    line-height: 13px;
    font-size: 10px;
}

.pa-fld2 {padding: 0 !important;
margin-left: -8px !important;
margin-right: -10px !important;}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
color: #242424;
    box-shadow: 0px 0px 0px 1px #89369f, 0 0 0 2px #ccb01fe8, 0 0 0 4px #e5e5e5, 0 1px 3px 0px #706e68a6, 0px 6px 0px 0px #5f266e;
    font-weight: 700!important;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
    font-family: prosto one!important;
    padding: 3px;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button:hover {
    color: #242424;
    box-shadow: 0px 0px 0px 1px #89369f, 0 0 0 2px #ccb01fe8, 0 0 0 4px #e5e5e5, 0 1px 3px 0px #706e68a6;
    font-weight: 700!important;
    text-transform: uppercase;
    font-size: 9px!important;
    letter-spacing: 1px;
    padding: 3px;
    font-family: prosto one!important;
}

/* выпадающие окна в форме ответа */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
position: absolute;
    right: 6px;
    top: 70px!important;
    background: #f9f9f9;
}


/* скрыть поделиться */
.topic a.sharelink {
    display: none;}

div#pun-live-rusff {
    display: none;}

/*-- Подсказки */
#tooltip{
  position:absolute;
  background:#2c2c2c;
  box-shadow: 0px 0px 0px 0px #9c8eac, -3px -3px 0px 0px #549a4d, inset 0px 0px 0px 0px #707070;
  border-radius: 3px;
  border-bottom: 2px solid #5b963e !important;
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 5px;
  text-transform: uppercase;
  color:#c5c4c4;
  letter-spacing:1px;
  font-family: source sans pro; 
  font-weight:700;
  font-size:10px;
  display:none;
}

.titlerus {
    color: #313131;
    font-family: source sans pro;
    font-weight: 900;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.post-content hr {
    opacity: 0.2!important;
    -moz-opacity: 0.2!important;
    -khtml-opacity: 0.2!important;
    filter: alpha(opacity=20)!important;
    margin-top: 0.5em!important;
    margin-bottom: 1.4em!important;
}

hr {
border: 1px solid #9a9a98!important;
    box-shadow: -1px 1px 0px #504f4f;
}

/* всплывающее окно комментария к репутации  */
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    border: 4px solid #730e26;
    width: 768px;
    background: url(https://i.imgur.com/O9CQ8g4.png) top center;
    z-index: 100;
    box-shadow: inset 0 0 4px #4c4c49;
    -webkit-box-shadow: inset 0 0 4px #4c4c49;
    -moz-box-shadow: inset 0 0 4px #4c4c49;
    -khtml-box-shadow: inset 0 0 4px #4c4c49;
}

#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg {
    display: none;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #101010!important;
    opacity: 0.8!important;
    filter: alpha(opacity=80)!important;
    -moz-opacity: 0.8!important;
    -khtml-opacity: 0.8!important;
    cursor: pointer;
}

#form-buttons table, .punbb .formal textarea {
    width: 99%;
    margin-top: 9px;
}

/* стиль бегунка регулировки размера текста в постах */
.FNTslider {
border-radius: 3px;
    position: relative;
    z-index: 1000;
    background: #4a4a4a45;
    width: 112px;
    margin-top: 4px!important;
    margin-right: 50px!important;
    height: 5px;
    border: solid 1px #969696;
    float: right;
}
.FNTslider .before {
height: 5px;
    border: solid 1px #37525b;
    border-right: none 0;
    position: absolute;
    background: #4a4a4a;
    margin-top: -1px;
}
.FNTslider .thumb {
width: 8px;
    height: 14px;
    border-radius: 3px;
    position: relative;
    top: -5px;
    background: #881529;
    cursor: pointer;
}


#naviga {
position: absolute;
    top: -265px;
    margin-left: 18px;
    z-index: 1000;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: prosto one;
    line-height: 17px;
    color: #7a2d82;
}

#postface {
position: absolute;
    top: -226px;
    left: 33px;
    z-index: 1000;
}

#postface a:hover{
cursor:crosshair;
}

#posttext {
    position: absolute;
    top: -221px;
    left: 101px;
    color: #959595;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-align: justify;
    font-family: scada;
    width: 397px;
    z-index: 1000;
}

#posttext a {
color: #7a2d82!important;
}

#news {
position: absolute;
    top: -152px;
    left: 33px;
    z-index: 1000;
    width: 245px;
    line-height: 11px;
    height: 44px;
    color: #959595;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-align: justify;
    font-family: scada;
    padding: 5px;
    overflow: scroll;
    overflow-x: hidden;
}

#activchiki {
    position: absolute;
    top: -154px;
    left: 291px;
    z-index: 1000;
}

#activchiki a:hover{
cursor:crosshair;}

#banners {
opacity: 0.3;
    position: absolute;
    left: 55px;
    bottom: -42px;
    width: 837px;
transition: 0.3s;
    height: 30px;
    overflow: scroll;
    overflow-x: hidden;
}

#banners:hover {
    opacity: 1;
}


.punbb .main h1 {
font-family: play;
    font-size: 10px;
    max-width: fit-content;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 370px;
    background-position: center;
    text-shadow: 1px 1px 0px #641b1b;
    letter-spacing: 6px;
    color: #b09b31;
    background-color: #1c1c1c;
    padding-top: 3px;
    padding-right: 14px;
    padding-left: 21px;
    padding-bottom: 2px;}

/* CS5 ИКОНКИ СООБЩЕНИЙ
-------------------------------------------------------------*/

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {
    width: 14px;
    height: 14px;
margin-left: -26px;
    margin-top: 2px;
    background-image : url("http://forumfiles.ru/files/0019/d1/1c/51801.png");
    background-repeat: no-repeat;
    float: right;
    display: block;
    border-style: none;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    background-image : url("http://forumfiles.ru/files/0019/d1/1c/22898.png");
    background-repeat: no-repeat;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    background-image : url("http://forumfiles.ru/files/0019/d1/1c/23737.png");
    background-repeat: no-repeat;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    background-image : url("http://forumfiles.ru/files/0019/d1/1c/73589.png");
    background-repeat: no-repeat;}

TR.inewisticky Div.icon {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    background-image : url("http://forumfiles.ru/files/0019/d1/1c/22898.png");
    background-repeat: no-repeat;}

/* новые в важной теме */
TR.inewisticky Div.icon {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    background-image : url("http://forumfiles.ru/files/0019/d1/1c/22898.png");
    background-repeat: no-repeat;}

#pun-index table div.icon {    position: absolute;
    background: url() no-repeat;
    width: 35px;
    height: 35px;
    margin-left: 446px;
    margin-top: 0px;
}

#pun-index div.icon.inew {background-image: url(https://i.imgur.com/PH8ejLK.png);}

 /* ---------- костыль фиксированного размера формы ответа ----------*/

#main-reply {width: 100%; height: 200px;}
#font-area {height: 340px; overflow: auto;}


.pa-fld1 {background: url(https://i.imgur.com/WkbGjou.png);
    margin-bottom: 4px !important;
    box-shadow: 0px 0px 0px 1px #a78a35e3, -6px 6px 0px -2px #622872;}

.pa-fld1 .lz_name a {
    margin: 0px 0;
    color: #c69f2a;
    text-align: center;
    text-shadow: 1px 1px 0px #681b1b;
    font-family: prosto one;
    font-size: 11px!important;
    font-weight: 900!important;
    letter-spacing: 0px;
    line-height: 15px;
   /* position: relative;
    top: 5px;*/
}

.pa-fld1 .lz_name a:hover {
    color: #b1b0b2;
}

.pa-fld1 .lz_rank {
    font-family: scada;
    font-size: 10px;
    color: #ac3232;
    padding: 4px!important;
    background: #0000006b;
    text-transform: uppercase;
text-shadow: 1px 1px 0px #551024;
    font-weight: 700;
    position: relative;
}

.pa-fld1 .lz_about {
    font-family: play;
    font-size: 10px;
    margin-top: 4px;
    margin-left: 7px;
    margin-right: 7px;
    color: #ccc9c9;
    padding-bottom: 14px!important;
    letter-spacing: 1px;
    line-height: 13px!important;
    text-align: justify;} 


.strelki {
    position: fixed;
    z-index: 1003;
    right: 3%;
    font-size: 14px;
    font-weight: 700;
    font-family: scada;
    bottom: 35%;
}

.strelki a {
color: #d5a03d!important;
}
.strelki a:hover {
color: #a71d35!important;
}