/*---ГРАФИКА---*/

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

#pun-title table tbody tr .title-logo-tdr {position: absolute; left: 550px; top: 400px;
}

/* фон */
body {
background:  url("https://i.imgur.com/wBxFxw2.png") repeat-x top center, 
url(" ") repeat-x bottom center,
url("https://i.imgur.com/v1kpyNV.png") repeat; background-color : #000000;  
}


/* тело */
#pun { 
background-image: url("https://i.imgur.com/wtY3ktl.png");
background-color: #bcb0a2;
background-position: center; /*расположение*/
background-repeat: repeat-y; /*повтор*/
background-attachment: no-fixed; /*фиксация*/
}

/* футер */
#pun-about p.container {
background: url(https://i.imgur.com/YFKm5wD.png);
height: 207px;
margin-left: -94px;
width: 1072px;
margin-bottom: 0px;
margin-top: 0px;
background-repeat : no-repeat;
background-position: center top;
border: none;
   line-height: 1;
   font-size: 9px;
}


/*---ССЫЛКИ И ТЕКСТ---*/

/* цвет текста на форуме */
.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 {
  background-color: #transparent;
  color: #170c02;
  }

/* верхние ссылки расположение */
div#pun-navlinks { text-align: center; position: absolute; width: 900px; top: 330px; margin-left: 10px; }
div#pun-ulinks { text-align: center; letter-spacing: 0px; position: absolute; width: 900px; top: 370px; margin-left: -4px; }

/* cs3.3. Верхняя навигация до наведения */
#pun-navlinks a {
font-family: "Schwabacher";
font-weight: bold;
font-size: 18px!important;
background: linear-gradient(#6e9445d6 40%, #1a2b03 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #657643;
    text-shadow: 0px 0px 1px #4e6b2b;
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 1px;
}

/* cs3.4. Верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
font-family: "Schwabacher";
font-weight: bold;
font-size: 17px!important;
background: linear-gradient(#709445d6 40%, #132b03 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #5f7643;
    text-shadow: 0px 0px 1px #526b2b;
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 1px;
}

#pun-ulinks a  { text-align: center; position:relative; z-index:2000 !important;
letter-spacing: 1px; font-family: gabriela; font-size: 10px; !important; font-style: normal; text-transform: lowercase; font-weight: 700; font-stretch: normal; line-height: normal; color: #675239; text-shadow: 0px 0px 1px #d2c0b7; }

/* ссылки простые */
/* 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: #2e450e; 
text-decoration: none;
letter-spacing: 0.5px;
}

td.tcr a {
    color: #2d450e!important;
    font-family: bradobrei;
    background-position: center;
    font-weight: nine;
    letter-spacing: 1px;
}


/* 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: #373636; 
letter-spacing: 0.7px;
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; }

/* CS2.3 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #3b260f; }


/* CS2.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { opacity: 0.3; }


/* ИКОНКИ*/
.punbb div.icon {float: left; display:block; 
height: 45px; width: 47px; 
background-position: 0% 0%; background-repeat: no-repeat; margin-left: -8px; margin-top: 0px;}

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

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

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

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


/*ЦИТАТЫ И ТЕКСТОВОЕ ПОЛЕ*/
.punbb .quote-box, .punbb .code-box {background: #a8a8a4;
    border: 0;
    box-shadow: 0px 0 7px #2d3822, inset 0 0 46px #425e17;
    border-radius: 13px;
    color: #090d03;
    /* text-shadow: 1px 1px #556e41; */}


