/* CS1 Background and text colors
-------------------------------------------------------------
*/
div#pun-navlinks {
text-align: center;
margin-left:px;
text-transform: ;
position: absolute;
       width: 100%;
       top:350px;
      }

div#pun-ulinks {
text-align: center;
text-transform: lowercase;
margin-left: 0px;
letter-spacing: 0px;
font-size: px;
position: absolute;
width: 100%;
 top:400px;
}

/*шапка*/
#pun-title table {
background-image : url("https://i.imgur.com/wAjQflE.png"); background-position : top center; background-repeat: no-repeat;
border: none;
margin-top: 0px;
margin-left:-91px;
width: 1078px;
height: 440px;
}
/*фон*/
HTML {background: url("https://i.imgur.com/OVYXCOt.png") top center; background-color : #140d07;}


/*тело форума*/
#pun { background-image : url("https://i.imgur.com/C6I2HNW.png"); paddind-top: 1px;
background-position : center; background-attachment: scroll; background-color: #c6bbaa;}
.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: #070605}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent; background-repeat: no-repeat;
color: #000000;
font-weight: normal;
font-style: normal;}
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 {
background-color: transparent;
letter-spacing: 1px;
font-size: 16px;
font-family: Oranienbaum;
font-weight: normal;
text-align: center;
color: #050403;}


/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .post-content .quote-box, .punbb .post-content .code-box, .quote-box .spoiler-box  { 
margin: 0.4em 1.8em 1.4em 1.8em; 
padding: 1em; 
background-color:#d5ccbe;
background-image: url(https://i.imgur.com/YhPL2I5.png); 
background-repeat: repeat; 
border: 3px double #a88965;
border-radius: 10px;
  box-shadow:
   0 1px 4px #a88965,
   -23px 0 20px -23px #a88965,
   23px 0 20px -23px #a88965,
   0 0 40px #a88965 inset;
}



/*Шрифт названия спойлера*/
.post-content .spoiler-box {
    font-family: Kurale;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bolder;
    text-align: center !important;
    color: #3a2104;
    }

/*Шрифт в спойлере*/
.post-content .spoiler-box > blockquote {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: justify;
    text-shadow: none;
    text-transform: none; 
    color: #000000;
}


/* 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;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
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: 1px solid #080706;}
li.pa-online {
border-left-color: transparent;}
.punbb .post-sig dt {
border-top-color: transparent !important;}
li.pa-fld2 { margin-top:-12px; }



/* Быстрый ответ */
#post-form h2 {
background: transparent url(https://i.imgur.com/Q5TRpVE.png) no-repeat scroll center top;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

#post-form h2 span {display:none;}



/* CS3 Ссылки
-------------------------------------------------------------*/
/* cs3.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 {
color: #015408;
text-shadow: 0px 0px 1px #;
border-bottom: 0px none #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: #794a05;
border-bottom: 0px none #000;
text-shadow: 0px 0px 1px #80766e;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}

/* cs3.3. Верхняя навигация до наведения */
#pun-navlinks a {font-family: Oranienbaum;
font-weight: normal;
font-size: 16px;
background: linear-gradient(#fff4ea 50%, #191209 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #23445a;
text-shadow: 0px 0px 1px #20a936;
border-bottom: 0px none #0086ce;
text-decoration: none;
letter-spacing: 3px;}



/* cs3.4. Верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
font-family: Oranienbaum;
font-weight: normal;
font-size: 16px;
background: linear-gradient(#fff4ea 50%, #191209 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ef9a00;
text-shadow: 0px 0px 1px #f19e36;
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 3px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}


/* cs3.5. Нижняя навигация до наведения */
#pun-ulinks a {
font-family: Kurale;
font-size: 11px;
color: #0a0909;
  border-bottom: 0px none #000;
  letter-spacing: 1px;
text-decoration: none;
    font-weight: bold;
text-transform: lowercase;
}

/* cs3.4. Нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
font-family: Kurale;
font-size: 11px;
color: #001d32;
    font-weight: bold;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 1px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}



/* CS4 Stuff
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
.pa-avatar, .pa-title, .pa-author { text-align: center;}
#pun-announcement .container {margin-top: -2em;}
#pun-main .post-author ul {line-height: 11px; font-size: 11px; font-family: Kurale; letter-spacing: 0.2px;}
#pun-announcement h2 {text-align: center;}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-crumbs1 .container { text-align:left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun_wrap #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center; line-height: 100%;}
.lastedit {display:none;}
#pun-navlinks #navawards {display:none;}
#pun th {color: transparent; font-size:0px;}
#pun-main .postlink {text-align:;}
#post .formsubmit {text-align: center;}


/* CS5 Категории
-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url() no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

#pun-category2.category h2 {
background: url() no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

#pun-category3.category h2 {
background: url() no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

#pun-category4.category h2 {
background: url() no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

#pun-category5.category h2 {
background: url() no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

#pun-category6.category h2 {
background: url() no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

/*Футер*/
#pun-about p.container {
background-image : url(https://i.imgur.com/1yHufHL.png);
background-position : center top;
background-repeat : no-repeat;
border: none;
margin-bottom: -27px; margin-left: -69px;
float: top center; 
width: 1038px; text-align: center; top: 0px;
height: 240px; }
div#html-footer {
margin: 0px 0px 0px 0px;}
div#html-footer {
margin: 0px 0px 0px 0px;}
#pun-announcement.section h2 span {display: none; }
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-title h1 span  {display: none;}


