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

/* ФОН, ЗАДНИЙ ФОН */
body {
background: url("http://funkyimg.com/i/2CfRn.png") repeat-x top, /*верхняя замостка*/
#a4aaa3 url("http://funkyimg.com/i/2CfR5.png") repeat center; /*фон*/
}


/* ШАПКА*/
#pun-title table {
background-image : url("http://funkyimg.com/i/2Cjid.png");
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 365px;
width: 1196px;
margin-left: -137px;
}


/* ТЕЛО ФОРУМА  внутреннее*/
#pun { background-color: #cac8bc; 
background-image: url("http://funkyimg.com/i/2CfWv.jpg");
}


/* ФУТЕР*/
#pun-about p.container {
background: url("http://funkyimg.com/i/2CfUe.png") transparent no-repeat;
width: 958px;
height: 97px;
margin: -5px 0 -40px -28px; /* отступы вверх, вправо, вниз, влево */
text-align: center;
line-height: 1;
font-size: 9px; /* размер текста копирайта */
}
 /* регулировать отступ снизу, если появляется контент под футером */
div#pun-about { margin-bottom: 15px; }

/* ТЕКСТ НА ФОРУМЕ */
.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: #41524e; /* менять только цвет текста*/
}



/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 100%; text-align: center;    top: 285px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center;     top: 300px; left: 5px; }


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a  {
text-align: center;    position: relative;  /* положение текста */
font-family: Verdana;  /* шрифт текста */
font-size: 12px!important;  /* размер текста*/
font-weight: bold;  /* начертание */
letter-spacing: 2px;  /* расстояние между буквами */
color: #519393;  /* цвет текста */
text-shadow: 1px 0px 6px #c7bfac; /* тень текста */
text-transform: uppercase; /* регистр */
}


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



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {text-align: center;  position:relative;
z-index:2000 !important;
letter-spacing: 2px;
font-family: Arial;
font-size: 10px !important;
text-transform: lowercase; /* регистр нижний */
font-weight: 700;
color: #7c8883;
text-shadow: 1px 0px 2px #dedbcb;
}


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


/* ПРОСТЫЕ ССЫЛКИ
---------------------------------------------------------------------------------------------*/
/* ССЫЛКИ ДО НАВЕДЕНИЯ */
.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: #274545;
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 {
color: #519393; 
/* плавность смены */
transition-duration:.9s; -moz-transition-duration:.9s; -webkit-transition-duration:.9s; -o-transition-duration:.9s; }


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