/*---бэк для форм ответа---*/
.punbb textarea  {
border: solid 1px #504a3d;
background: #a8a8a4;
box-shadow: 0px 0px 0px 0px  #425e17;}

/*--- КАТЕГОРИИ ---*/

#pun-category1.category h2 {
background: url(https://i.imgur.com/j3lMygu.png);
height: 105px;
width: 990px;
font-size:0 !important;
border: none;
margin-left: -42px;}

#pun-category2.category h2 {
background: url(https://i.imgur.com/368HHJV.png);
height: 105px;
width: 990px;
border: none;
font-size:0 !important;
margin-left: -42px;}

#pun-category3.category h2 {
background: url(https://i.imgur.com/aYbVEeP.png);
height: 105px;
width: 990px;
border: none;
font-size:0 !important;
margin-left: -42px;}

#pun-category4.category h2 {
background: url(https://i.imgur.com/BiV5Hzs.png);
height: 105px;
width: 990px;
border: none;
font-size:0 !important;
margin-left: -42px;}

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

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

/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 105px;
width: 990px;
margin-left: -53px;
background-color: transparent;
background-image: url("https://i.imgur.com/5Y5Gl8n.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
border: none;
background-size: auto; }

/*---РАЗДЕЛЯЛКИ---*/
/* разделитель перед формой ответа */
#post-form h2 {
background: transparent url(https://i.imgur.com/B0so63b.png) no-repeat scroll center top;
width: 990px !important;
height: 89px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -53px;
padding-top: 0px;
border: none;}

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

/* Разделитель сообщений */ 
#pun-viewtopic .post h3 { 
background: transparent url(https://i.imgur.com/B0so63b.png) no-repeat scroll center top; 
width: 990px !important; 
height: 89px; 
margin-left: -42px; 
margin-top: 10px; 
border: none; 
}

/* дата и время на разделялке */
.permalink {
color: #a2b1cf;
text-shadow: 1px 0px 2px #517b24;
font-family: 'gabriela';    
font-weight: bold;
font-size: 11px !important;
}

/*---ПРОФИЛЬ---*/

/* Обрамление профиля */
.post-author {
background: url("https://i.imgur.com/KtZ0kBc.png") no-repeat scroll center top, url("https://i.imgur.com/4u9qy2E.png") no-repeat scroll center bottom, url("https://i.imgur.com/nOtYez9.png") repeat-y scroll center center rgba(0, 0, 0, 0);
margin-left: -43px !important;
margin-right: -15px !important;
margin-top: -61px !important;
width: 279px !important;
}

/* Шрифт в оформлении профиля */
.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 140%;
text-align: center;
font-size: 10px;
 color: #88755e;
text-shadow: 0px 1px 1px #1c0e05;
}

/* цвет ссылок в профиле  */
#pun-main .post-author a {
text-align: center;
background: linear-gradient(#e2c090 40%, #794500 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   color: #9c8975;
    text-shadow: 0px 0px 4px #c19a6a9e;
border-bottom: 0px none #000;
text-decoration: none;
font-family: gabriela;
letter-spacing: 1px;
font-weight: bold;}

#pun-main .post-author a:hover {
text-align: center;
background: linear-gradient(#e2c090 40%, #794500 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #9c8975;
    text-shadow: 0px 0px 4px #c19a6a9e;
border-bottom: 0px none #000;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;}

.topic a.sharelink {
    display: none;
}

/* Обрамление рамки аватара */
li.pa-avatar.item2 img {
box-shadow: 0 0 7px #365915;
border-style: ridge;
  border-top-color: #1f330c;
  border-right-color: #1f330c;
  border-bottom-color: #1f330c;
  border-left-color: #1f330c;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 3px;
  /* max-width: 180px; */
max-height: 180px;
}




/* бегунок */
::-webkit-scrollbar {  
width: 8px;  /* вертикальный бегунок */
height: 8px; /* горизонтальный бегунок */}
::-webkit-scrollbar {
    width: 8px;
    height: 4px;}

::-webkit-scrollbar-track {
    background: transparent;}
::-webkit-scrollbar-thumb {
background: #010d15;
    box-shadow: 0 0 6px 0px #517b24 inset, 0 0 0 2px #385b15 inset;}

/* убрать строчку отредактировано из сообщений */
.lastedit {display:none !important;}  

/* убрать форум и посл.сообщение над форумами*/
  .category .container thead 
{display: none;}

/* скрыть название категорий*/
#pun-main .category h2 span { visibility: hidden; }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;

  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.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;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  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: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }



/* стиль смены имиджа */
#mask_dialog .inner {
background-color: #bbbbbb;
border-style: double;
border-color: #4a5741;
box-shadow: 0px 0px 2px 2px  #afbda2;
}

