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

/* фон */
html, body { background:
  url("https://i.imgur.com/hPf2lh5.png") repeat-x top left,
  url("https://i.imgur.com/LpCrqAZ.png") repeat-x bottom left,
  url("https://i.imgur.com/Eg0Cfrn.png") center; background-color : #2d2d2d;
}


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

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

/* пан или "тело" форума */
#pun {background-color: #b9b5a0; background-image: url("https://i.imgur.com/oWIYmXR.png");}



/* футер */
#pun-about p.container {
   background: url("https://i.imgur.com/gjZC6cb.png") transparent no-repeat;
   width: 1100px;
   height: 169px;
   margin: 0px 0px 0px -75px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 1;
   font-size: 9px;
   background-repeat: no-repeat;
}




/* Цвет текста на форуме */
.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 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, #pun-navlinks .container  { background-color: transpanent;
color: #322b20;
font-weight: normal; font-style: normal;}



/* ССЫЛОЧНЫЕ ШТУКИ
----------------------------------------------------------------------------------------------------------------------*/
/* двигалка навигации, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 375px; left: 0px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 398px; left: 5px; }


/*  Ссылки верхней навигации */
#pun-navlinks a  {text-align: center;
    position: relative;
    font-family: Intro_Inline;
    font-size: 14px!important;
    letter-spacing: 0px;
    text-transform: lowercase;
    color: rgba(150, 113, 69, 0.8) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 0 0 5px rgba(195, 161, 83, 0.5);
    transition: all 0.5s ease-in-out 0.1s;
}


#pun-ulinks a  {text-align: center;  position:relative; z-index:80 !important;
letter-spacing: 2px;
font-family: Arial;
font-size: 8px; !important;
font-style: normal;
text-transform: lowercase;
font-weight: 700;
font-stretch: normal;
line-height: normal;
color: #6d5948;
text-shadow: 0px 0px 1px #000;
}



/* ссылки простые  */
/* 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: #7d6242;
  text-decoration: none;
}

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


/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #423b33; text-shadow: 1px 1px 0px #000; opacity: 1; }


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





/* ИКОНКИ
----------------------------------------------------------------------------------------------------------------------*/
/* Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
width: 35px;
height: 35px;
background-image : url("https://i.imgur.com/ur1SRD7.png");
background-repeat: no-repeat;}

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

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

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




/* ОБЛАСТИ ПОД ТЕКСТ
----------------------------------------------------------------------------------------------------------------------*/
/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box{
background-image: url("");
    color: #38270e;
    background-color: #d8d2bb;
    border: 1px solid #a58663;
    outline: 1px solid #c5ba99;
    box-shadow: -20px 20px 0 -17px #d8d1b9, 20px -20px 0 -17px #d8d1b8, 3px 3px #967c53, -3px -3px #98622b;
}



/* фон шрифтов, графити, видосов, цветов и прочего от тэгов */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("") !important;
padding: 4px; /* Поля вокруг текста */
text-align: center!important; 
    color: #38270e;
    background-color: #d8d2bb;
border: 1px double #d8d1b9;

}


.punbb select {
    color: #38270e;
    background-color: #d8d2bb;
border: 1px double #c3b1a4;
}


/* шрифтовая область */
#font-area { max-height: 380px; overflow-y: auto; font-size: 14!important; }


/* Область для ввода текста в форме ответа и админке .hashelp center div a button, */
.hashelp center div a button,  .punbb textarea,
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    color: #38270e;
    background-color: #d8d2bb;
    border: 1px solid #a58663;
    outline: 1px solid #c5ba99;
    box-shadow: -20px 20px 0 -17px #ccc1a2, 20px -20px 0 -17px #c9bfa1, 3px 3px #967c53, -3px -3px #98622b;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}





/* ПЕРЕГОРОДКИ И КАТЕГОРИИ
----------------------------------------------------------------------------------------------------------------------*/
/* скрыть название категорий*/
#pun-main .category h2 span { visibility: hidden; }

