/* шапка */
#pun-title table {
background-image : url("https://i.imgur.com/yjRPeYi.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 423px;
width: 1223px;
margin-left: -109px;}

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

/* футер */
#pun-about p.container {
   background: url("https://i.imgur.com/nXuSL00.png") transparent no-repeat;
   width: 1223px;
   height: 176px;
   margin-left: -109px;
   text-align: center;
   font-size: 10px;
   background-repeat: no-repeat;
    border: none;
}

div#html-footer {
   margin: 0px 0px 0px 0px;}

div#pun-about {
   margin-bottom: -18px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* ССЫЛКИ */
/* непрозрачность границ*/
.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;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{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;}
#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-color: transparent; font-family: verdana!important; font-size: 11px;}
li.pa-online {border-left-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 .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .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 {
    background-color: transpanent;
    font-weight: normal;
    font-style: normal;
text-align: justify;
  color: #03080a;
font-family: 'OldStandard';
letter-spacing: 1px; 
font-weight: 500;
}

/*  нижние ссылки */
#pun-ulinks a {
letter-spacing: 1px; 
font-family: Cormorant Regular; 
font-size: 8px; !important;  
font-style: normal; 
text-transform: uppercase;
font-stretch: normal; 
line-height: normal; 
color: #0e151b; 
position: relative;
}

/*  нижние при наведении */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
letter-spacing: 1px; 
font-family: Cormorant Regular; 
font-size: 8px; !important;  
font-style: normal; 
text-transform: uppercase;
font-stretch: normal; 
line-height: normal; 
color: #0e151b;
position: relative;}


/* цвет ссылок */
/* 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: #054270;
  text-decoration: none;
    border: none !important;
font-weight: bold;
}

td.tcr a {
    color: #054270 !important;
text-align: center;
    font-family: AlegreyaSC Regular;
    background-position: left center;
    font-weight: bold;
    letter-spacing: 1.5px;
font-size: 12px;
text-transform: uppercase;
}

/* 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: #054270;
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; }


/* ИКОНКИ*/
.punbb div.icon {float: left; display:block; 
height: 65px; width: 55px; 
background-position: 0% 0%; background-repeat: no-repeat; margin-right: 12px; }