/* старые*/
.punbb table Div.icon {
float: right!important; 
display: block; 
width: 40px;
height: 40px;
background-image: url(http://funkyimg.com/i/2CiYx.png);
background-repeat: no-repeat;}

/* новые */
TR.inew Div.icon {
width: 40px;
height: 40px;
background-image : url(http://funkyimg.com/i/2CiYC.png);
background-repeat: no-repeat;
}

/* важно */
TR.isticky Div.icon {
width: 40px;
height: 40px;
background-image : url(http://funkyimg.com/i/2CiYA.png);
background-repeat: no-repeat;
}

/* тема закрыта*/
TR.iclosed Div.icon {
width: 40px;
height: 40px;
background-image : url(http://funkyimg.com/i/2CiYB.png);
background-repeat: no-repeat;
}


#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top:-500px
}

/* ПОДЛОЖКИ
---------------------------------------------------------------------------------------------*/

/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box, input {
  margin: 0.2em 0.2em 0.5em 0.2em; /* сверху, справа, вниз, слева */
  padding: 5px;
  border-width: 0px;
  padding-bottom: 5px;
background-image: url("http://funkyimg.com/i/2Cg3g.png");
  border: 3px double #67807c}

/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("http://funkyimg.com/i/2Cg3o.png") !important;
color: #3a5d5d;
text-shadow: 0px 1px 1px #c0c7c7;
border: 1px dashed #618180;
}


/* ОКНО НАГРАД И РЕПУТАЦИИ */
#pun-popup_awards div, #pun-reputation div {
background-color: #c9c7bb;
background-image: url("http://funkyimg.com/i/2Cg3B.png") !important;
}


/* ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА В ФОРМЕ ОТВЕТА И ОКНАХ АДМИНКИ */
.punbb textarea, .punbb select, .hashelp center div a button, .button {
background-color: #c9c5ba; 
background-image: url("http://funkyimg.com/i/2Cg3B.png");
border: 3px double #5c6e6b; /* цвет текста */
box-shadow: 0px 0px 2px #9ea6a1, 0px 0px 2px #9aa39c;

  color: #211f1b;

/* границы и закругления их */
border: 3px double #6f8681;
border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
}


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


/*КАТЕГОРИИ */
#pun-main .category h2{
    background: url(http://funkyimg.com/i/2CiFe.png) no-repeat transparent;
    width: 985px;
    height: 121px;
padding-top: 56px;
margin: -5px 0 -40px -43px; /* отступы вверх, вправо, вниз, влево */
font-family: "Arial";
  text-shadow: 1px 1px 0px #ccc6b9;
  color: #2f594f;
  text-align: center;
  font-size: 14px;
text-transform: uppercase;
  }

/* ДОП.КАТЕГОРИЯ СТАТИСТИКА */
#pun-stats.section h2 
{ 
background: url("http://funkyimg.com/i/2Cj3B.png")no-repeat transparent;
    width: 985px;
    height: 121px;
padding-top: 56px;
margin: -5px 0 -40px -43px; /* отступы вверх, вправо, вниз, влево */
font-family: "Arial";
  text-shadow: 1px 1px 0px #ccc6b9;
  color: #2f594f;
  text-align: center;
  font-size: 14px;
text-transform: uppercase;
  }



/* БЫСТРЫЙ ОТВЕТ ИЗОБРАЖЕНИЕ */
#post-form h2 {
background: url("http://funkyimg.com/i/2CiyY.png") top center no-repeat;
width: 958px !important;
height: 92px;
margin-left:  -40px;
}
#post-form h2 span { display: none;  }


/* РАЗДЕЛИТЕЛЬ СООБЩЕНИЙ */
#pun-viewtopic .post h3 {
background: transparent url("http://funkyimg.com/i/2CiyY.png") no-repeat scroll center top;
width: 958px !important;
height: 92px;
margin-bottom: -10px;
padding-top: 36px;
margin-left: -29px;
margin-top: 0px;
}

/* кнопки в форме ответа в центре */
#post .formsubmit {
    text-align: center;
}


/* ПРОФИЛЬ
---------------------------------------------------------------------------------------------*/
/* ОКАНТОВКА ПРОФИЛЯ */
.punbb .post .post-author > ul {
background:
   url("http://funkyimg.com/i/2Ciw4.png") 0 bottom no-repeat, /* профиль низ */
   url("http://funkyimg.com/i/2Ciw6.png") 0 top no-repeat, /* профиль верх */
   url("http://funkyimg.com/i/2Ciw5.png") repeat-y; /* профиль середина */
padding: 13px 20px 14px 20px!important; /* отступы вверх, вправо, вниз, влево */
}


/* НИК АВТОРА */
.pa-author a, .pa-author {
text-align: center; /* выравнивание */
color: #355252!important;  /* цвет ника */
text-shadow: 1px 1px #deddd6 !important; /* тень текста */
font:  700 12px "Oranienbaum" !important;  /* шрифт и размер ника */
letter-spacing: 3px;  /* расстояние между буквами */
padding-top: 5px !important;   /* отступ */
text-transform: uppercase;  /* регистр */
}