/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 88px;
width: 1100px;
font-size: 0px;
text-align: center;
color: #5f4c3a;
margin-left:  -75px;
background-color: transparent;
background-image: url("https://i.imgur.com/StzQOti.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto; }


/* быстрый ответ */
#post-form h2 {
background: url("https://i.imgur.com/StzQOti.png") top center no-repeat;
width: 1100px;
height: 88px;
margin-top: 0px;
margin-left: -75px;}
#post-form h2 span, .punbb legend span { display: none;  }

/* A5.10 */
/* быстрый ответ */
.punbb .section h2, #pun-main h2 {
  color: #5f4c3a;
  text-shadow: 1px 0px 2px #;
  font-size: 18px;
  font-family: Neucha;
  font-weight: bold;
  text-align: center;
  }


/* перегородка сообщений */
#pun .post h3 {
    padding: 45px 0px 0px 0px !important;
    display: block;
    border-left-width: 0px;
    background: url(https://i.imgur.com/w03qsgi.png) no-repeat;
    height: 101px;
    margin-left: -75px;
    padding-top: 0px;
    margin-bottom: -74px;
    margin-top: -21px;
    width: 1100px;
}



/* ПРОФИЛЬ
----------------------------------------------------------------------------------------------------------------------*/
/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("https://i.imgur.com/0o6NbNk.png") 0 bottom no-repeat, url("https://i.imgur.com/nOmNSzK.png") 0 top no-repeat, url("https://i.imgur.com/FwlFADG.png") repeat-y;
padding: 22px 5px 50px 5px!important; /* вверх, вправо, вниз, влево */
}

li.pa-avatar  {z-index: 5; margin-left: 0px !important; margin-top: 0px; }
.pa-avatar.item2 > img { border-image: url("") 4 4 4 4 round round; }

/* рамка аватара */
li.pa-avatar img { max-width: 200px !important; max-height: 200px !important; 
box-shadow: 0px 0px 3px 1px #000!important;}


/* статус */
.pa-title {text-align: center;
z-index: 1000;
font: small-caps 700 10px "Arial" !important;
letter-spacing: 2px;
padding-top: 40px!important;}


/* ник */
.pa-author a, .pa-author {
    text-align: left;
    color: #71542f;
    text-shadow: 0 0 1px #000;
    font: 15px "Dita-Sweet" !important;
}


#pun .post-author .pa-author a {
color: rgba(214, 177, 109, 0.87);
    background: linear-gradient(rgb(255, 255, 255) 35%, rgb(0, 0, 0) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.8), 0 0 3px rgba(199, 158, 83, 0.9);
}


/* подарки позитив */
.post-author ul { text-align: center; font: small-caps 700 9pt "Arial" !important; }

/* активность */
.pa-online { text-align: center; font: small-caps 700 7pt "Arial" !important; }



/* уважалка и соо в блок2 */
.pa-posts, .pa-respect {
    display: block;
    margin-top: 0px !important;
    width:124px;
    font-family: Arial;
    font-size: 10px;
    text-transform: lowercase;
}
.pa-posts { float: left; margin-left: 0px !important; }
.pa-respect {float: left; margin-left: 2px !important; }