/*Картинка в статистику*/
#pun-stats h2 {
background: url(https://i.imgur.com/mGo3iVx.png) no-repeat top center;
width:  962px;
height:149px;
margin-left:-28px;
border-style: none;
font-size:0 !important;
}

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: 10px;
margin-right: 0px;
width: 37px;
height:37px;
background-image : url(https://i.imgur.com/5B3REYj.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(https://i.imgur.com/Y4PvMGP.png);
background-repeat: no-repeat;
width: 37px;
height: 37px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://i.imgur.com/hCssiZE.png);
background-repeat: no-repeat;
width: 37px;
height: 37px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://i.imgur.com/cvohE2x.png);
background-repeat: no-repeat;
width: 37px;
height: 37px;}



/* Обрамление профиля */
.post-author {
background: url(https://i.imgur.com/zJ8t1Ox.png) no-repeat scroll center top, url(https://i.imgur.com/PLxWSw3.png) no-repeat scroll center bottom, url(https://i.imgur.com/6AgJcAN.png) repeat-y scroll center center rgba(0, 0, 0, 0);
margin-left: -23px !important;
margin-right: -22px !important;
margin-top: -44px !important;
width: 262px !important;
}

/* Ссылки в профиле  */
#pun-main .post-author a {
text-align: center;
background: linear-gradient(#fff1de 40%, #0b0805 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #3e404e;
text-shadow: 0px 0px 1px #fbcb67;
border-bottom: 0px none #000;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
font-family: Oranienbaum;
font-size: 12px;
letter-spacing: 1px;}


#pun-main .post-author a:hover {
text-align: center;
background: linear-gradient(#fff1de 40%, #0b0805 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #3e404e;
text-shadow: 0px 0px 1px #59e672;
border-bottom: 0px none #000;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
font-family: Oranienbaum;
font-size: 12px;
letter-spacing: 1px;}



/* Рамка аватара */
li.pa-avatar.item2 img {
border-style: ridge;
  border-top-color: #100b06;
  border-right-color: #100b06;
  border-bottom-color: #100b06;
  border-left-color: #100b06;
box-shadow: inset 0px 0px 25px #030513;
margin-top: 5px;
margin-bottom: 3px;
max-width: 180px; 
max-height: 180px;
}

/* Разделение соо рамкой */
#pun-viewtopic .post h3 {
    background: url("https://i.imgur.com/zYLxl1L.png") no-repeat scroll center top;
    color: #c1c0c0 !important;
     height:149px;
    margin-bottom: 0px;
    margin-left: -30px;
    margin-top: 0px;
    padding-top: 0px !important;
    font-weight: bold;
    width: 962px !important;
}

/* Текст на разделителе сообщений */
#pun-viewtopic .post h3 span {
    color: #c1c0c0;
    margin-top: 62px;
     margin-left: 350px;
}


/* Ссылки на разделителе сообщений */
.permalink {
    color: #beac8e !important;
    font-family: 'Oranienbaum';
    font-size: 12px;
    text-transform: lowercase;
    font-weight: bold;
    letter-spacing: 2px;
    }