/* АВАТАРКА */
li.pa-avatar  {z-index: 5;
margin-left: -3px !important;
margin-top: 5px;
}
li.pa-avatar img { max-width: 180px !important; max-height: 180px !important;
box-shadow: 0px 0px 5px #355252 !important;  /* тень у аватарок */
}


/* СТАТУС АВТОРА */
.pa-title {text-align: center;
z-index: 1000;
font: small-caps 700 10px "Arial" !important;  /* все по шрифту */
color: #346868!important;  /* цвет ника */
text-shadow: 1px 1px #deddd6 !important; /* тень текста */
letter-spacing: 2px;  /* расстояние между буквами */
padding-top: 5px !important;
}



/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */
.pa-fld1 {
color: #346868; !important;
font-size: 10px;
margin-bottom: 0px!important;
}


/* ПОДАРКИ ПОЗИТИВ */
.post-author ul { text-align: center; font: small-caps 700 9pt "Arial" !important; }

/* АКТИВНОСТЬ НА ФОРУМЕ */
.pa-online { text-align: center; font: small-caps 700 9pt "Arial" !important; }



/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ДО НАВЕДЕНИЯ */
.pa-respect, .pa-posts { display: inline-block;
text-align: center;
width: 70px;
color: #519393;
font: small-caps 700 10px "Arial" !important;
letter-spacing: 1px;  /* расстояние между букв */
line-height: 13px;  /* расстояние между строк */

padding: 10px;  /* отступ внутри */
margin-bottom: 7px !important;
margin-top: 10px !important;
margin-left: -10px;
}

/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ПОСЛЕ НАВЕДЕНИЯ */
.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
font-variant: small-caps; /* капитель */
color: #346868;
}

/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ДО НАВЕДЕНИЯ */
.pa-respect, .pa-posts { display: inline-block;
text-align: center;
width: 70px;
color: #346868;
font: small-caps 700 10px "Arial" !important;
letter-spacing: 1px;  /* расстояние между букв */
line-height: 13px;  /* расстояние между строк */

padding: 10px;  /* отступ внутри */
margin-bottom: 7px !important;
margin-top: 10px !important;
margin-left: -10px;
}

/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ПОСЛЕ НАВЕДЕНИЯ */
.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
font-variant: small-caps; /* капитель */
color: #519393;
}



/* ДОПОЛНЕНИЯ ВСЯКИЕ РАЗНЫЕ ПО ЖЕЛАНИЮ
---------------------------------------------------------------------------------------------*/
/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}



/* ВИД ТЕКСТА ПРИ ВЫДЕЛЕНИИ */
    ::selection { 
background: none repeat scroll 0 0 #519393;
color: #d6d5cf;
opacity: 0.4;
}  
*::-moz-selection {
background: none repeat scroll 0 0 #abb8b0;
color: #6b7d84;
opacity: 0.4;
}
/* скроллинг */

::-webkit-scrollbar {
width: 8px;  /* вертикальная ширина полоски */
height: 4px; /* горизонтальная ширина полоски */
background-color: #d6d5cc;

}

/* бегунок, тумб */
::-webkit-scrollbar-thumb{
background-color: #a6b0ac;
}
/* ховер */
::-webkit-scrollbar-thumb:hover{
background-color: #5e8e90; }

/* плавная cмена картинок в шапке */
.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.98s;
  -webkit-transition-duration: 0.98s;
  -moz-transition-duration: 0.98s;
  -o-transition-duration: 0.98s;
  -ms-transition-duration: 0.98s; /* IE9+ */}
.image.UP:hover {
   opacity:0.00;}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;}


/* ЭЛЕМЕНТЫ ПО ФОРУМУ В ШАПКЕ И ФУТЕРЕ
---------------------------------------------------------------------------------------------*/

/* НОВОСТИ */

#amsnews1{
position: absolute;
margin-top: 60px;
    margin-left: -12px;
    width: 242px;
    height: 157px !important;
