/* 001 ФОН И ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/


/* о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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container 
{background-color: transpanent;
color: #1b1d1d;
}



/* форма быстрого и расширенного ответа */
.punbb select, .punbb input
{
padding: 5px;
color: #81675b;
    background-color: #f3e7e1;
    font-size: 10px;
    border: 1px #e2c6ba solid!important;
    box-shadow: inset 0 0 5px #f9f4f1;
}


.punbb textarea
{
padding: 5px;
    color: #487178;
    background-color: #deeaed;
    border: 1px #b5d9df solid!important;
    box-shadow: inset 0 0 5px #e4ebed;
}


html {
    background: url(https://i.imgur.com/wZrfD79.png) fixed repeat top center; 
background-repeat: repeat; 
 background-color: #b6d9df; 
  }


body {
    background:transparent url(https://i.imgur.com/0U5q8FI.png) center top no-repeat;
    padding-top: 404px !important; 
   }

#pun { background-color: transparent;
background-image: url(https://i.imgur.com/gfmB70E.png); 
}

/* 002 ГРАНИЦЫ
-------------------------------------------------------------*/

/* о1. скрыть все границы на форуме. */
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, .punbb .quote-box, .punbb .code-box, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
border-style:none !important;
  }

/* 003 ССЫЛКИ
-------------------------------------------------------------*/

/* о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: #2e5f63;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #2e5f63;
}

/* о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: #61a8ae;
  }

/* о3. цвет ссылок меню в спокойном состоянии: форум, участники и т.д. */
#pun-navlinks a {
    color: #2e5f63;
text-decoration: none;
  }


/* о4. цвет ссылок меню при наведении: форум, участники и т.д. */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #61a8ae;
text-decoration: none;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transpanent;
color: #2e5f63;
  }

/* CS4 ГРАФИЧЕСКОЕ НАПОЛНЕНИЕ
-------------------------------------------------------------*/