.topic a.sharelink {
   float: right;
   color: #beac8e !important;
   font-family: 'Oranienbaum';
   font-size: 12px;
   letter-spacing: 1px;
   margin-left: 1em;
   }



#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 1px; top: 1px
}

/* CS3.3 Ширина и центровка*/
#pun  .section {border-style: none; width: 910px;}
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-main .post-author ul {text-align: center;}
#pun-main .post-author ul li {text-align: center;}


.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=40);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

/* CS3.3 Подложка*/
* {outline:none;}
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  background: url('https://i.imgur.com/OB6VOuh.png') 50% repeat;
}

#pun-navlinks li img {
  vertical-align: middle;
}

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


div#stTs .iblank {
z-index: 3001;
}
#stTs {
box-shadow: none;
}
#sdfs {
box-shadow: 0px 0px 0px 0px rgba(0,0,0,.5);
}


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

/* Соо и репутация */
.pa-posts, .pa-respect { 
display: block;
width: 85x;
height: auto;
margin: 7px;
margin-top: 5px;
line-height: 1em;
font-size: 10px;
text-align: center;
font-family: verdana;
letter-spacing: 0.2px;

}

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

::-webkit-scrollbar-track {
 background-color : #130d08;
border-radius: 6px;
box-shadow: inset 0px 0px 5px #080808; }
::-webkit-scrollbar-thumb /* бегунок */{
background: #1d9032;
border-radius: 6px;
box-shadow: inset 0px 0px 3px #4bf174;}


div#slidesContainer { 
overflow: hidden; 
} 

div#slideInner { 
width: 5000px; 
}


hr {border: none; border-top: 1px dashed #422209;}
abbr { text-decoration: none; border-bottom:1px dashed; }
abbr:hover { text-decoration: none; border-bottom:1px dotted; }






/* плавное появление картинок в шапке */
.one,
.two {
   border:0px solid transparent;
   margin:0;
   padding:0;}
.one{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.95s;
  -webkit-transition-duration: 0.95s;
  -moz-transition-duration: 0.95s;
  -o-transition-duration: 0.95s;
  -ms-transition-duration: 0.95s; /* IE9+ */}
.one:hover {
   opacity:0.00;}


/* выпадающие окошки в форме ответа */
.inner, #pun_wrap #post .container[id$="-area"] {background-color:#d5ccbe;
background-image: url(https://i.imgur.com/YhPL2I5.png); 
background-repeat: repeat; 
border: 3px double #a88965;
border-radius: 10px;
  box-shadow:
   0 1px 4px #a88965,
   -23px 0 20px -23px #a88965,
   23px 0 20px -23px #a88965,
   0 0 40px #a88965 inset;
outline: none;
border-radius: 10px;
padding: 10px;}

#font-area {max-height: 270px; overflow-y: auto; font-size: 12px!important;}
#font-area::-webkit-scrollbar {
    width: 3px;
    height: 7px;}
#smilies-area {width:550px!important;}
#keyboard-span input {color: #000000!important;
text-shadow: 0px 1px 0px #000000!important;}

.punbb .move_posts_form .container {
background-color: #ac9e92; 
}



/* Кнопки */
.button {
align-items: flex-start;
text-align: center;
font-weight: bold !important;
font-family: Kurale !important;
text-transform: lowercase;
letter-spacing: 1px;
cursor: default;
font: 1em verdana, arial, helvetica, sans-serif;
background-color: #041a08;
border-radius: 6px;
border: 2px solid #2f2114;
 box-shadow:
   0 1px 4px #0b0702,
   -4px 0 5px -23px #0b0702,
   4px 0 0px -23px #0b0702,
   0 0 4px #0b0702 inset;
padding: 4px;
color: #c9c9c9;
}

.button:hover {
text-align: center;
font-weight: bold !important;
font-family: Kurale !important;
text-transform: lowercase;
letter-spacing: 1px;
cursor: default;
background-color: #092c10;
border-radius: 6px;
border: 2px solid #092c10;
 box-shadow:
   0 1px 4px #171819,
   -4px 0 5px -23px #171819,
   4px 0 0px -23px #171819,
   0 0 4px #171819 inset;
padding: 4px;
color: #efe2cd;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); 
}