.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { color: #6b4924!important; }








.pa-fld1 {
    background: url("https://i.imgur.com/MJBaDeJ.png") no-repeat scroll center top, url("https://i.imgur.com/wrdqvX5.png") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("https://i.imgur.com/rFoyk3o.png") repeat-y scroll center center;
    color: #65523a!important;
    margin-bottom: 5px !important;
    margin-left: -3px !important;
    margin-top: 4px !important;
    padding: 10px 10px 8px 10px !important;
    width: 240px !important;
font: 700 9px "Arial" !important;
}



.lz {
    margin: 0px 30px 0px 30px;
    display: block;
    text-align: justify;
}


/* АНКЕТА color: #80633e!important;*/
.lzanketa a{ 
font: 50 9pt "Intro_Inline" !important;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 135%;
color: rgba(142, 109, 51, 0.8) !important;
    background: linear-gradient(rgba(255,255,255,1) 20%, rgba(0,0,0,1) 70%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), 0 0 5px rgba(161, 148, 129, 0.5);
}



/* ЛЗ БОЖЕСТВО*/
.lzgod{
    font-size: 10px!important;
    text-align: center!important;
    font-weight: bold!important;
    color: #5d4d39!important;
    background: #0a0605!important;
}

/* ЛЗ СИЛЫ*/
.lzsili{
    color: #675e4b!important;
    font-size: 10px !important;
    font-weight: bold!important;
    LINE-HEIGHT: 10px;
}



/* драхмы, трансформ */
.pa-fld2:hover div {transform: translateX(0)}

.pa-fld2 div {
    transition: all .8s ease-in-out 0s;
    transform: translateX(67px);
    background: url(https://i.imgur.com/1KfENDz.png);
    padding-left: 18px;
    height: 18px;
    font-family: Arial !important;
    font-size: 10px;
    line-height: 18px;
}
.pa-fld2 {
    position: absolute;
    display: block;
    margin-left: 166px !important;
    margin-top: -16px !important;
    width: 82px;
    height: 18px!important;
    overflow: hidden;
}


/* плашка */
.pa-fld3 { margin-bottom: -11px!important; }



/* секреточка */
.pa-fld4 {
    margin-bottom: -20px !important;
    margin-left: -230px !important;
    margin-top: 12px !important;
}





/* ДОПОЛНЯЛКИ ВСЯКИЕ РАЗНЫЕ
----------------------------------------------------------------------------------------------------------------------*/
/* скрыть кол-во тем и соо */
 .category .container thead {display: none;}


/* подписка пост в темах */
#pun-viewtopic div.post h3 strong::before {
content: "пост #";
font-weight: normal;
font-family: Oranienbaum;
}


/* активные пользователи */
div#pun-online.punbb .tc3 { text-align: left;   width: 10%; } /*третья колонка*/ 
div#pun-online.punbb .tcl { text-align: left; }
#pun-online th.tcl, #pun-online th.tc3 { font-size:0%; }


/* выделение */
    ::selection { 
background: none repeat scroll 0 0 #69513d;
    color: #a5937f;
    opacity: 0.4;
    }  
*::-moz-selection {
background: none repeat scroll 0 0 #69513d;
    color: #a5937f;
}




/* МОДЕРАТОРСКОЕ МЕНЮ    ПОЛЯ ВВОДА */
.punbb input {
outline: none;
    background: radial-gradient(ellipse at top, #ab8f5d 10%, #b39870 53%, #9e936a 100%);
    color: #dad1b4;
    border: 1px solid #a58663;
    text-shadow: 0 1px 2px #614725;
}

/* кнопки */
.hashelp center div a button, .button {    
background: radial-gradient(ellipse at top, #b39c73 10%, #9a7f5e 53%, #6d5632 100%);
    border-radius: 3px;
    border-top: medium none;
    color: #6b5226;
    font-family: Cormorant unicase !important;
    font-size: 11px !important;
    margin-top: 5px !important;
    padding: 5px 15px 5px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #af8c5e;
    font-weight: bold!important;
}

.hashelp center div a button:hover, .button:hover {
background: radial-gradient(ellipse at top, #b3955f 10%, #9c7a51 53%, #4a3615 100%);
    color: #d2bc94;
    text-shadow: 1px 1px 1px #6b5334;
}

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











/* форумы */
#pun-index .tclcon {
    background: url(https://i.imgur.com/ZQbgjOl.png) no-repeat bottom center,
 url(https://i.imgur.com/JEjFw4R.png) no-repeat top center,
 url(https://i.imgur.com/Uorvia2.png);
    margin: 0px 0px -10px 0px;
    padding-bottom: 18px;
    width: 506px;
    position: relative;
    z-index: 1;
    text-align: justify;
    font-size: 10px;
    font-family: arial;
    line-height: 15px;
    color: #694f36;
    text-shadow: 0 0 1px #000;
}
/* верх */
#pun-index .tclcon h3 {
    margin: 0px 0 25px 0;
    padding: 15px 0 0px 0;
}
/* текст */
.podforum { margin: 0 25px !important; }


/* ССЫЛКИ В ТЕЛЕ ПОСТА */
.post-box a {     color: #946a3f!important;
    text-shadow: 0 0 1px #daceaa;}





















/* АКТИВНЫЕ ЛЮДИШКИ ПРОЕКТА */
#activist1 {
margin-left: 769px !important;
    margin-top: 154px !important;
    position: absolute;
}

#activist2 {
margin-left: 808px !important;
    margin-top: 154px !important;
    position: absolute;
}

#activist3 {
margin-left: 847px !important;
    margin-top: 154px !important;
    position: absolute;
}

#activist4 {
margin-left: 886px !important;
    margin-top: 154px !important;
    position: absolute;
}

#activist5 {
margin-left: 925px !important;
    margin-top: 154px !important;
    position: absolute;
}







/* ИГРОВЫЕ АКТИВНЫЕ ЛЮДИШКИ ПРОЕКТА */
#igrok1 {
margin-left: 79px !important;
    margin-top: 312px !important;
    position: absolute;
}

