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

/* Ôîí ôîðóìà */
html, body {
background-image: url(https://i.imgur.com/9A5DWNM.png);
background-size: cover;
background-color: #323232;
 background-attachment: fixed;

-webkit-text-size-adjust:100%; 
}

/* Øàïêà */
#pun-title table {
    background-image: url(https://i.imgur.com/3Ud66s5.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 976px;
    height: 370px;
    margin-left: -28px;
}
/* Òåëî ôîðóìà */
#pun {
width: 976px; 
background-color: transparent; 
background-image: url(https://i.imgur.com/ZdpGr8e.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 895px;}

/* Ôóòåð */
#pun-about p.container {
background-image: url(https://i.imgur.com/bDXgz5Y.png);
    margin: -40px 0px -140px -28px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 976px;
    height: 80px;
    padding-top: 120px;
    overflow-x: hidden;
}

span.item1 {margin-top: -60px!important;}



/* 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 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: #505050;
font-weight: normal;
font-style: normal;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  background: #fff;
}

.move_posts_form .modal-inner>.container {
    background: #fff;
}

.pun-modal .modal-inner {
    background: rgb(255 255 255);
}


#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #505050;
    text-align: center;
    font-style: normal;
    font-family: Roboto;
}


/* Öèòàòà è âûäåëèòü êîä */
.punbb .quote-box, .punbb .code-box {
background-color: #dad9d9;
color: #61747b;
border: 1px solid #f7f7f778;
box-shadow: 0px 0px 7px 0px #ffffff40, 0px 0px 0 1px #3f3f5a36;}


/* Îáëàñòü äëÿ ââîäà òåêñòà â ôîðìå îòâåòà è àäìèíêå */
.punbb textarea, .punbb input {
    background-color: #dad9d9;
   color: #505050;
}

/* Òåíü è çàêðóãëåíèå */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { 
border: 1px solid #dedbdb;
padding-left: 15px;
padding-right: 15px;
font-family: consolas;
color: #9a9595;
}

.punbb .formsubmit input {letter-spacing: 2px;  font-size: 7pt!important; text-transform: uppercase;}

/* 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, #pun-navlinks a, #pun-ulinks a {color: #5a4141;
  text-decoration: none;
  }

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #533e3f;
  transition-duration: 0.5s;
  }

.punbb a:hover {
  color: #533e3f;
  transition-duration: 0.5s;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 11px;
    color: #1f2534;
    text-transform: lowercase;
    font-family: roboto;
    word-spacing: 0px;
}

#pun-ulinks a:hover {
  text-decoration: none;
  color: #533e3f;
  transition-duration: 0.5s;
}


#pun-navlinks a {
    font-size: 9pt;
    background: -webkit-linear-gradient(#557a84, #638fa5);
    -webkit-background-clip: text;
    color: #403d3d;
}




#pun-navlinks a:focus, #pun-navlinks a:active, #pun-navlinks a:hover {
  transition: color 0.4s ease-in-out;
    color: #7b7979;

}



/* CS3 Îñòàëüíîå 
-------------------------------------------------------------*/

/* CS3.1 Èêîíêè*/

#pun-index tr.inew .tcl, #pun-index tr.inew .tcr {
   background: #4d5e631f;}


#pun-viewforum tr div.icon {
        background: none;
}

#pun-viewforum tr.inew div.icon, tr.isticky div.icon, tr.iclosed div.icon {
  padding-left: 20px;
        background: url(http://forumstatic.ru/files/001a/ea/f9/12219.png) no-repeat!important;
}


#pun-viewforum tr.inew .newtext {display: none;}
}

.punbb th {font-size: 0pt!important;}

#pun-index .category tr {
    background: rgb(21 30 33 / 4%);
    box-shadow: 0 0 0 1px #ffffff54, 0px 0px 3px 1px #00000021;
}

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


.tclcon strong::before {
    content: '\f111';
    font-family: fontawesome;
    font-size: 10px;
    color: #ffffff6e;
    text-shadow: 0px 0px 5px #0009;
    padding: 10px;
}

.tclcon {
font-family: cambria!important;
font-size: 12px;
letter-spacing: 1px;
}


/* õåðíÿ*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center;font-family: cambria;text-transform: uppercase;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{
    display: block;
    margin-top: 17px;
    letter-spacing: 10px;
    color: #665b4c;
    }
#pun-stats h2 span {visibility: visible;
    letter-spacing: 10px;
    line-height: 500%;
     color: #665b4c;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Ïðîêðóòêà---*/

::-webkit-scrollbar-thumb:vertical {
   background-color:#eeeeee61; 

}

