/* codes с подсказками по CSS by рухнувшие небеса*/

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

/* ФОН, ЗАДНИЙ ФОН */
html {
background: url(http://funkyimg.com/i/2PeE8.jpg);
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: top center;
background-color: #000000;
/*overflow-x: hidden !important;*/}



/* ШАПКА, КРЫША, ВЕРХ ФОРУМА*/
#pun-title table {
background-image : url("http://funkyimg.com/i/2Q3w6.png"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 381px;
width: 1369px;
margin-left: -222px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

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



/* КОНТЕНТ, ПАН ИЛИ "ТЕЛО" ФОРУМА */
#pun { background-color: #; /* обязательно надо настраивать приятный цвет, ибо некоторые сидят с телефонов без картинок */
background-image: url("http://funkyimg.com/i/2PeEb.png");
}



/* ФУТЕР, ПОДВАЛ, КОПИРАЙТ, НИЗ ФОРУМА */
#pun-about p.container {
background: url("http://funkyimg.com/i/2PeFY.png") transparent no-repeat;
width: 1005px;
height: 87px;
margin: 0px 0 -33px -58px; /* отступы вверх, вправо, вниз, влево */
text-align: center;
line-height: 1;
font-size: 9px; /* размер текста копирайта */
}
 /* регулировать отступ снизу, коль появляется контент под футером */
div#pun-about { margin-bottom: 15px; }

/* полоска, где написано описание форумов */
h6 {text-align: center; 
  font-size: 11.5px; 
  font-variant: small-caps; 
  font-family: Ledger;
 color: #8b817a!important;
  font-weight: 900; 
  background-color:#362d42 ;
text-shadow: 1px 1px 0px #0c0b0c; /* тень текста */
}


/* ЛИНИЯ РАЗГРАНИЧИТЕЛЬ, HR, за ненадобностью снести пункт целиком */
hr, .banner-line {
height: 2px;
background: url(" ") 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: #3d332c; /* менять ток цвет */
}

/*ШРИФТ В РАЗДЕЛАХ*/
.punbb td.tcl { 
background: none; 
#dad8d8 repeat-y left; 
color: #332f2f; 
line-height: 9pt; 
  font-size: 11px; 
  font-family: Arial;
  letter-spacing: 1px!important;
text-align: justify;
}



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


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


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



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


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




/* ПРОСТЫЕ ССЫЛКИ
---------------------------------------------------------------------------------------------*/
/* ССЫЛКИ ДО НАВЕДЕНИЯ */
.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: #271e32;
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: #2a2332; 
border-top: 0px dashed #544326; /* граница верх */
border-bottom: 0px dashed #614f30;  /* граница понизу */
/* плавность смены */
transition-duration:.7s; -moz-transition-duration:.7s; -webkit-transition-duration:.7s; -o-transition-duration:.7s; }

/* ССЫЛКИ НАЗВАНИЯ ТЕМ В ТЕМЕ */
.crumbs a {
color: #31253c!important;
}

/*ссылки в таблице новостей в объявлении*/
.container .html-box a {
color: #5e5268!important;
text-decoration: none;
}

.container .html-box a:hover {
color: #79777b!important;
text-decoration: none;
}

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

/* ИКОНКА СТАРЫХ СООБЩЕНИЙ */
.punbb table Div.icon {float: right; 
display: block; 
width: 52px;
height: 49px;
background-image : url("http://funkyimg.com/i/2PeL1.png");
background-repeat: no-repeat;}

/* ИКОНКА НОВЫХ СООБЩЕНИЙ */
TR.inew Div.icon {
width: 52px;
height: 49px;
background-image : url("http://funkyimg.com/i/2PeL2.png");
background-repeat: no-repeat;}

/* ИКОНКА ВАЖНЫХ СООБЩЕНИЙ */
TR.isticky Div.icon {
width: 52px;
height: 49px;
background-image : url("http://funkyimg.com/i/2PeL2.png");
background-repeat: no-repeat;}

/* ИКОНКА ЗАКРЫТЫХ СООБЩЕНИЙ */
TR.iclosed Div.icon {
width: 52px;
height: 49px;
background-image : url("http://funkyimg.com/i/2PeL1.png");
background-repeat: no-repeat;}




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