/* иконки сообщений */
Div.icon {background-image : url(https://i.imgur.com/vz3bYY5.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(https://i.imgur.com/TNTeNCB.png); background-repeat: no-repeat;}


/* футер */
#pun-about p.container {
background-image : url(https://i.imgur.com/RRDP1wI.png); 
background-repeat : no-repeat; 
height : 110px;
width: 1088px; 
margin-bottom: -100px;
margin-left: -35px;
text-align: center;
border-color: transparent;
}

div#html-footer {margin: -50px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: -50px;} /* чем больше значение, тем выше низ */




/* настройки профиля ----------------------------- */

/* настройки профиля ----------------------------- */

/* статус игрока ----------------------------- */
.pa-title
{
font-size: 8px!important;
    line-height: 9px!important;
    letter-spacing: 2px;
    font-family: arial !important;
    margin-top: -5px !important;
    margin-bottom: 10px !important;
    color: #b39d94;
}

.punbb .post .post-author {
  background:url(https://i.imgur.com/7RrQ9EL.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(https://i.imgur.com/VZGvQD5.png) 0 top no-repeat,url(https://i.imgur.com/PkEPEdx.png) 0 bottom no-repeat; /*Фон верха - низа*/
margin: -16px 0 -48px 0!important;
     padding: 35px 25px 25px 25px!important;
}



li.pa-avatar.item2{
width:190px;
  background: url(https://i.imgur.com/xGUMadl.png) 0 bottom no-repeat, url(https://i.imgur.com/Db9rRTa.png) 0 top no-repeat, url(https://i.imgur.com/99rxuyP.png) 0 top repeat-y;
text-align:center;
padding-top: 5px;
    padding-bottom: 2px;
    margin-bottom: 5px!important;
    margin-left: -12px;
}

li.pa-avatar.item2 img {border: 1px solid #75a8b4;
}


li.pa-online {
    background-color: #e0c9bf;
    width: 208px;
    margin-left: -25px !important;
    line-height: 20px !important;
    color: #9f7e70;
    font-size: 10px;
    font-family: 'fran';
    letter-spacing: 1px;
    border: 1px solid #c8a799 !important;
    font-weight: 100 !important;
}

li.pa-online strong {
    font-weight: 100 !important;
}

/***********************************
     Иконки на сообщений и репутацию
***********************************/
.pa-posts .fld-name,.pa-respect .fld-name{
  font-size:0!important;
}
.pa-posts .fld-name:before{
  content:"";
  display: inline-block;
  width:20px; height:16px;
  margin-right:-8px;
  background: url(https://i.imgur.com/yPYcV8s.png) no-repeat;
}
#pun.isuser .pa-respect  .fld-name a{
  display: inline-block!important;
}
#pun.isuser .pa-respect .fld-name a:before{
  content:"";
  display: inline-block!important;
  width:20px; height:16px;
  margin-right:-8px;
  background: url(https://i.imgur.com/qjYyXLQ.png) no-repeat;
}
#pun.gid3 .pa-respect .fld-name:before{
  content:"";
  display: inline-block;
  width:20px; height:16px;
  margin-right:-8px;
  background: url(https://i.imgur.com/qjYyXLQ.png) no-repeat;
}



/* блоки сообщения & репутация
-------------------------------------------------------------*/
/* посты и лайки */
.pa-posts {
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    padding: 4px 2px 4px 2px!important;
    width: 35px !important;
    margin-left: -25px !important;
    font-size: 10px;
    font-family: 'fran';
    color: #9f7e70;
    letter-spacing: 1px;
    line-height: 10px;
    margin-top: 10px !important;
}

.pa-respect {
margin-top: -10px!important;
    margin-right: -25px !important;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    padding: 4px 2px 4px 2px!important;
    width: 50px !important;
    margin-left: 0;
    font-size: 10px;
    font-family: fran;
    color: #9f7e70;
    letter-spacing: 1px;
    line-height: 10px;
}

.pa-respect a {
    color: #9f7e70!important;
}


.pa-fld1 {
  font-size: 10px;
    font-family: fran;
    color: #9f7e70;
    letter-spacing: 1px;
    display: inline-block;
    width: 45px;
    height: 43px;
}

.mp { display: inline-block;
    margin-top: -13px !important;
    line-height: 20px;
    margin-left: 25px !important;}

.mon { display: inline-block;
width: 45px;
}


.pa-fld2 {
display: inline-block;
    width: 212px;
    margin-left: -25px !important;
    background-color: #e0c8be;
    border: 1px solid #c8a799;
    box-shadow: inset 0 0 5px #efe8e5;
}

.lsf { font-size: 9px;
    font-family: arial;
    color: #9f7e70;
    letter-spacing: 0.5px;
    text-align: justify;
    width: 190px;
    padding-left: 12px;
    line-height: 12px;}

/* подфорум ----------------------------- */

.dorde1 {    width: 422px;
height: 77px !important;
    padding: 0;
background: url(https://i.imgur.com/3eG7ASy.png) top no-repeat;
    margin-top: -30px !important;}

.dorde2 {
    padding-top: 35px;
    padding-left: 12px;
    text-align: justify;
    width: 400px;}

.dte {       font-family: arial;
    overflow: auto;
    height: 25px;
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: -7px !important;}

.tclcon h3 {
    margin-top: 0px;
    text-align: center; 
}

.tclcon h3 a {
font-family: arial;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 37px !important;
    color: #ddeaeb !important;
}


.foli {
width: 418px;
    padding: 2px 0px 2px 0px;
    text-align: center;
    font-family: verdana;
    letter-spacing: 1px;
    font-size: 7px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 3;
    margin-top: 2px !important;
    margin-left: 2px !important;
}
.foli a {background: #336569;
    padding: 2px 8px 2px 8px;
    border: 1px solid #376d71;
    font-family: arial;
    font-size: 7px;
    color: #c1dadf !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: inset 0px 0px 5px #77abaf;}




/* расстояние между подфорумами ----------------------------- */
#pun-index .tcl h3 {
margin-top: 10px !important;}

/* регулировка иконки сообщений только на главной странице ----------------------------- */
#pun-index div.icon{
margin-top: 4px;
    margin-right: 150px;
}


/* кнопки на форуме ----------------------------- */
.hashelp center div a button, .button, .punbb input { 
    color: #2d3333;
    background-color: #cfcfcf;
    font-size: 10px;
    border: 1px #babfbf solid!important;
padding: 5px;
cursor: pointer;}


/*Скрыть список Модераторов на Главной*/
.punbb .tcl .modlist{display:none!important;}


/* прокрутка под дизайн */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;}

::-webkit-scrollbar-track {
border: 1px solid #ceb7a8 !important;
    /* background-image: url(https://i.imgur.com/wZrfD79.png); */
    background: -webkit-linear-gradient(180deg, rgb(240, 229, 219), rgb(216, 200, 186));
    background: -moz-linear-gradient(180deg, rgb(240, 229, 219), rgb(216, 200, 186));
    background: linear-gradient(180deg, rgb(240, 229, 219), rgb(216, 200, 186));
    box-shadow: inset 0 0 3px #fff;
}

::-webkit-scrollbar-thumb {
background: #eee7e0 !important;
    border: solid 1px #ceb7a8!important;
    box-shadow: inset 0 0 3px #c7b9ab;}

::-webkit-scrollbar-thumb:active {
background: #eee7e0 !important;}



/* допы */

.punbb .user-avatar {display: none;}

/* таблица */

.v1 {
position: absolute;
    top: -85px;
    left: 490px;
    width: 176px;
    height: 36px;
    overflow: auto;
    color: #c2ad97;
    text-align: justify;
    font-size: 9px !important;
    font-family: arial;
    letter-spacing: 1px;
    padding-right: 3px;}


.punbb .pa-avatar img {
    border: 3px solid #4c4f35;
}


.punbb .post h3 {    background: #e0c8be;
    border-bottom: 1px solid #c8a799 !important;
    border-top: 1px solid #c8a799 !important;
    width: 1065px;
    margin-left: -9px !important;}



/* иконки вверх вниз
-------------------------------------------------------------*/
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
z-index:9999;
cursor:pointer;
margin-bottom:60px; 
height:128px; 
}
.go-up {
bottom:230px; /*положение от низа окна браузера верхняя кнопка*/
    margin-left: 1067px !important;
}
.go-down {
bottom:160px; /*положение от низа окна браузера нижняя кнопка кнопка*/
    margin-left: 1067px !important;
}
.go-down:hover,.go-up:hover {
opacity:1;
}



/* МЕНЮ ФОРУМА
-------------------------------------------------------------*/

#pun-navlinks a {
display: inline-block;
margin-left: 10px;
}

/* главная
-------------------------------------------------------------*/

#navindex a {background: url(https://i.imgur.com/GyTh0E0.png) no-repeat top center; width: 141px; height: 27px; width: 141px;
    height: 27px;
    z-index: 200 !important;
    position: relative;}

#navindex a:hover {background: url(https://i.imgur.com/OOpVIKf.png) no-repeat top center; width: 141px; height: 27px; width: 141px;
    height: 27px;
    z-index: 200 !important;
    position: relative;}


/* игроки
-------------------------------------------------------------*/

#navuserlist a {background: url(https://i.imgur.com/8TSA4BE.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 100 !important;
    position: relative;}