#igrok2 {
margin-left: 118px !important;
    margin-top: 312px !important;
    position: absolute;
}

#igrok3 {
margin-left: 157px !important;
    margin-top: 312px !important;
    position: absolute;
}

#igrok4 {
margin-left: 196px !important;
    margin-top: 312px !important;
    position: absolute;
}

#igrok5 {
margin-left: 235px !important;
    margin-top: 312px !important;
    position: absolute;
}




/* ЭПЫ ПРОЕКТА */
#activep {
margin-left: 30px !important;
    margin-top: 312px !important;
    position: absolute;
}



/* НОВОСТИ */
#vstyplenie{ position: absolute;
    overflow: auto;
    overflow-x: hidden;
    padding: 2px;
    height: 80px;
    width: 286px;
    margin-left: -4px;
    margin-top: 73px;
    font-size: 10px;
    color: #7b5e3b;
    line-height: 9px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
    text-align: justify;
}



/* НОВОСТИ */
#novosti { position: absolute;
    overflow: auto;
    overflow-x: hidden;
    padding: 2px;
    height: 60px;
    width: 286px;
    margin-left: -4px;
    margin-top: 239px;
    font-size: 10px;
    color: #7b5e3b;
    line-height: 9px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
}

/* НОВОСТИ2 */
.neewsnumber {
    background-color: #150a04;
    color: #8e7048;
    font-family: 'Intro_Inline';
    font-size: 8px !important;
    font-weight: bold;
    padding-top: 3px;
    width: 286px;
text-align: center;
letter-spacing: 2px;

}

/* НОВОСТИ2 */
.neewstext {
    margin-left: 0px !important;
    margin-top: 2px !important;
    padding-bottom: 0px !important;
    text-align: justify;
}



#bannns { position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    height: 62px;
    width: 978px;
    margin-left: -8px;
    margin-top: -96px;
}






/* НАВИГАЦИЯ В ТАБЛЕ */
/* ссылки вылезалки */
.sslka {display: block; text-align: center; width: 212px;}
#pun .sslka a { display: block; text-align: center; margin-top: 1px; background-color: #1f0d05 !important; border-radius: 2px; color: #a58659; transition: all 0.3s linear 0s; white-space: nowrap; }
#pun .sslka a:hover { background-color:#18100a!important; }

/* сами вкладки */
#vkladka1 {position: absolute;
    z-index: 9;
    top: 181px;
    margin-left: -6px;
    width: 212px;
}