.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
}

#pun-stats h2 span {
visibility:hidden!important;
}




/* настройка вида ЛЗ */

.name {
width: 100%;
color: #88755e;
text-shadow: 0px 1px 1px #293812;
padding: 11px 0px 0px 0px; /* верх/право/низ/лево */
text-align: center; 
font-family: gabriela;
font-size: 11px;
font-weight: normal;
line-height: 100%;
   }

.info {
padding: 0px 15px;
color: #88755e;
text-shadow: 0px 1px 1px #141c05;
width: 194px;
text-align: center;
font-weight: normal; 
font-family: verdana; font-size: 11px; text-transform: lowercase; letter-spacing: -1px; line-height: 0.9em;
margin-left: 0px;
}

.pers {
width: 221px;
    margin-top: 12px !important;
padding: 0 11px;
 color: #88755e;
text-shadow: 0px 1px 1px #382812;
text-align: center;
font-weight: normal; 
font-family: times new roman; font-size: 8px; text-transform: uppercase; 
}


/*html*/
/* окно*/
.citata {width: 639px; background-color: #; margin-left: 0px !important;
background: url(https://i.imgur.com/jotsqgn.png) top no-repeat, url(https://i.imgur.com/1idjH21.png) bottom no-repeat, url(https://i.imgur.com/0QK5nH4.png) repeat-y;  
}

.imgrad
{
filter: grayscale(100%);
}

.zagolovok {width: 555px; font-family: 'gabriela'; line-height: 14px;  background: linear-gradient(#ca9b75 40%, #88552b 60%); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    color: #f7c372;
text-shadow: 0px 0px 3px #bc7e4c; text-align: center;  margin-top: -45px; font-weight: bold; font-size: 16px; }





.zagolovok2 {text-align: center; font-family: 'ahellya'; }

.kartinka {text-align: center; font-family: 'ahellya'; }

.text_citata {text-align: justify; font-family: 'arial'; line-height: 140%; color: #997c64; font-size: 10px;  font-weight: normal; text-transform: none; width: 538px;}
.scrolling {overflow: auto; width: 551px; height: 450px; padding-right: 5px;}

#pun-main .post-author ul {text-align: center;}

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


/* к закладкам */
#MyBookmarks h2, .editBookmark h1 {
background-image:none;
background: #49543f !important; /*фон шапки закладок*/
}

#MyBookmarks .container {
background:#5b702d !important; /*фон поля закладок*/
opacity: 0.38; 
color: #c5ddb4 !important;
}

#BookmCntToggle {
position:fixed;
top:20px!important; /*отступ от верха кнопки*/
left:10px;
}
#MyBookmarks{ 
top: 50px !important; /*отступ от верха поля*/
}

#MyBookmarks a {
color: #cbebb7!important;}
#MyBookmarks a:hover  {
color: #9cbf69!important;}

.post .bookmark {color: #98bf69!important;} /*цвет флажка*/
#BookmCntToggle.default-style {color: #98bf69!important;} /*цвет элементов кнопки*/

/* штуки в форме ответа */
.inner, #pun_wrap #post .container[id$="-area"] {background-color: #bbbbbb; 
 box-shadow: 0px 0 7px #32491c, inset 0 0 46px #547134;
outline: none;
border-radius: 13px;
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: #253c15!important;
text-shadow: 1px 1px #b0b7aa!important;}

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


/* для сообщенек */
textarea {
-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/*КНОПКА*/
.punbb .button {display: inline;
margin: top;
    background: #a8a8a4;
font-family: 'gabriela' !important;
font-size: 12px;
padding: 3px; 
border-width: 1px;
border-style: double;
border-color: #aeaeab;
   border-radius: 5px;
    box-shadow: 0px 0 7px #121400, inset 0 0 15px #425e17;
text-transform: lowercase;
padding: 6px; }

.punbb .button:hover {font-family: 'gabriela' !important;
font-size: 12px;
padding: 3px; 
border-width: 1px;
border-style: double;
border-color: #c2c2bf;
   border-radius: 5px;
    box-shadow: 0px 0 7px #121400, inset 0 0 15px #425e17;
text-transform: lowercase;
padding: 6px; 
    background: #a8a8a4;}



.punbb input{font-family: 'gabriela' !important;
font-size: 12px;
padding: 3px; 
border-width: 1px;
border-style: double;
border-color: #c2c2bf;
   border-radius: 5px;
    box-shadow: 0px 0 7px #121400, inset 0 0 15px #425e17;
margin-bottom: 8px;} 


/* баннеры */
#banners{ position: absolute;
overflow: scroll;
overflow-x: hidden;
height: 70px;
width: 811px;
margin-left: 27px;
margin-top: -91px; }

/*подфорумм*/
#podforum {
   width: 340px;
margin-left: -14px;
font-weight: normal;
}

#podforummm {
width: 346px;
font-family: 'gabriela' !important;
margin-left: -11px;
margin-top: 15px;
font-size: 13px;
text-transform: uppercase;
}