background-color: #a0897c; /* цвет фона */
background-image: url("http://funkyimg.com/i/2PeKd.png"); /* картинка фона */
color: #3d332c; /* цвет текста */
box-shadow: 0px 0px 4px #685246, 0px 0px 4px #685246;
border: 3px double #6f5f57;

    border-top: 0px dotted #6f5f57; /* граница верх */
    border-bottom: 0px dashed #6f5f57; /* граница низ */
/* размеры и загибы границ */
  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, #smilies-area, #keyboard-area {
background-image: url("http://funkyimg.com/i/2PeKd.png") !important;
color: #3d332c;
text-shadow: 0px 1px 1px #bba79d;
border: 3px double #866b5f;
}


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


/* ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА В ОКНАХ АДМИНКИ */
.punbb select, .hashelp center div a button, .button {
background-color: #1f1925; 
background-image: url("");
border: 1px double #513a34!important; /* цвет текста */
box-shadow: 0px 0px 2px #594438, 0px 0px 2px #594438;

  
  color: #765a7c;
  font-family: Philosopher!important;
  font-size:11px!important;
  font-weight: bold!important;
  text-shadow: 0px 1px 1px #000000;
  letter-spacing: 1px;
  text-transform: uppercase;

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

/* ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА В ФОРМЕ ОТВЕТА */
.punbb textarea {
background-color: #a0897c; 
background-image: url("http://funkyimg.com/i/2PeKd.png");
border: 3px double #6f5f57; /* цвет текста */
box-shadow: 0px 0px 2px #594438, 0px 0px 2px #594438;
color: #322a24;

/* границы и закругления их */
border: 3px double #6f5f57;
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-category1.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}

#pun-category5.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}

#pun-category6.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}

#pun-category7.category h2 {
background: url() no-repeat top center;
width: 1008px;
height:30px;
margin-left:-35px;
border-style: none;
font-size:0 !important;}



/* ПРОФИЛЬ
---------------------------------------------------------------------------------------------*

.post-body {
    margin-left: 255px !important;
    margin-top: 0px !important;
    padding-right: 15px !important;}
  

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

/* АВАТАРКА */
li.pa-avatar  {z-index: 5;
margin-left: 5px!important;
margin-top: 5px;
}
li.pa-avatar img { max-width: 192px !important; max-height: 192px !important;
box-shadow: 0px 0px 0px 0px #000000!important;  /* тень у аватарок */
 border-style: solid;
  border-width: 3px;
  border-color: #46394b; /* цвет текста */
}



/* СТАТУС АВТОРА */
.pa-title {text-align: center;
z-index: 1000;
font: 700 8px "Arial"!important;  /* все по шрифту */
text-transform: uppercase!important;  /* регистр */
color: #252427!important; /* цвет текста */
text-shadow: 0px 0px #000000 !important; /* тень текста */
letter-spacing: 2px;  /* расстояние между буквами */
padding-top: 7px!important;
margin-left: 35px!important;
width: 170px!important;
}



/* ДОПОЛНИТЕЛЬНОЕ ПОЛЕ, при необходимости меняет цифру fld2, fld3 и так далее */
.pa-fld1 {
width: 190px!important;
color: #544c4c!important;
text-align:justify!important; 
font-size: 10px;
font: 500 10px "Arial"!important;  /* все по шрифту */
text-transform: none!important;
text-shadow: 1px 1px #000000 !important; /* тень текста */
margin-bottom: 0px!important;
line-height: 11px!important;
margin-left: 17px!important; /*отступ от края*/
margin-top: 0px!important; /* отступ, чтоб наползало. типо наползалки ленты на аву в доп.поле */
}

/* НАСТРОЙКА ВИДА ЛЗ */
.ch_name {
width: 190px;
color: #641b14;
padding: 2px;
font-family: "Oranienbaum"!important;
font-weight: 900;
text-align: center!important;
font-variant: ;
text-transform: uppercase;
font-size: 12px;
line-height: 11px;
letter-spacing: 1px!important;
   }
.ch_side {
width: 190px;
background-color: #211c1b!important;
color: #544c4c!important;
padding: 1px;
text-align: center!important;
text-align:center; 
font-family: "Verdana"!important;
font-weight: 600;
font-variant: ;
text-transform: none!important;
font-size: 8.5px;
line-height: 11px;
padding-bottom: 3px;
letter-spacing: 1px;
border-radius: 0px;
text-shadow: 1px 1px #000000 !important; /* тень текста */
margin-left: 2px!important;
   }

