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


/* CS1.2 ТЕЛО И ФОН ФОРУМА */

body {background:
url("http://forumfiles.ru/files/0019/3c/31/75918.jpg") no-repeat top center, 
url("http://forumfiles.ru/files/0019/3c/31/75607.jpg") no-repeat center bottom,
url("http://forumfiles.ru/files/0019/3c/31/31869.jpg") repeat-y center;
}
HTML {background:
url("http://forumfiles.ru/files/0019/3c/31/51468.jpg") repeat;} 
#pun {background-color: #transparent; /* обязательно надо настраивать приятный цвет, ибо некоторые сидят с телефонов без картинок */
}

/* ФУТЕР, КОПИРАЙТ, НИЗ ФОРУМА */
#pun-about p.container {
margin: 0px 0 -30px -10px; /* вверх, вправо, вниз, влево */
text-align: center;
line-height: 1;
font-size: 9px; 
}
/* ЗАДАВАТЬ ОТСТУП СНИЗУ ЕСЛИ ПОЯВЛЯЕТСЯ ЛИШНЕЕ*/
div#pun-about { margin-bottom: 235px; }


/* ТЕКСТ ВСЕГО ФОРУМА */
.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; font-weight: normal; font-style: normal; 
color: #22211f; /* меняем только цвет */
}



/* ССЫЛКИ НАВИГАЦИИ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, ОБЩЕЕ И ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */
div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 5px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 30px; left: 5px; }


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a  {
text-align: center;    position: relative;  /* положение текста */
font-family: helvetica; 
font-size: 14px!important; 
font-weight: bold;  
color: #744506;  /* цвет текста */
text-transform: lowercase; 
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #744506;
opacity: 0.6; /* прозрачность, 1 непрозрачная, нуль прозрачная */ }



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {text-align: justify;  position:relative;
z-index:2000 !important;
font-family: helvetica;
font-size: 10px; !important;
font-weight: 400;
font-variant: small-caps;
color: #908979;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { opacity: 0.4;  /* прозрачность */ }




/* ОБЫЧНЫЕ ССЫЛКИ
---------------------------------------------------------------------------------------------*/
/* ССЫЛКИ ДО НАВЕДЕНИЯ */
.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 {
color: #744506;
cursor: pointer;
text-decoration: none;
}

/* ССЫЛКИ ПОСЛЕ НАВЕДЕНИЯ */
.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 {
border-bottom: 0.1px solid #744506;
/* плавность */
transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s; -o-transition-duration:.5s; }



/* ИКОНКИ НОВЫХ СТАРЫХ ВАЖНЫХ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* СТАРЫЕ ТЕМЫ */
.punbb table Div.icon {float: right; 
display: block; 
width: 43px;
height: 39px;
background-image : url("http://forumfiles.ru/files/0019/3c/31/12392.png");
background-repeat: no-repeat;}

/* НОВЫЕ ТЕМЫ */
TR.inew Div.icon {
width: 43px;
height: 39px;
background-image : url("http://forumfiles.ru/files/0019/3c/31/12954.png");
background-repeat: no-repeat;}

/* ВАЖНЫЕ ТЕМЫ */
TR.isticky Div.icon {
width: 43px;
height: 39px;
background-image : url("http://forumfiles.ru/files/0019/3c/31/57027.png");
background-repeat: no-repeat;}

/* ЗАКРЫТЫЕ ТЕМЫ */
TR.iclosed Div.icon {
width: 43px;
height: 39px;
background-image : url("http://forumfiles.ru/files/0019/3c/31/57027.png");
background-repeat: no-repeat;}




/* БЛОКИ ВВОДА ТЕКСТА
---------------------------------------------------------------------------------------------*/
/*цитаты, формы ответа, коды */

.punbb textarea, .punbb .post-content .quote-box, .punbb .post-content .code-box {
border-style: solid;
border-width: 6px 4px 4px 9px;
-moz-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
-webkit-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
-o-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 fill repeat;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-report .inner, #pun-reputation .inner,#pun-popup_awards div, #pun-reputation div {
border-style: solid;
border-width: 6px 4px 4px 9px;
-moz-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
-webkit-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
-o-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 fill repeat;
}

 #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -375px;
    width: 881px !important;
    z-index: 100;
}