#navuserlist a:hover {background: url(https://i.imgur.com/dnKJYKT.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 100 !important;
    position: relative;}

/* поиск
-------------------------------------------------------------*/

#navsearch a {background: url(https://i.imgur.com/hqGgUBT.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 99 !important;
    position: relative;}

#navsearch a:hover {background: url(https://i.imgur.com/rOUDDuO.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 99 !important;
    position: relative;}

/* профиль
-------------------------------------------------------------*/

#navprofile a {background: url(https://i.imgur.com/C6eYeXM.png) no-repeat top center; width: 159px;
    height: 24px;
    margin-left: -38px;
    z-index: 98!important;
    position: relative;
}

#navprofile a:hover  {background: url(https://i.imgur.com/WaWnFUD.png) no-repeat top center; width: 159px;
    height: 24px;
    margin-left: -38px;
    z-index: 98!important;
    position: relative;
}


/* сообщения
-------------------------------------------------------------*/

#navpm a {background: url(https://i.imgur.com/jeCOUZY.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 97 !important;
    position: relative;}

#navpm a:hover  {background: url(https://i.imgur.com/RbOxAQC.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 97 !important;
    position: relative;}

/* админ
-------------------------------------------------------------*/

#navadmin a {background: url(https://i.imgur.com/BeZFxTO.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 96 !important;
    position: relative;}

#navadmin a:hover  {background: url(https://i.imgur.com/sY1Zw1z.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 96 !important;
    position: relative;}

/* выход
-------------------------------------------------------------*/

#navlogout a {background: url(https://i.imgur.com/G6UxPHw.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 95 !important;
    position: relative;}

#navlogout a:hover  {background: url(https://i.imgur.com/jatI9Xn.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 95 !important;
    position: relative;}

/* вход
-------------------------------------------------------------*/

#navlogin a {background: url(https://i.imgur.com/35N20qK.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 94 !important;
    position: relative;}

#navlogin a:hover  {background: url(https://i.imgur.com/o8VRYGI.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 94 !important;
    position: relative;}

/* регистрация
-------------------------------------------------------------*/

#navregister  a {background: url(https://i.imgur.com/va3yp30.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 93 !important;
    position: relative;}

#navregister  a:hover  {background: url(https://i.imgur.com/Fg0yb4I.png) no-repeat top center; width: 141px;
    height: 24px;
    margin-left: -38px;
    z-index: 93 !important;
    position: relative;}


#pun-navlinks a span {display: none;}



/* КНОПКИ НА ФОРУМЕ
-------------------------------------------------------------*/

#pun-admain input, #pun-admain select {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0.3em;
    background-color: #f3e7e1;
    border: 1px solid #e2c6ba!important;
    font-family: 'fran'!important;
    color: #9b7667!important;
}