/* погода-------------------------------------------------------------*/

.weathertable  .post-content td {
    border-width: 0px !important;
   }

    .weathertable  {
        background-image: url(https://i.imgur.com/iTPdgrJ.png);
        background-size: cover;
        margin-left: 23px !important;
        width: 600px;
        height: 600px!important; 
        
border:none;
    overflow: auto;
    }

    .weathertable1  {
        background-image: url(https://i.imgur.com/o1Y0BTk.png);
        background-size: cover;
        margin-left: 23px !important;
        width: 600px;
        height: 600px!important; 
border:none;
    overflow: auto;
    }

    .weathertable3  {
        background-image: url(https://i.imgur.com/biGiNdB.png);
        background-size: cover;
        margin-left: 23px !important;
        width: 600px;
        height: 600px!important; 
border:none;

    overflow: auto;
    }

    .den {
    overflow: auto;
        transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        position: absolute;
        left: -150px;
        top: 0px;
        width: 68px;
        height: 68px;
        background-color: #191510;
        text-align: center;
       opacity: 0.9;
        color: #b89651!important;
        display: block;
        font-family: Kurale;
        text-decoration: none;
        margin-top: 5px;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 19px;
    }


    .den1 {
        color: #93753a;
        display: block;
        font-family: helvetica;
        font-size: 9px;
        text-transform: uppercase;
        margin-top: 5px;
        line-height: 10px;
    }



    #info {
        width: 68px;
        height: 68px;
        position: relative;
        overflow: hidden;
        border: 2px solid #1f1a15;
    overflow: auto;
        margin-right: 9px;
        margin-bottom: 9px;
        transition: all ease 0.5s;
        opacity: 0.6
    }

    #info img {
        width: 68px;
        height: 68px;
    }
    #info .rel-bg {
        background-size: cover;
        background-position: center center;
        width: 68px;
        height: 68px;
        -webkit-filter: url(#colors);
        -moz-filter: url(#colors);
        -o-filter: url(#colors);
        -ms-filter: url(#colors);
        filter: url(#colors);
        z-index: -1;
    }

    #info:hover {
        border: 2px solid #b89651;
        opacity: 1;
    }

    #info:hover .den {
        left: 0px;
        z-index: 10;
    }


/*БЛЮР ЗАЧЕРКИВАНИЯ*/
.punbb .post-content del {
    filter: blur(1.5px);
    text-decoration: none;
    }

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


/* Смена шапки */
.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;}

#bestpost {
    font-family: helvetica;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 1px;
    word-spacing: 0em;
    color: #a6947e;
margin: 0px 0px 0px 0px;
    text-shadow: 0 0 2px #1c1713 !important;
    text-align: justify;
    position: absolute;
    height: 82px;
    width: 100px;
    top: 218px;
    margin-left: 664px;
    overflow: auto;
}

#about {
    font-family: verdana;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    letter-spacing: 1px;
    word-spacing: 0em;
    color: #997c64;
    text-shadow: 0 0 2px #1c1713 !important;
    text-align: center;
    position: absolute;
    top: 80px;
    margin-left: 297px;
   width: 310px;
    overflow: auto;
}