overflow-x: hidden;
overflow-y: auto !important;
text-align: justify;
font-family: arial;
font-size: 12px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: 0em;
color: #304e4e;
text-shadow: 1px 0px 6px #e6e5dd;
background-color: transparent;
opacity: 0.5;
padding: 3px 3px 3px 3px;
z-index: 99999;
}

#amsnews2{
position: absolute;
margin-top: 58px;
    margin-left: 666px;
    width: 242px;
    height: 157px !important;
overflow-x: hidden;
overflow-y: auto !important;
text-align: center;
font-family: arial;
font-size: 12px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: 0em;
color: #304e4e;
text-shadow: 1px 0px 6px #e6e5dd;
background-color: transparent;
opacity: 0.5;
padding: 3px 3px 3px 3px;
z-index: 99999;
}

#amshero1{
position: absolute;
margin-top: 60px;
margin-left: 576px;
    width: 50px;
    height: 50px !important;
overflow-x: hidden;
overflow-y: hidden! important;
text-align: justify;
font-family: arial;
font-size: 12px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: 0em;
color: #304e4e;
text-shadow: 1px 0px 6px #e6e5dd;
background-color: transparent;
opacity: 0.8;
padding: 3px 3px 3px 3px;
z-index: 99999;
}

#amshero2{
position: absolute;
margin-top: 120px;
margin-left: 576px;
    width: 50px;
    height: 50px !important;
overflow-x: hidden;
overflow-y: hidden! important;
text-align: justify;
font-family: arial;
font-size: 12px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: 0em;
color: #304e4e;
text-shadow: 1px 0px 6px #e6e5dd;
background-color: #transparent;
opacity: 0.8;
padding: 3px 3px 3px 3px;
z-index: 99999;
}

#amshero3{
position: absolute;
margin-top: 180px;
margin-left: 576px;
    width: 50px;
    height: 50px !important;
overflow-x: hidden;
overflow-y: hidden! important;
text-align: justify;
font-family: arial;
font-size: 12px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: 0em;
color: #304e4e;
text-shadow: 1px 0px 6px #e6e5dd;
background-color: transparent;
opacity: 0.8;
padding: 3px 3px 3px 3px;
z-index: 99999;
}

#bigtnks{
position: absolute;
margin-top: -40px;
    margin-left: -2px;
    width: 900px;
    height: 14px !important;
overflow-x: hidden;
overflow-y: auto !important;
text-align: center;
font-family: arial;
font-size: 10px;
font-weight: normal;
line-height: 11px;
letter-spacing: 0em;
word-spacing: 0em;
color: #304e4e;
text-shadow: 1px 0px 6px #e6e5dd;
background-color: transparent;
opacity: 0.5;
padding: 3px 3px 3px 3px;
z-index: 99999;
}

/* РАЗНОЕ
---------------------------------------------------------------------------------------------*/

/* ПРОЗРАЧНОСТЬ КАРТИНОК */
.Hoverbuttons {
opacity: 0.3; /* прозрачность до наведения */
transition: opacity 0.6s linear;  /* плавность */
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
border-radius: 0px;  /* уголки */
}
.Hoverbuttons:hover { opacity: 1;     /* прозрачность при наведении наведения */
}


 .punbb table Div.icon {
float: left; border-style: none;  }

/*строкой*/
.pa-respect img {
 max-width:9px;
 height:auto;
 margin:0 -2px !important;
/*background-clip:border-box;*/
 outline:1px solid #3F3F3F;
 }
.pa-respect, .pa-posts {
text-align:center;
display:inline-block;
padding: 5px!important;
width:70px; /*ширина ячейки*/
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #cecbc1; /*цвет фона*/
border: 3px double #70978f; /*Вид рамки*/
font-size: 10px !important; /*размер шрифта*/
color: #274545!important;
font-family: verdana !important; /*название шрифта*/
.pa-fld3, .pa-posts {
color: #274545!important;
}

thead {display: none;}