#upload-button-container input[type=button] {background-color: #f3e8e1;
    border: 1px solid #e2c6ba !important;}

#imageupload-left input[type=button] {background-color: #f3e8e1;
    border: 1px solid #e2c6ba !important;}

/* гостевая
-------------------------------------------------------------*/
.gb {background: transparent url(https://i.imgur.com/ik0lvJN.png) no-repeat scroll center top;
    width: 660px !important;
    height: 360px!important;
padding-left: 0px !important;}

.gbwel {color: #8f755a;
    font-family: arial;
    width: 420px;
    height: 42px;
    overflow: auto;
    font-size: 9px;
    line-height: 11px;
    position: absolute;
left: 85px;
    top: 50px;
    text-align: left;}


.gbwel2 {
    position: absolute;
    text-align: left;
    top: 275px;
    left: 85px;
color: #8f755a;
    font-family: arial;
    font-size: 9px;
    line-height: 11px;
}

img.blo {
    padding-top: 2px;
}


.gbli {position: absolute;
    width: 600px;
    text-align: center;
    top: 13px;
    left: 80px;}

a.gbl {
    background-color: #285559;
    color: #c8ecef !important;
    font-family: fran;
    letter-spacing: 3px;
    font-size: 11px;
    padding: 3px 10px 5px 10px;
    border-radius: 0 0 8px 8px;}


.gbleft {
    position: absolute;
    left: 66px;
    top: 125px;
width: 305px;
    overflow: auto;
    height: 135px;
}

.gblis {
    background-color: #f0e3de;
    border: 1px solid #f7f3f1;
    box-shadow: inset 0 0 1px #997a6f;
    padding: 2px 0 2px 5px;
    width: 280px;
    margin-left: 8px !important;
    margin-bottom: 3px !important;
}

.gblis2:hover {
    background-color: #efdbd3;
    border: 1px solid #fdf3f0;
    box-shadow: inset 0 0 1px #d9c1b9;
}

.gbfa1 {
    font-family: arial;
    font-size: 11px;
    letter-spacing: 1px;
    color: #b38172;
    display: inline-block;
}

.gbfa2 {
    font-family: arial;
    font-size: 7px;
    letter-spacing: 1px;
    color: #b38172;
    display: inline-block;
}

.gbfa3 {
    color: #da6d4b;
    font-family: arial;
    font-size: 11px;
    letter-spacing: 1px;
    display: inline-block;
}

.gblefr {
    position: absolute;
    top: 125px;
    left: 384px;
 width: 305px;
    overflow: auto;
    height: 135px;}




/* занятые внешности
-------------------------------------------------------------*/

.face {background: transparent url(https://i.imgur.com/2wIwOe9.png) no-repeat scroll center top;
    width: 660px !important;
    height: 380px!important;
padding-left: 0px !important;}

.facein1 {
color: #8f755a;
    font-family: arial;
    font-size: 9px;
    line-height: 11px;
position: absolute;
    top: 38px;
left: 75px;
    text-align: left;
}

.facein2 {
color: #8f755a;
    font-family: arial;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 1px;
    position: absolute;
    top: 38px;
    left: 415px;
    text-align: center;
}

.gblis2 {
    background-color: #f0e3de;
    border: 1px solid #f7f3f1;
    box-shadow: inset 0 0 1px #997a6f;
    padding: 2px 0 2px 5px;
    width: 280px;
    margin-left: 8px !important;
    margin-bottom: 3px !important;
}

.fac11 {
position: absolute;
    top: 70px;
    left: 60px;
    width: 305px;
    height: 286px;
    overflow: auto;
}

.fac22 {
    position: absolute;
    top: 70px;
    left: 383px;
    height: 286px;
    overflow: auto;
    width: 305px;
}

.gbfa5 {color: #da6d4b !important;}


/* базовая тема
-------------------------------------------------------------*/

.basafor {
    width: 660px;
background: url(https://i.imgur.com/90N4LMZ.png) top no-repeat, url(https://i.imgur.com/sEiY93W.png) bottom no-repeat, url(https://i.imgur.com/FeZwthH.png) repeat-y;
}

.basafort {
width: 600px;
    padding-top: 20px;
    padding-bottom: 25px;
    color: #81675b;
    font-size: 10px;
    letter-spacing: 0.2px;
    text-align: justify;
}

.basafort img {
border: 3px solid #e0c8be !important;
margin: 5px 10px 5px;
}




/* оформление формы ответа
-------------------------------------------------------------*/
.punbb .formal .container {
    padding: 1.7em 2.3em 1.1em 2.3em;
    background-image: url(https://i.imgur.com/wZrfD79.png);
    border-radius: 15px;
    border: 1px solid #fff !important;
}