/* 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: #2c3630;
}

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{
color: #2c3630;
}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select, .punbb input
{
background-color: #b2b2b2; 
border: 3px double #9b9c9c;
padding: 5px;
box-shadow: inset 0px 0px 10px #8c8b8b;
}


body {
background:
url("http://s8.uploads.ru/0HpVQ.png") repeat-x top center, 
url("http://sd.uploads.ru/6tdjU.png") repeat-x bottom center, 
#15232a url("https://image.ibb.co/m1DwPo/BG.png") repeat;
overflow-x: hidden;
}

#pun {background-color: #c2c5c5;
background-image: url(http://sg.uploads.ru/WKrxT.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: #2b4434;
text-decoration: none;
}

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

/* о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: #5f7d6a;
  }

/* линки акивные темы, ответы и т.д. */
#pun-ulinks a:hover {
text-shadow: -0.06em 0 red, 0.06em 0 cyan;
  }

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

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

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

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

/* иконки сообщений */
Div.icon {background-image : url(http://sh.uploads.ru/Br3Tg.png); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(http://s7.uploads.ru/gfydv.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://s7.uploads.ru/ROhmD.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://sh.uploads.ru/gnSGH.png); background-repeat: no-repeat;}

/* логотип */
#pun-title table {background-color: transparent;
background-image : url(http://sh.uploads.ru/YVhHZ.png);
width: 1160px!important;
background-repeat : no-repeat;
background-position: bottom center;
height: 350px;
margin-left: -100px;
}


/* футер */
#pun-about p.container {
background-image : url(http://s8.uploads.ru/xilSp.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 206px;
width: 1160px; 
margin-bottom: -22px;
margin-left: -100px;
text-align: center;
border-color: transparent;
}


/* настройки профиля */
.punbb .post .post-author {
float: left;
text-align: center;
margin-top: 0.5em;
padding-top: 10px;
overflow: hidden;
font-family: arial;
letter-spacing: 1px;
font-size: 10px;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://sa.uploads.ru/lOdaQ.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://s3.uploads.ru/j5n40.png) 0 top no-repeat,url(http://s9.uploads.ru/NyFrL.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-5px 0 -25px 0!important;
  padding: 35px 5px!important;
}


.name {font-family: Cambria;
  font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
color: #0f1619!important;
} 

.lz {width: 190px;   
font-size: 10px!important; 
color: #1c2a2c;
letter-spacing: 1px!important; 
font-family: arial;
padding: 5px;
text-align: justify;}

.pa-fld1 {
margin-left: 5px !important;
padding: 5px!important; 
}

.pa-fld1:after {
content: url(http://sg.uploads.ru/w57DA.png);
margin-left: -7px;
}


/* подсказки
-------------------------------------------------------------*/
.tooltip {
	position: relative;
        padding-right: 5px;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
        width: 180px; 
	bottom: 23px;
	right: 15px;
text-align: center;
line-height: 9px; 
font-family: arial; 
font-size: 10px !important; 
color: #433b32;
  background: #ddd5c6;
  padding: 5px;
  box-shadow: inset 0 0 10px 0px #bfb5a3!important; 
border: 3px double #a49987;
padding: 5px;
}

.tooltip:hover em i {
	position: absolute;
        bottom: -7px;
	right: 5px;
	display: block;
}




 .punbb .post h3 strong {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 5px;
        text-align: left !important;
        width: auto !important;
    }


/* статус игрока рядом с аватаром */
    #pun-status { 
    background: transparent;
    border-radius: 5px;
color: #929a96 !important; 
     }
     
    #pun-status { 
      font-size: 9px; 
    height: 60px;
    margin: auto 0px auto auto;
    position: absolute;
text-transform: uppercase;
    left: 140px;
    top: 40px;
    width: 270px;
 line-height: 11px!important; 
color: #d3d7e3 !important; 
font-family: arial;
font-style: italic;
}


 #pun-status .container 
{ 
color: #929a96 !important; 
letter-spacing: 1px;
text-transform: lowercase;
font-size: 10px;
font-family: arial;
}

 #pun-status .container a {
color: #475959 !important; 
}


