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



/* ФОН, ЗАДНИЙ ФОН */
html, body { background:
  url("") repeat-x top left, /* ВЕРХНИЙ ФОН, при ненадобности снести строчку целиком */
  url("") repeat-x bottom left, /* НИЖНИЙ ФОН, при ненадобности снести строчку целиком */
  url("http://forumstatic.ru/files/0018/be/c4/73456.jpg?v=1") center; /* ОБЩИЙ ЗАДНИЙ ФОН */
background-color : #c8d2db; /* ЦВЕТ ФОНА */
}



/* ШАПКА, КРЫША, ВЕРХ ФОРУМА*/
#pun-title table {
background-image : url("http://forumstatic.ru/files/0018/be/c4/94907.jpg?v=1"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 98px;
width: 980px;
margin-left: -10px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 170px; }



/* КОНТЕНТ, ПАН ИЛИ "ТЕЛО" ФОРУМА */
#pun { background-color: #f8fcd5; /* обязательно надо настраивать приятный цвет, ибо некоторые сидят с телефонов без картинок */
background-image: url("http://forumstatic.ru/files/0018/be/c4/95076.jpg?v=1");
}



/* ФУТЕР, ПОДВАЛ, КОПИРАЙТ, НИЗ ФОРУМА */
#pun-about p.container {
background: url("http://forumstatic.ru/files/0018/be/c4/61210.jpg?v=1") transparent no-repeat;
width: 980px;
height: 160px;
margin: 0px 0 -30px -10px; /* отступы вверх, вправо, вниз, влево */
text-align: center;
line-height: 1;
font-size: 9px; /* размер текста копирайта */
}
 /* регулировать отступ снизу, коль появляется контент под футером */
div#pun-about { margin-bottom: 15px; }



/* ЛИНИЯ РАЗГРАНИЧИТЕЛЬ, HR, за ненадобностью снести пункт целиком */
hr, .banner-line {
height: 5px;
background: url("http://forumstatic.ru/files/0018/be/c4/93210.png?v=1") center no-repeat;
border: 0px; }



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





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


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


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



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


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


/* ИЗОБРАЖЕНИЕ МЕЖДУ ПУНКТАМИ НАВИГАЦИИ, можно снести */
#pun-navlinks ul.container li {
background-image: url("");
background-repeat: no-repeat; background-position: left center;
margin-left: 2px;
padding: 8px 10px 8px 15px;
}




/* ПРОСТЫЕ ССЫЛКИ
---------------------------------------------------------------------------------------------*/
/* ССЫЛКИ ДО НАВЕДЕНИЯ */
.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: #234e6f;
text-decoration: none;
text-transform: uppercase; 
}

/* ССЫЛКИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
.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: #596e91; 
border-top: 1px #303767; /* граница верх */
border-bottom: 1px #234e7b;  /* граница понизу */
/* плавность смены */
transition-duration:.7s; -moz-transition-duration:.7s; -webkit-transition-duration:.7s; -o-transition-duration:.7s; }



/* ИКОНКИ СООБЩЕНИЙ
----------------------------------------------------------------------------------------------------------------------*/

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 50px;
height: 50px;
background-image : url("http://forumstatic.ru/files/0007/96/d0/39365.png?v=1");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 50px;
height: 50px;
background-image : url("http://forumstatic.ru/files/0007/96/d0/15433.png?v=1");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 50px;
height: 50px;
background-image : url("http://forumstatic.ru/files/0007/96/d0/51225.png?v=1");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 50px;
height: 50px;
background-image : url("http://forumstatic.ru/files/0007/96/d0/23195.png?v=1");
background-repeat: no-repeat;}




/* БЛОКИ ВВОДА ТЕКСТА
---------------------------------------------------------------------------------------------*/
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box, input {
margin: 0.9em 0.9em 0.2em 0.9em; /* отступы сверху, справа, вниз, слева */
padding: 2px; /* отступы внутри */

background-color: #transparent; /* цвет фона */
background-image: url(""); /* картинка фона */
color: #245173; /* цвет текста */
box-shadow: 0px 0px 4px #194262, 0px 0px 4px #194262;

    border-top: 1px dotted #406079; /* граница верх */
    border-bottom: 0px dashed #194262; /* граница низ */
/* размеры и загибы границ */
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("http://lenagold.ru/fon/tum/beg/tumbeg11.jpg?v=1") !important;
color: #234661;
text-shadow: 0px 0px 0px #183952;
border: 1px dashed #11324b;
}


/* ОКНО НАГРАД И РЕПУТАЦИИ */
#pun-popup_awards div, #pun-reputation div {
background-color: #140805;
background-image: url("http://forumstatic.ru/files/0007/96/d0/44745.png?v=1") !important;
}

/* ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА В ФОРМЕ ОТВЕТА ФИКСИРОВАТЬ ВЫСОТУ */
#main-reply {height: 200px;}


/* ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА В ФОРМЕ ОТВЕТА И ОКНАХ АДМИНКИ */
.punbb textarea, .punbb select, .hashelp center div a button, .button {
background-color: transparent; 
background-image: url("http://forumstatic.ru/files/0007/96/d0/44745.png?v=1");
border: 3px double #1d335e; /* цвет текста */
box-shadow: 0px 0px 2px #122856, 0px 0px 2px #122856;

  color: #405067;

/* границы и закругления их */
border: 3px double #122856;
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: 98px;
width: 980px;
margin-left:  -10px;
font-size: 0px !important;
text-align: center;
color: #122856;

background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto; }



/* БЫСТРЫЙ ОТВЕТ ИЗОБРАЖЕНИЕ */
#post-form h2 {
background: url("") top center no-repeat;
width: 980px;
height: 18px;
margin-left:  -32px;
}
#post-form h2 span { display: none;  }




/* ПЕРЕГОРОДКА МЕЖДУ СООБЩЕНИЯМИ, не очень обязательно, но красиво */
#pun-viewtopic .post h3 {
background: transparent url("") no-repeat scroll center top;
width: 980px !important;
height: 58px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -10px;
padding-top: 1px;
}



/* ПРОФИЛЬ
---------------------------------------------------------------------------------------------*/
/* ОКАНТОВКА ПРОФИЛЯ */
.punbb .post .post-author > ul {
background:
   url("http://forumstatic.ru/files/0007/96/d0/79464.png?v=1") 0 bottom no-repeat, /* профиль низ */
   url("http://forumstatic.ru/files/0018/be/c4/49780.png?v=1") 0 top no-repeat, /* профиль верх */
   url("http://forumstatic.ru/files/0007/96/d0/11028.png?v=1") repeat-y; /* профиль середина */
padding: 13px 20px 14px 20px!important; /* отступы вверх, вправо, вниз, влево */
}


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



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



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



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



/* ПОДАРКИ ПОЗИТИВ */
.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; }



/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ДО НАВЕДЕНИЯ */
.pa-respect, .pa-posts { display: inline-block;
text-align: center;
width: 70px;
color: #163052;
font: small-caps 700 9px "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: #16305f;
}



/* ДОПОЛНЕНИЯ ВСЯКИЕ РАЗНЫЕ ПО ЖЕЛАНИЮ
---------------------------------------------------------------------------------------------*/

/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.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: #234e7b;
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 #f9edd4;
color: #1e180c;
opacity: 0.4;
}  
*::-moz-selection {
background: none repeat scroll 0 0 #f9edd4;
color: #1e180c;
opacity: 0.4;
}




/* ОФОРМЛЕНИЕ КНОПОК, можно так ж оформить и смайлы, если у смайлов будет прописано баннот */
.hashelp center div a button, .button {    
background-color: transparent; 
background-image: url("");
border: 3px double #183952;
box-shadow: 0px 0px 2px #f9ebd4, 0px 0px 2px #183952;
cursor:pointer;

  color: #213f56;
  font-family: Oranienbaum!important;
  font-size:11px!important;
  font-weight: bold!important;
  text-shadow: 0px 1px 0px #dcdbaf;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ОФОРМЛЕНИЕ КНОПОК при наведении, чаво должно измениться */
.hashelp center div a button:hover, .button:hover {
background-color: #3a4a64; 
border: 3px double #d7d2c6;
background-image: url("");
color: #d7d2c6;
}

/* КНОПКИ ПРИ НАВЕДЕНИИ, обратная смена оформления низа и верха */
.hashelp center div a button:active, .button:active {position:relative; top:1px;}









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

/* БАННЕРЫ, над прописывать тож обозначение в див
а сам див пихать либо в верх, либо в низок, смотря где над.
<div id="bannns">баннеры</div>                   */
#bannns  {
position: absolute;  /* позиция */
overflow: scroll;  /* прокрутка всегда есть*/
overflow-x: hidden;
height: 99px;
width: 980px;
margin-left: 13px;
margin-top: -108px;
}


/* НОВОСТИ, над прописывать тож обозначение в див
а сам див пихать либо в верх, либо в низок, смотря где над */
#novosti  {
position: absolute;
overflow: auto;   /* прокрутка появится при необходимости */
overflow-x: hidden;
height: 82px;
width: 346px;
padding: 2px;
margin-left: -8px;
margin-top: 244px;
color: #5e4c30;
}






/* ПРОЗРАЧНОСТЬ КАРТИНОК */
.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;  /* уголки */
transform: rotate(0 deg);  /* поворот на 45 градусов*/
}
.Hoverbuttons:hover { opacity: 1;     /* прозрачность при наведении наведения */
}