/* инвентарь */
.burn {width: 556px; height: 525px; margin: 0px auto; background: url(https://i.imgur.com/o4spn8P.png); background-repeat: no-repeat; padding: 20px; position: relative;  box-shadow: 0px 0px 12px #543924; border-radius: 4px;}
.scream {width: 500px; height: 235px; margin: 0px; background: transparent; padding: 10px; font-family: 'verdana'; font-size: 12px; line-height: 100%; text-align: justify; padding: 20px;  overflow: auto; position: absolute; top: 178px; bottom: 100px; left:20px; right: 20px;border-radius: 10px;}

.screamfa {width: auto; height: 200px; margin: 0px; background: #c7c5c0; padding: 10px; font-family: 'verdana'; font-size: 12px; line-height: 100%; text-align: justify; padding: 20px;   overflow-x: scroll;
 overflow-y: scroll;  white-space: nowrap; word-wrap: normal;  position: absolute; top: 80px; bottom: 100px; left:20px; right: 20px;box-shadow: inset 0px 0px 3px #080c13;border-radius: 10px;}

.scream a{color: #5ceb74; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 100%;}
.scream a:hover {color: #8eef9c; font-size: 11px; font-style: italic; text-decoration: none; line-height: 100%;}
.scream::-webkit-scrollbar { width: 7px; height: 7px; }
.scream::-webkit-scrollbar-track { background-color: #120e0c; }
.scream::-webkit-scrollbar-thumb { background-color: #7dd184; }

.wake {width: auto; height: 20px; font-size: 20px;
font-family: CyrillicGoth Medium;
font-weight: normal;
text-align: center;
letter-spacing: 2px;
background: linear-gradient(#fcefb5 50%, #391808 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ef9a00;
text-shadow: 0px 0px 1px #0f6f1f;
border-bottom: 0px none #000;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); text-align: center; padding: 112px;}

.bangtan {float: left;}
.bangtan label {display: block; width: 100px; height: 10px; padding: 10px; font-weight: bold !important; font-family: Kurale !important; text-transform: lowercase; letter-spacing: 1px; background-color: #15242c; background-image: url(https://i.imgur.com/yPuZ0sI.png); border-radius: 6px; line-height: 100%; color: #c7c5c0; text-align: center; position: relative; top: 290px; left: 65px;}
.bangtan [type=radio] {display: none;}
[type=radio]:checked ~ label { z-index: 2;}
[type=radio]:checked ~ label ~ .scream {z-index: 1;}


.punbb .post-content del {filter: blur(2px);text-decoration: none;} 

.punbb .post-content del:hover { 
filter: none; 
text-decoration: none;}


/* внешний вид */
.jdejabooapp { width: 500px; padding: 20px; }
  .jdejabooapp1 { width: 550px; height: 380px; left: 120px; margin: 0.4em 1.8em 1.4em 1.8em; 
padding: 1em;background-color: #c0b6ad; 
background-image: url(https://i.imgur.com/HmjNWzi.png); 
background-repeat: repeat; 
border: 4px double #b9aea5;
  box-shadow: inset 0px 0px 6px #3e301f;
margin-top: 20px;
margin-bottom: 3px;
border-radius: 0px; }
    .jdbtabs { position: relative; width: 550px; height: 350px; }
  .jdbtab { float: left; }
  .jdbtab label { padding: 6px; position: relative; left: 55px; top: 15px; margin: 3px;
font-family: CyrillicGoth Medium;font-size: 18px;background: linear-gradient(#dbe9ef 50%, #100b19 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #5a5cce;text-shadow: 0px 0px 1px #32326b;border-bottom: 0px none #000;text-decoration: none;letter-spacing: 2px; }
  .jdbtab [type=radio] { display: none; }
  .jdbcontent { position: absolute; top: 45px; bottom: 0px; left: 0px; right: 0px;  padding: 0px;  -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
.fonniz {font-size: 17px;
font-family: Moyenage;
font-weight: normal;
text-align: center;
letter-spacing: 2px;
background:linear-gradient(#2eb54f 50%, #1a6b35 50%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
text-shadow: 0px 0px 1px #a293b9;;
border-bottom: 0px none #000;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); text-align: center; }
  [type=radio]:checked ~ label { 
font-weight: bold;
z-index: 2;
 }
  [type=radio]:checked ~ label ~ .jdbcontent { z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }


#main-reply {width: 100%;
    height: 200px;}