/* кнопки нави*/
.navi_knopka {  position: absolute;
display: inline-block;
cursor: pointer;
background-image: url(https://i.imgur.com/rG6at3k.png);
background-position: 0px 0px;
    width: 212px;
    height: 17px;
    font-size: 0;
    top: 166px;
    margin-left: -6px!important;
}










/******************************************************************
  Cтиль к скрипту: 
 "Всплываюшая таблица с вкладками, в топике, с инфой о персонаже"
******************************************************************/
/*Стиль иконки в мини-профиле*/
img.a-info{ margin-left: -3px!important;
margin-top: -15px!important;
position: relative;
  cursor:pointer;
}
/* Затемняющий фон */
#pre-wrap {
 margin:0;
 top:0;bottom:0;
 left:0;right:0;
 width:100%;
 height:100%;
 position:fixed;
 z-index:20000;
 background: rgba(0,0,0,.65);
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
 float:right;
 margin:0 -35px 0 0!important;
 width:27px;
}
/* Корневой таб(UL) */
.my-tabs{
 display:block;
 z-index:30000;
 position:absolute;
 max-height:900px;  /*максимальная высота таблички*/
}


/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
 position: absolute;
 z-index: 9998;
 margin: 0 auto;
 margin-left: 0px;
 padding-top: 0px;
 top: 0px;
 width: 880px;
 height: 500px;
    background: url(https://i.imgur.com/lxrEbIU.png);
}

/*Отступ контента вкладки сверху*/
.tab-a .post-content{
 margin-top:-20px;
 text-align:left;
 display:inline-block;
}




.miatka_bogovnik{
    position: absolute;
    margin-left: 4px!important;
    padding-top: 0px;
    top: 76px;
 width: 541px;
 height: 405px;
    background: url(https://i.imgur.com/zmrL78j.png);
}




/* ДОСТИЖЕНИЯ */
.pnl-dostizhenie {
position: absolute;
    margin-left: 12px!important;
    top: 26px!important;
    width: 514px!important;
    height: 367px!important;
    overflow: auto!important;
}




/* ПЛАШКИ */
.pnl-plashka {
position: absolute;
    margin-left: 566px!important;
    top: 176px!important;
    width: 285px!important;
    height: 266px!important;
    overflow: auto!important;
    text-align: center;
}


/* НОМИНАЦИИ */
.pnl-nominatcii {
position: absolute;
    margin-left: 15px!important;
    top: 102px!important;
    width: 516px!important;
    height: 125px!important;
    overflow: auto!important;
}


/* ПОДАРКИ */
.pnl-podarki {
position: absolute;
    margin-left: 15px!important;
    top: 261px!important;
    width: 516px!important;
    height: 208px!important;
    overflow: auto!important;
}


/* картинка в панели */
.pnl-kartinka  { position: absolute; margin-left: 740px!important; margin-top: 13px!important; }
.pnl-kartinka2 {  border-radius: 0px;  width: 118px; height: 118px;}



/* ЦИТАТА */
.pnl-citat {
position: absolute;
    margin-left: 38px!important;
    margin-top: 25px!important;
    font: 14px Isabella-Decor;
    color: #806b45;
    height: 25px;
    width: 464px;
    line-height: 11px;
    overflow-x: hidden;
    overflow-y: hidden;
}









/* ПОЛОЖЕНИЕ ПЕРЕКЛЮЧАЛОК */
#menu {    position: absolute;
  margin-left: 570px!important;
  margin-top: 40px!important;
  width: 140px!important;
  text-align: center!important;
}

#menu span {
    display: block!important;
    background-color: #120e0a;
    padding: 8px 16px;
    font-family: Isabella-Decor;
    font-size: 22px;
    color: #925e39;
    background: linear-gradient(to bottom, #b17537 20%, #533e29 80%, #755534);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ЦВЕТ ПЕРЕКЛЮЧАЛОК АКТИВ */
#menu .tabactive {color: #614230;
    background: linear-gradient(to bottom, #442f26 20%, #614420 80%, #754f34);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* ДОСТИЖЕНИЯ */
.pnl-pereclichalka  {padding-top: 2px;
width: 541px;
height: 405px;}