Div.icon { 
height: 50px; width: 50px; 
background: url(https://i.imgur.com/cR48FcB.png) no-repeat;
}

TR.inew Div.icon {  background: url(https://i.imgur.com/iAeFaKR.png) no-repeat;}

TR.iclosed Div.icon {background: url(https://i.imgur.com/yVTV5Uc.png) no-repeat;}

TR.isticky Div.icon {background: url(https://i.imgur.com/nOKx9MM.png) no-repeat;}

/*главная страница*/
#pun-main .category Div.icon {
float: right; 
display:block; 
margin-top: 70px;
margin-left: -5px!important;
border-style:none; 
height: 50px; width: 50px; 
background: url(https://i.imgur.com/7OETfJB.png) transparent no-repeat;
}

#pun-main .category TR.inew Div.icon {
background: url(https://i.imgur.com/LHMYc1x.png) transparent no-repeat;
}

/* личные соо*/
#pun-messages table Div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  border-style: none;
  background-image: url(https://i.imgur.com/cR48FcB.png) !important; 
  background-repeat: no-repeat;
  position: relative;
  margin-right: 13px;
  margin-left: 10px;
  margin-top: -7px;
  }
#pun-messages TR.inew Div.icon {
  background: url(https://i.imgur.com/iAeFaKR.png) no-repeat !important;
  }


/* ЦИТАТЫ И ПРОЧЕЕ*/
/* цитата и код*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .punbb textarea
{     background-image: url("https://i.imgur.com/sZSB6Xh.jpg");
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
 box-shadow: 0px 0 7px #292e33, inset 0 0 14px #292e33;
background-color: #252e35;
border-radius: 0px;
    border-image: url(https://i.imgur.com/95EB21B.png) 5 5 5 5 round round;
    border-style: solid;
    border-width: 5px;
}

.punbb #pun-main .quote-box a, .punbb #pun-main .code-box a, .punbb textarea a
{   color: #6d81a3;
text-shadow: 0px 1px 1px #06142c;
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("https://i.imgur.com/sZSB6Xh.jpg");
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
 box-shadow: 0px 0 7px #292e33, inset 0 0 14px #292e33;
background-color: #252e35;
border-radius: 0px;
    border-image: url(https://i.imgur.com/95EB21B.png) 5 5 5 5 round round;
    border-style: solid;
    border-width: 5px;
}

/* быстрый ответ */
.punbb textarea, .punbb select, .hashelp center div a button, .button {
background-image: url("https://i.imgur.com/sZSB6Xh.jpg");
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
 box-shadow: 0px 0 7px #292e33, inset 0 0 14px #292e33;
background-color: #252e35;
border-radius: 0px;
    border-image: url(https://i.imgur.com/95EB21B.png) 5 5 5 5 round round;
    border-style: solid;
    border-width: 5px;
}

/* штуки в форме ответа */
.inner, #pun_wrap #post .container[id$="-area"] {background-image: url("https://i.imgur.com/sZSB6Xh.jpg");
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
 box-shadow: 0px 0 7px #292e33, inset 0 0 14px #292e33;
background-color: #252e35;
border-radius: 0px;
    border-image: url(https://i.imgur.com/95EB21B.png) 5 5 5 5 round round;
    border-style: solid;
    border-width: 5px;
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: #122031!important;
text-shadow: 1px 1px #a09886!important;}

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

/*КНОПКА*/
.punbb .button {display: inline;
margin: top;
background: url("https://i.imgur.com/sZSB6Xh.jpg");
font-family: 'Lora' !important;
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
font-size: 10px;
padding: 6px; 
border-width: 1px;
border-style: double;
border-color: #260f02;
   border-radius: 5px;
 box-shadow: 0px 0 7px #292e33 inset 0 0 14px #292e33;
text-transform: lowercase;
padding: 6px; }

.punbb .button:hover {font-family: 'Lora' !important;
font-size: 10px;
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
padding: 6px; 
border-width: 1px;
border-style: double;
border-color: #260f02;
   border-radius: 5px;
 box-shadow: 0px 0 7px #292e33 inset 0 0 14px #292e33;
text-transform: lowercase;
padding: 6px; 
background: url("https://i.imgur.com/sZSB6Xh.jpg");}



.punbb input{font-family: 'Lora' !important;
font-size: 10px;
color: #b4b9a7;
text-shadow: 0px 1px 1px #182027;
padding: 6px; 
border-width: 1px;
border-style: double;
border-color: #260f02;
   border-radius: 5px;
 box-shadow: 0px 0 7px #292e33 inset 0 0 14px #292e33;
background: url("https://i.imgur.com/sZSB6Xh.jpg");
margin-bottom: 8px;} 


/* КАТЕГОРИИ*/
#pun-category1.category h2 {
background: url(https://i.imgur.com/X9vTgdu.png);
height: 118px;
width: 1082px;
font-size:0 !important;
margin-left: -36px;
    border: none;}

#pun-category2.category h2 {
background: url(https://i.imgur.com/XQ7BemU.png);
height: 118px;
width: 1082px;
font-size:0 !important;
margin-left: -36px;
    border: none;}

#pun-category3.category h2 {
background: url(https://i.imgur.com/9RY1Epc.png);
height: 118px;
width: 1082px;
font-size:0 !important;
margin-left: -36px;
    border: none;}

#pun-category4.category h2 {
background: url(https://i.imgur.com/7JUaQlu.png);
height: 118px;
width: 1082px;
font-size:0 !important;
margin-left: -36px;
    border: none;}

#pun-category5.category h2 {
background: url(https://i.imgur.com/j6B0v62.png);
height: 118px;
width: 1082px;
font-size:0 !important;
margin-left: -36px;
    border: none;}

#pun-category6.category h2 {
background: url(https://i.imgur.com/CaHvQat.png);
height: 118px;
width: 1082px;
font-size:0 !important;
margin-left: -36px;
    border: none;}

/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 118px;
width: 1082px;
font-size: 0em;
    border: none;
text-align: center;
margin-left: -36px;
background-color: transparent;
background: url(https://i.imgur.com/pfYLzlt.png);
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto; }

/* разделитель перед формой ответа */
#post-form h2 {
background: transparent url(https://i.imgur.com/9mwtlKy.png) no-repeat scroll center top;
width: 1082px;
height: 74px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -36px;
padding-top: 0px;
border: none;}

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

/* Разделитель сообщений */
#pun-viewtopic .post h3 {
    background: transparent url(https://i.imgur.com/9mwtlKy.png) no-repeat scroll center top;
width: 1082px;
height: 74px;
margin-left: -36px;
border: none;
margin-top: 0px;
padding-top: 7px;
}

/* разделялка при поиске */
#pun-searchposts .post h3 span, #pun-post .post h3 span { margin-left: 230px;
    margin-top: 7px;
}

#pun-searchposts .post h3 span, #pun-searchposts .post h3 span a {
    font-size: 11px;
font-family: 'OldStandard';
font-weight: 500;
color:#29060b !important; 
text-shadow: 0px 1px 1px #5e4c35;}

#pun-searchposts .post h3 span, #pun-searchposts .post h3 span a:active {    font-size: 11px;
font-family: 'OldStandard';
font-weight: 500;
color:#29060b !important; 
text-shadow: 0px 1px 1px #5e4c35;}

#pun-viewtopic .post h3, #pun-searchposts .post h3, #pun-post .post h3 {
    background: url("https://i.imgur.com/9mwtlKy.png") no-repeat scroll center top;
width: 1082px;
height: 74px;
margin-left: -36px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 7px;
border: none;
}


/* ПРОФИЛЬ*/
.punbb .post .post-author {
overflow: hidden;
float: left;
padding: 63px 0px 20px 13px!important;
}

/* Шрифт в оформлении профиля */
.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 140%;
text-align: center; 
font-size: 10px;
font-family: Cormorant Regular;
letter-spacing: 2px;
  color: #b4b4a5;
text-shadow: 0px 0px 2px #101316;
margin-left: -12px;
margin-top: 0px !important;
}

/* рамка верх-низ-середина */
.post-author {
background: url("https://i.imgur.com/y6WqyDU.jpg") no-repeat scroll center top, url("https://i.imgur.com/pnGDfjU.png") no-repeat scroll center bottom, url("https://i.imgur.com/SUjsPm3.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
margin-right: -15px !important;
    margin-left: -38px !important;
    margin-top: -59px !important;
    width: 265px !important;
}

/* рамка в лс */
#profile .container div.post-author {
background: url("https://i.imgur.com/hjYgSEU.jpg") no-repeat scroll center top, url("https://i.imgur.com/pnGDfjU.png") no-repeat scroll center bottom, url("https://i.imgur.com/zO2tVV3.jpg") repeat-y scroll center center rgba(0, 0, 0, 0);
margin-right: -15px !important;
    margin-left: -38px !important;
    margin-top: -82px !important;
    width: 265px !important;
}

/* аватар */
li.pa-avatar  {z-index: 5; margin-top: 5px; padding-bottom: 12px !important; align: center; }
.pa-avatar.item2 > img { border-image: url("") 0 0 0 0 round round; box-shadow: 0 0 10px #635f57; }

/* рамка */
li.pa-avatar img {     border: 2px solid transparent;
    outline: 1px solid #67300a;
    margin-bottom: 5px;
    max-width: 180px;
    max-height: 180px;
}


/* статус */
.pa-title {text-align: center;
z-index: 1000;
color: #b4b4a5!important;
font-size: 10px!important;
font-family: Cormorant Regular!important;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px !important;
text-shadow: 0px 0px 2px #101316;
    margin-top: 5px !important;
   margin-bottom: 10px!important;
}

/*цвет ссылок в мини-профиле*/
.post-author a,  .post-author a:focus, .post-author a:active, .post-author a:hover {color: #b4b4a5!important; font-weight: 100!important; }

/* уважение и репутация */
.pa-posts {
    text-align: center;
    display: inline-block;
    width: 90px;
    line-height: 13px;
    font-size: 11px;
text-shadow: 0px 0px 2px #151d22;
font-family: OldStandard;
    letter-spacing: 1px;
padding-bottom: 10px!important;
}

.pa-respect {
    text-align: center;
    display: inline-block;
    line-height: 13px;
    width: 90px;
    font-size: 11px;
    margin-bottom: 0px!important;
font-family: OldStandard;
    letter-spacing: 1px;
  color: #b4b4a5!important;
text-shadow: 0px 0px 2px #101316!important;
padding-bottom: 10px!important;
}

.pa-respect a {
    font-size: 11px;
font-family: OldStandard;
  color: #b4b4a5!important;
text-shadow: 0px 0px 2px #101316!important;
    letter-spacing: 1px;
}

.pa-fld3 {
    text-align: center;
    display: inline-block;
    width: 70px;
    line-height: 13px;
    font-size: 11px;
text-shadow: 0px 0px 2px #151d22;
font-family: OldStandard;
    letter-spacing: 1px;
padding-bottom: 10px!important;
}
.pa-fld4 {
    text-align: center;
    display: inline-block;
    width: 60px;
    line-height: 13px;
    font-size: 11px;
text-shadow: 0px 0px 2px #151d22;
font-family: OldStandard;
    letter-spacing: 1px;
padding-bottom: 10px!important;
}

/* фон ответа */
.hashelp center div a button, .button {    
background-color: #a59b8c; 
background-image: url("https://i.imgur.com/lUyJGlk.jpg");
color: #1b1206;
border: 1px double #8d8c8f;
cursor:pointer;
  font-family: arial;
font-weight: bold;
  font-size: 10px;
  letter-spacing: 1px; }

.hashelp center div a button:hover, .button:hover {background-color: #a59b8c; 
background-image: url("https://i.imgur.com/lUyJGlk.jpg");
color: #1b1206;
border: 1px double #8d8c8f;}

.hashelp center div a button:active, .button:active {position:relative; top:1px;}

 .category .container thead {display: none;}

/* баннеры */
#banners{ position: absolute;
overflow: scroll;
overflow-x: hidden;
height: 35px;
width: 950px;
margin-left: 25px;
margin-top: -60px!important; }

#banners a img {
opacity:0.8;
-moz-opacity:1;
 /*   
filter:alpha(opacity=50);  
-webkit-filter: sepia(100%);
filter: sepia(100%);
 */
}

#banners a img:hover {
opacity:1;
-moz-opacity:1;
 /* 
filter:alpha(opacity=100);  
-webkit-filter: sepia(0%);
filter: sepia(0%);
 */
}

<!-- Быстрый перенос сообщений: фон, цвета строк -->
<style type="text/css">
.punbb .pun-modal .section h2,
.punbb .pun-modal .section h1 {
  padding-left:1em!important;
  background:#c6a997!important;
  border:solid 1px #040404!important;
  color:#040404;
  box-shadow:inset 0px 0px 15px 0px #040404;
}
.punbb .pun-modal .section .container {
  background:#bab093!important;
  box-shadow:inset 0px 0px 20px 0px #565244;
}
.Select_Topics tbody tr:nth-child(2n) td{
  background: rgba(196,178,147,1);
}
</style>

/* Смена шапки */
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */}
.image.UP:hover {
   opacity:0.00;}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;}

#controtator p{display:none;
position: absolute; 
width:250px; 
margin-left: 15px; 
margin-top: 16px;
border-width: 0px;
border-style: double;
border-color: #260f02;
   border-radius: 5px;
 box-shadow: 0px 0 7px #292e33, inset 0 0 10px #292e33;
  padding: 10px; 
font-family: 'helvetica' !important;
font-size: 10px;
letter-spacing: 1px;
  color: #b4b9a7; /* Цвет текста */
text-shadow: 0px 1px 1px #182027;
text-align:center;
background: url("https://i.imgur.com/sZSB6Xh.jpg");
}


/*личное звание*/

#name a {
font: 15px "Cormorant Regular" !important; 
letter-spacing: 1px;  
    text-align: center;
font-weight: bold;
  color: #364973 !important;
text-shadow: 0px 0px 1px #6da3ee !important;
background: linear-gradient(#bad3ef 40%, #1c2d5a 60%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pa-fld1 {   
    width: 186px;
  padding: 0px 0px 15px 38px!important;
font-family: helvetica; 
    line-height: 11px;
color: #b4b9a7 !important; 
text-shadow: 0px 1px 1px #182027;
    letter-spacing: 1px;
font-size: 9px; 
margin-top: -10px!important; 
}

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


/* таблица */

#slova {font-family: helvetica; 
    text-align: justify;
    position: absolute;
    height: 50px;
    width: 210px;
    top: 142px;
    margin-left: 793px;
    overflow: auto;
    font-weight: normal;
    line-height: 12px;
color: #b4b9a7 !important; 
text-shadow: 0px 1px 1px #182027;
    letter-spacing: 1px;
font-size: 9px; 
}

#ams {
font: 24px "AncientGermanGothicC" !important; 
letter-spacing: 1.5px;  
text-transform: lowercase;
  color: #364973 !important;
text-shadow: 0px 0px 1px #7d9fce !important;
background: linear-gradient(#89b1de 40%, #020817 60%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#navig {
font: 10px "helvetica" !important; 
letter-spacing: 1px;  
text-transform: lowercase;
  color: #364973 !important;
text-shadow: 0px 0px 1px #aac4e9 !important;
background: linear-gradient(#89b1de 40%, #1b2a51 60%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}