/* прокрутка под дизайн */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}
::-webkit-scrollbar-track {
    background: #303a31 !important;}
::-webkit-scrollbar-thumb {
    background: #1d211d !important;}
::-webkit-scrollbar-thumb:active {
background: #1d211d;}

/* ссылки внутри подфорум */
#pun-viewforum .tcl a {
  font-size: 11px;
font-family: Cambria;
text-transform: none;
  font-weight: bold;
letter-spacing: 1px;
color: #2b3730!important;
}

#pun-viewforum .byuser  {
font-size: 8px;
font-family: Cambria;
letter-spacing: 2px;
text-transform: uppercase;}

/* статистика */
.statscon {
 width: 800px; 
font-size: 9px;
font-family: Cambria;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
padding-left: 50px;
}

/* скрытие титла наград */
.mini_awards_label {
visibility:hidden;
}

/* оформление фона под аватаром */
.post-author ul li.pa-avatar {
background: #192a2c;
text-align: center;
width: 225px;
height: 190px;
padding-top: 8px;
}


/* оформление кнопки спойлера наград */
.punbb .pa-awards {padding-top:10px;}
.mini_awards_label, .mini_awards {display: none; 
padding: 2px;
text-align: center;
font-size: 8px;
font-family: Cambria;
letter-spacing: 1px;
text-transform: uppercase;
} 
#awrdbut * {cursor: pointer; paddign-top: 5px; margin-left: 5px; width: 200px;
text-align: center;
font-size: 8px;
font-family: Cambria;
letter-spacing: 1px;
text-transform: uppercase;}


/* оформление переноса сообщений */
.move_posts_form .container {
background-color: #b2b2b2; 
border: 3px double #9b9c9c;
padding: 5px;
box-shadow: inset 0px 0px 10px #8c8b8b;
}

#button-mybb {background-image:url('http://sg.uploads.ru/TqlWA.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:16px; width:100%}


/* регулировка размера шрифта бегунком */
.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #9c9e9d;
  width: 110px;
  height: 5px;
  margin: 10px 5px;
  border: solid 1px #ccc;
  float: right;
  margin-right: 10%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #3f4f52;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #1f2c2f;
  cursor: pointer;
}

/* убирает расстояние между ячейками в таблице */
#pun .punbb .post-content td, #pun .punbb .post-content tr {
   border-width: 0px !important;
padding: 0px}

/* свой стиль в bb кодах */
.post #t {
font-size: 11px;
font-family: Cambria;
letter-spacing: 2px;
}

.post #t2 {
font-size: 9px;
font-family: Cambria;
letter-spacing: 2px;
color: #3a504c;
text-decoration: underline;
text-transform: uppercase;
}



/* всплывающая информация в таблице активистов*/
.fearac {position: absolute;}

 .fearac1 {width: 50px;
  height: 60px;
  position: relative;
  overflow: hidden;
  margin-left: 2px}

 .fearac2 {
  width: 50px;
  height: 15px;
  text-align: center;
  background-color: #101110;
  color: #515d5a;
  font-size: 8px;
  font-family: Cambria;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  padding-top: 3px;
  transition: all 0.3s linear 0s;}
  
  .fearpic {width: 50px;
  height: 60px;}

  .fearac1:hover .fearac2 {margin-top: -30px;}

/* всплывающая информация лучший игрок*/

.bestpl {position: absolute;}

 .bestpl1 {width: 333px;
  height: 50px;
  position: relative;
  overflow: hidden;
  margin-left: 2px}

 .bestpl2 {
  width: 333px;
  height: 15px;
  text-align: center;
  background-color: #101110;
  color: #515d5a;
  font-size: 9px;
  font-family: Cambria;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  padding-top: 3px;
  transition: all 0.3s linear 0s;}
  
  .bestpic {width: 333px;
  height: 50px;}

  .bestpl1:hover .bestpl2 {margin-top: -30px;}




/* код для отношений игроков*/

.sp {width: 165px; height: 100px; padding-right: 5px; overflow: auto; text-align: justify; line-height: 10px;
  font-size: 10px;
  font-family: arial;}

.sprel {background-color: #b2b2b2; 
border: 3px double #9b9c9c;
padding: 5px;
box-shadow: inset 0px 0px 10px #8c8b8b;}

.sprelname {width: 290px;
  height: 15px;
 text-align: center;
  background-color: #2c3934;
  color: #afbeb8;
  font-size: 9px;
  font-family: Cambria;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 3px;
  margin-left: 10px;
}

 .sprell1 {width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-left: 2px}

 .sprell2 {
  width: 100px;
  height: 30px;
  text-align: center;
  background-color: #2c3934;
  color: #afbeb8;
  font-size: 9px;
  font-family: Cambria;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  padding-top: 3px;
  transition: all 0.3s linear 0s;}
  
  .sprellpic {width: 100px;
  height: 100px;}

  .sprell1:hover .sprell2 {margin-top: -70px;}




    .post-author ul li.pa-avatar img{pacity:1;}
    .post-author ul li.pa-avatar img:hover {opacity:1;   filter: gray; /* IE6-9 */
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* Chrome */
  transition: 1s;
}


#font-area span {
background-color: #b2b2b2; 
border: 3px double #9b9c9c;
padding: 5px;
box-shadow: inset 0px 0px 10px #8c8b8b;
}