::-webkit-scrollbar-thumb:horizontal {
   background-color:#eeeeee61; 
}
::-webkit-scrollbar {
    width: 2px;
    height: 1px;
    background-color: #292828;
}



::selection {
background: #a09595 !important;
    color: #d2d1d1;
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

td.tcr a {
    background-repeat: no-repeat;
    background-position: left center;
    font-family: 'cambria';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}


.category .container thead {display: none;}

.punbb .pa-avatar img {max-width: 180px !important;border: 2px solid #1d232680;margin-top: 4px;margin-bottom: 5px;box-shadow: 0 0 0 1px #a5a5a561;}

.punbb .post h3 span a {color: #3b3b46 !important;}


#pun-viewtopic .post h3 {
    height: 15px;
    text-transform: uppercase;
    font-family: cambria;
    letter-spacing: 2px;
    margin: 0 -25px 0 -5px !important;
    background-color: #1f282b21;
    font-size: 9px;
    box-shadow: 0 0 0 1px #ffffff3d, 0 0 0 2px #0000001c;
}


#smilies-area {
width: 320px!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: 43px;
    background-image: url(http://forumstatic.ru/files/001a/7d/33/78192.jpg);
    background-color: #c4c3c3;
    border: 1px solid #46525f;
}


.punbb input, .punbb select {
font-family: cambria!important;
text-transform: uppercase;
}

.topic a.sharelink, div#pun-live-rusff  {
    display: none;
}


#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(https://i.imgur.com/pgqHEdt.png);
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
    margin: 0px -28px 10px;
    background-repeat: no-repeat;
    background-position: top center;
    height: 76px;
    width: 976px;
}



.podfor {
    padding: 6px 8px 6px 8px;
    margin-top: 10px !important;
    box-shadow: 0 0 0 2px #ffffff2e, 0 0 0 1px #12191d38;
    font-family: Playfair Display;
    text-transform: lowercase;
    font-size: 8pt;
}



.plinks {
text-align: center;
    background-color: #17212f14;
    margin: 5px 0 2px 0 !important;
    border-radius: 2px;
    border: 1px solid #88909366;
    padding: 0px 2px 2px 2px;
}



.plinks a {
    font-family: consolas;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 8px;
}

/*-----ØÀÏÊÀ-----*/
.aktiv {
position: absolute;
width: 50px;
height: 50px;
margin-top: 90px!important;
background-color: #232628;

}

.igrok {
position: absolute;
width: 50px;
height: 50px;
margin-top: 160px!important;
background-color: #232628;

}

.aktiv img, .epis img, .igrok img, .fandom img { opacity: 0.4; box-shadow: 0 0 0 1px #ffffff40, 0 0 0 2px #000;
}

.epis {
position: absolute;
width: 200px;
height: 50px;
margin-top: 160px!important;
background-color: #232628;
}

.fandom {
position: absolute;
width: 200px;
height: 50px;
margin-top: 90px!important;
background-color: #232628;
}

.fandom img:hover, .aktiv img:hover, .igrok img:hover, .epis img:hover {
opacity: 1!important;
transition-duration: 1s;}

.huinya {
position: absolute;
margin-top: 130px!important;
opacity: 0.7;
pointer-events: none;
}