.ch_story {
width: 190px!important;
color: #544c4c!important;
text-align:justify!important; 
font-size: 10px;
font: 500 10px "Verdana"!important;  /* все по шрифту */
text-transform: none!important;
text-shadow: 1px 1px #000000 !important; /* тень текста */
margin-bottom: 0px!important;
line-height: 11px!important;
padding: 4px!important;
margin-top: 0px!important; /* отступ, чтоб наползало. типо наползалки ленты на аву в доп.поле */
}

.pa-fld2 {
width: 190px!important;
color: #544c4c!important;
text-align:center!important; 
font: 500 11px "Arial"!important;  /* все по шрифту */
text-transform: none!important;
text-shadow: 1px 1px #000000 !important; /* тень текста */
margin-bottom: 0px!important;
line-height: 11px!important;
margin-left: 20px!important; /*отступ от края*/
margin-top: -20px!important; /* отступ, чтоб наползало. типо наползалки ленты на аву в доп.поле */
}

.pa-fld3 {
width: 190px!important;
color: #544c4c!important;
text-align:center!important; 
font: 500 11px "Arial"!important;  /* все по шрифту */
text-transform: none!important;
text-shadow: 1px 1px #000000 !important; /* тень текста */
margin-bottom: 0px!important;
line-height: 11px!important;
margin-left: 20px!important; /*отступ от края*/
margin-top: 0px!important; /* отступ, чтоб наползало. типо наползалки ленты на аву в доп.поле */
}



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

.pa-gifts, .pa-awards {
font: 700 9px "Arial"!important;  /* все по шрифту */
text-transform: uppercase!important;  /* регистр */
letter-spacing: 1px!important; /*расстояние между буквами*/
text-shadow: 0px 0px #000000 !important; /* тень текста */
padding: 1px!important;
  width: 170px!important;
  margin-left: 25px!important; /*отступ от края*/
  
}

.pa-gifts a, .pa-awards a {
 color:#544c4c!important;
}

/* АКТИВНОСТЬ НА ФОРУМЕ */
.pa-online { text-align: center; font: small-caps 700 7pt "Arial" !important; 
color: #544c4c!important;
margin-left: -12px!important; /*отступ от края*/
}



/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ДО НАВЕДЕНИЯ */
.pa-respect, .pa-posts { display: inline-block;
  text-align: center;
width: 100px;
color: #544c4c!important;
font: 500 9px "Verdana"!important;  /* все по шрифту */
letter-spacing: 0px;  /* расстояние между букв */
line-height: 10px;  /* расстояние между строк */
padding: 7px!important;  /* отступ внутри */
margin-bottom: -9px!important;
margin-top: -65px!important;
margin-left: -5px!important;
border: 0px double #42322b; /* цвет текста */
}

.pa-respect {
margin-top: -35px!important;
  }

.pa-respect a {
color: #544c4c!important;
margin-top: 15px!important;
}



/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ПОСЛЕ НАВЕДЕНИЯ */
.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
color: #544c4c;
}



/* ДОПОЛНЕНИЯ ВСЯКИЕ РАЗНЫЕ ПО ЖЕЛАНИЮ
---------------------------------------------------------------------------------------------*/
/* РАЗМЕЩЕНИЕ КОЛ-ВА ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ ПОД ОПИСАНИЯМИ ФОРУМОВ */
.Add {  height: 15px;  }
.Tems_And_messages {
float: left;
padding: 0.3em 0em;
width: 50%;
background-color: rgba(75,70,66, 0);
color: #29221f;
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 #9e948c!important;
color: #29180e;
opacity: 0.4;
}  
*::-moz-selection {
background: none repeat scroll 0 0 #9e948c!important;
color: #29180e;
opacity: 0.4;
}




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

  color: #765a7c;
  font-family: Philosopher!important;
  font-size:11px!important;
  font-weight: bold!important;
  text-shadow: 0px 1px 1px #000000;
  letter-spacing: 1px;
  text-transform: uppercase;
}

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

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

#keyboard-span input {
color: #1c161d!important;
}







/* ЭЛЕМЕНТЫ ПО ФОРУМУ В ШАПКЕ И ФУТЕРЕ
---------------------------------------------------------------------------------------------*/
/* НАВИГАЦИЯ */
.Helpbuttons {
position: absolute;
  width: 110px;
  color: #6b170e!important;
}


/* ДАТА ВЫСТАВЛЕНИЯ СООБЩЕНИЯ В ТЕМЕ
-------------------------------------------------------------*/