/* область ввода текста в форме ответа и админке */
.punbb textarea, .punbb select {
border-style: solid;
border-width: 6px 4px 4px 9px;
-moz-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
-webkit-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
-o-border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 repeat;
border-image: url(http://forumfiles.ru/files/0019/3c/31/24907.png) 6 4 4 9 fill repeat;
}






/* СТАТИСТИКА, КАТЕГОРИИ
----------------------------------------------------------------------------------------------------------------------*/
/* CS4 Картинки категорий и тем */
.punbb .category h2, #pun-stats h2, #pun-main #post-form h2, #pun-debug h2 {
background: url("http://forumfiles.ru/files/0019/3c/31/93761.png") no-repeat scroll center top;
font-family: 'Verdana';
font-size: 8px;
color:  #908979;
font-weight: 700;
font-style: normal;
line-height: 8px;
letter-spacing: 0em;
margin-top: -15px;
text-transform: lowercase;
box-sizing: border-box;
text-align: center;
position: relative;
height: 19px;
width: 890px;
margin: 0px -7px 0px;
padding-top: 5px;
}

 #pun-main h1 {
background: url("http://forumfiles.ru/files/0019/3c/31/93761.png") no-repeat scroll center top;
font-family: 'Verdana';
font-size: 8px;
color:  #908979;
font-weight: 700;
font-style: normal;
line-height: 8px;
letter-spacing: 0em;
margin-top: -15px;
text-transform: lowercase;
box-sizing: border-box;
text-align: center;
position: relative;
height: 19px;
width: 890px;
margin: 0px -7px 0px;
padding-top: 4px;
}

/* ПРОФИЛЬ
---------------------------------------------------------------------------------------------*/
/* ОКАНТОВКА ПРОФИЛЯ */
.punbb .post .post-author {
  background:url(http://forumfiles.ru/files/0019/3c/31/44732.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin: 0 0 0px 0px!important;
}
.punbb .post .post-author > ul {
  background:url(http://forumfiles.ru/files/0019/3c/31/88635.png) 0 top no-repeat,
url(http://forumfiles.ru/files/0019/3c/31/48843.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin: 0px 0 -5px 0px!important;
    padding: 0px 10px 10px!important;
}


/* НИК АВТОРА */
.pa-author a, .pa-author {
text-align: center; /* выравнивание */
color: #b6b09a !important;  /* цвет ника */
font:  700 12px "Roboto" !important;  /* шрифт и размер ника */
padding-top: 10px !important;   /* отступ */
}



/* АВАТАРКА */
li.pa-avatar  {z-index: 5;
margin-left: -3px !important;
margin-top: 10px;
}
/* ОКАНТОВКА АВАТАРА */
li.pa-avatar img {
    border: 1px solid #855115;
 max-width: 192px !important; max-height: 192px !important;
}



/* СТАТУС */
.pa-title {text-align: center;
z-index: 1000;
color: #b6b09a !important;  
font:  400 10px "Roboto", sans-serif !important;  /* все по шрифту */
text-transform: lowercase;
padding-top: 3px !important;
}



/* ДОПОЛНИТЕЛЬНЫЕ ПОЛЯ fld2, fld3*/

/*поле иконок*/
.pa-fld2 {
background: url(http://forumfiles.ru/files/0019/3c/31/16725.png) no-repeat;
margin-top: -2px !important;
height: 32px;
width: 200px !important;
margin-left: -10px !important;
color: #b6b09a;
padding-top: 1px !important;
}

/*поле ЛЗ*/
.pa-fld1 {
color: #b6b09a;
text-align: left !important;
padding-top: 7px !important;
font: 400 10px "Roboto", sans-serif !important;
line-height: 10px;  /* расстояние между строк */
}

/*репутация и сообщения в строчку*/
.pa-respect, .pa-posts { display: inline-block;
text-align: center;
width: 87px;
color: #b6b09a;
font: 700 9px "Roboto", sans-serif !important;
line-height: 10px;  /* расстояние между строк */
padding: 5px;  /* отступ внутри */
margin-bottom: 7px !important;
margin-top: 5px !important;
margin-left: -10px;
}

/* два поля 3-4 в строчку*/
.pa-fld3, .pa-fld4 { display: inline-block;
text-align: center;
width: 87px;
color: #b6b09a;
font: 700 9px "Roboto", sans-serif !important;
line-height: 10px;  /* расстояние между строк */
padding: 5px;  /* отступ внутри */
margin-bottom: 7px !important;
margin-top: 10px !important;
margin-left: -10px;
}



/* ДОПОЛНИТЕЛЬНЫЕ СКРИПТЫ
---------------------------------------------------------------------------------------------*/

/* скрыть форумы тем сообщений последнее на главной  */
.category .container thead {display: none;}
/* скрыть колонку тем сообщений на главной */
/*#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}*/



/*КОЛИЧЕСТВО ТЕМ И СООБЩЕНИЙ ВНИЗУ ПОД ФОРУМАМИ НА ГЛАВНОЙ */
.Add {  height: 15px;  }
.Tems_And_messages {
float: left;
padding: 0.3em 0em;
width: 50%;
background-color: rgba(75,70,66, 0);
color: #614f30;
text-align: center;
font-family: Arial;
font-size: 7px;
font-weight: bold; 
text-transform: uppercase;
letter-spacing: 1px;
}





/*ВЫДЕЛЕНИЕ ТЕКСТА */
    ::selection { 
background: none repeat scroll 0 0 #694801; /*заливка цветом */
color: #908979; /*цвет текста */
opacity: 0.4;
}  
*::-moz-selection {
background: none repeat scroll 0 0 #694801;
color: #908979;
opacity: 0.4;
}




/* ОФОРМЛЕНИЕ КНОПОК*/
.hashelp center div a button, .button {    
background-color: #ded8be; 
padding: 5px;
border: 1px #af946c solid;
cursor:pointer;
  color: #694801;
  font-family: Helvetica!important;
  font-size:12px!important;
  font-weight: bold!important;
  font-variant: small-caps!important;
}



/*КНОПКИ ПРИ НАВЕДЕНИИ */
.hashelp center div a button:hover, .button:hover {
	display: inline-block;
	$borderWidth: 1px;

	transition-duration: 4s;
	transition-property: transparent;

	transform: translateZ(0); /* Hack to improve performance on mobile/tablet devices */
	box-shadow: 
		inset 0 0 0 1px #694801,
		0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */

	&:hover {
		background: none;
	}
}




/* ДИВ ОКНА В ЛЮБОМ МЕСТЕ ФОРУМА
---------------------------------------------------------------------------------------------*/
div#ackiv1 {position: absolute;
margin-top: -60px;
margin-left: 520px;
width: 350px;
height: 60px;
text-align: center;
}

div#bestplayer {position: absolute;
margin-top: -295px;
margin-left: 715px;
width: 164px;
height: 70px;}


div#bestpost {position: absolute;
overflow: auto;   /* прокрутка */
overflow-x: hidden;
margin-top: -215px;
margin-left: 520px;
width: 358px;
height: 100px;
line-height: 9px;
text-align: justify;
}

div#bestepizode{position: absolute;
margin-top: -110px;
margin-left: 520px;
width: 358px;
line-height: 9px;
text-align: justify;
}