.needed
{position: absolute;margin-top: 245px!important;
box-shadow: 0 0 0 1px #5a4e47, 0 0 0px 2px #000;
    background-color: #5a4e47; height: 34px;}

.needed img {
    opacity: 0.5;
}

.needed img:hover {
    opacity: 0.9;
transition: 1s;
}


/*-----ÀÍÊÅÒÀ-----*/
.a1 { font-family: bebas neue; letter-spacing: 8px; font-size: 12pt; text-align: center;}

.a2 { font-family: cambria; font-style: italic; letter-spacing: 6px; font-size: 8pt; text-align: center; margin-top: -3px; opacity: 0.7;}

.a3 { font-family: bebas neue; font-style: bold; letter-spacing: 3px; font-size: 35pt; text-align: center;}

.a4 { width: 300px; margin-left: auto!important; margin-right: auto!important; font-family: calibri; font-style: italic; letter-spacing: 1px; font-size: 9pt; text-align: justify; opacity: 0.8; padding-bottom: 16px;}

.a5 { width: 200px; margin-left: auto!important; margin-right: auto!important; font-family: bebas neue; letter-spacing: 3px; font-size: 17pt; text-align: center; border-bottom: 2px solid #d6d6d6;}

.a6 { width: 570px; margin-left: auto!important; margin-right: auto!important; font-family: calibri; font-style: italic; font-size: 10pt; text-align: justify; padding-top: 10px; padding-bottom: 10px;}

/*-----ÎÐÃ ÒÅÌÛ-----*/

.org-body {
    width: 500px;
    border: 3px solid rgb(23 40 45 / 32%);
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 20px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    box-shadow: 0 0 0 1px #ffffff9e, 0 0 0 2px #00000047;
}

.org-head {
    background-color: rgb(23 40 45 / 68%)!important;
    padding: 4px;
    font-family: playfair display;
    font-size: 9pt;
    letter-spacing: 2px;
    color: #eae6e89e;
    box-shadow: 0 0 0 1px #000000c2, 0 0 0 2px #ffffff7a;
    text-align: center;
    text-shadow: 1px 1px #000000ad;
    text-transform: uppercase;
}

.org-text {
    text-align: justify;
    font-family: arial;
    font-style: oblique;
    padding-top: 10px;
}



/*-----ËÇ-----*/
.lz {    
width: 186px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    text-transform: lowercase;
    font-family: calibri;
    font-style: oblique;
    line-height: 100%;
    font-size: 11px;
    padding-top: 9px;
    text-align: justify;
    color: #75787d;
}

.lz a {
color: #a28989!important;
}

.lz a:hover{
color: #fff!important;
}

.fand {width: 186px!important;
margin-left: auto!important;
margin-right: auto!important;
background: radial-gradient(at bottom center, black, transparent, transparent);
border-bottom: 1px solid;
border-top: 0px!important;
border-image: linear-gradient(to left, transparent, #ffffff38, transparent);
border-image-slice: 1;
font-family: playfair display;
text-transform: uppercase;padding: 2px;
font-size: 7pt;color: #c5c2c3;
letter-spacing: 1px;}

.souls {
    width: 186px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    background: radial-gradient(at top center, black, transparent, transparent);
    border-bottom: 0px!important;
border-top: 1px solid;
border-image: linear-gradient(to left, transparent, #ffffff38, transparent);
border-image-slice: 1;
    font-family: playfair display;
    text-transform: uppercase;
    padding: 2px;
    font-size: 7pt;
    color: #c5c2c3;
    letter-spacing: 1px;}


/*-----------ÂÛÏÀÄÀÞÙÅÅ ÌÅÍÞ-------*/
.dropbtn {
    background-image: url(https://i.imgur.com/ACU3FKs.png);
    opacity: 0.9;
    width: 200px;
    font-size: 9pt;
    padding: 10px;
    color: #565c5fbf;
    text-shadow: 1px 1px #000;
    font-family: 'Yeseva One';
    text-transform: uppercase;
    letter-spacing:  2px;
    border: none;
    cursor: pointer;
        z-index: 2;
    box-shadow: 0 0 0 1px #ffffff40, 0 0 0 2px #000;
}

.dropbtn:hover {
    opacity: 1;
}

.dropdown {
    float: right;
    position: absolute;
    margin-top: 245px!important;
    display: inline-block;
    transition: all 0.5s ease-in-out 0s;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-image: url(https://i.imgur.com/ACU3FKs.png);
    min-width: 200px;
    margin-left: 1px!important;
    overflow: auto;
    right: 0;
    z-index: 2000;
    box-shadow: 0 0 0 1px #ffffff40, 0 0 0 2px #000;
}

.dropdown-content a {
    text-transform: uppercase;
    font-family: playfair display;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
    letter-spacing: 2px;
    display: block;
}

.dropdown a:hover {background-image: url(https://i.imgur.com/bnAElYk.png);}

.show {display: block;}

/*-----------ÒÎÏÛ-------*/

.topontop
{position: absolute;margin-top: 245px!important;border-bottom: 1px solid #584c45;box-shadow: 0 0 0 1px #5a4e47, 0 0 0px 2px #000;
    background-color: #5a4e47; height: 33px;}

.topontop img {
    filter: grayscale(40%);
    opacity: 0.5;

}

/*-----------ÏËÀØÊÈ Â ÎÁÚßÂËÅÍÈÈ-------*/

.obyav {
    display: inline;
    padding: 10px;
    width: 300px!important; 
    background-image: url(https://i.imgur.com/9ogINpV.png);
    font-family: playfair display;
    font-size: 9pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #a1968ea8;
    opacity: 0.95;
    box-shadow: 0 0 0 1px #5a4e47, 0 0 0px 2px #000;
    }

.obyav:hover {
       background-image: url(https://i.imgur.com/mZfz0Et.png);
   transition: 1s;
   color: #c1b9b368e;
    }

.ob1 {
 padding-top: 20px;
}


.ob1 a{
        padding: 10px;
}



#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -384px;
  width: 768px;
  z-index: 100;
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  -khtml-box-shadow: 0 0 40px #222;
}