div#needyou1 {
position: absolute;
margin-top: -345px;
margin-left: -30px;
width: 185px;
height: 40px;
text-align: center
}

div#needyou2 {position: absolute;
margin-top: -345px;
margin-left: 188px;
width: 278px;
height: 40px;
text-align: center
}

div#novosti {position: absolute;
overflow: auto;   /* прокрутка */
overflow-x: hidden;
margin-top: -240px;
margin-left: -40px;
width: 212px;
height: 150px;
line-height: 9px;
text-align: justify;
color: #908979;
font-family: helvetica;
font-size: 9px;
}

div#leftplug{position: absolute;
margin-top: -80px;
margin-left: -40px;
width: 212px;
height: 60px;
line-height: 5px;
text-align: center;
}

div#quests{
position: absolute;
overflow: auto;   /* прокрутка */
overflow-x: hidden;
margin-top: -240px;
margin-left: 200px;
width: 265px;
height: 70px;
line-height: 11px;
text-align: justify;
color: #908979;
font-family: "helvetica", sans-serif;
font-size: 10px;
}

div#links{
position: absolute;
overflow: auto;   /* прокрутка */
overflow-x: hidden;
margin-top: -144px;
margin-left: 190px;
width: 275px;
height: 110px;
line-height: 8px;
text-align: center;
}

/* БАННЕРЫ, ПРОПИСЫВАЕМ В ДИВ ИДЕНТИФИКАТОР/КЛАСС <div id="bannns">баннеры</div>                   */
#bannns  {
position: absolute;  /* позиция */
overflow: scroll;  /* прокрутка всегда есть*/
overflow-x: hidden;
height: 99px;
width: 870px;
margin-left: 5px;
margin-top: -167px;
text-align: center;
}


/* ПРОЗРАЧНОСТЬ КАРТИНКИ ДО НАВЕДЕНИЯ*/
.Hoverbuttons {
opacity: 0.5; /* прозрачность до наведения */
border-radius: 0px; /* закругление картинки */
transform: rotate(0 deg); /* угол наклона картинки */
transition: opacity 0.4s linear;  /* плавная смена в секундах */
   -webkit-transition: opacity 0.4s linear;
   -moz-transition: opacity 0.4s linear;
   -ms-transition: opacity 0.4s linear;
   -o-transition: opacity 0.4s linear; }
.Hoverbuttons:hover { opacity: 1;     /* прозрачность при наведении */ }