/**********************************
коды от супернатурала.
**********************************/
/* Фон */
body {background-color: #1f1508; background-image: url("http://2.firepic.org/2/images/2013-10/29/ortxzix1qopw.png");}

/* Шапка */
#pun-title table {background-color: transparent;
   background-image: url("http://2.firepic.org/2/images/2013-10/29/qfdtw43u3gbl.png");
   border: none;
   width: 918px;
   height: 960px;
   margin-left: -32px;
   margin-top: -4px;
   margin-bottom: -390px;
   background-repeat: no-repeat;}

/* Контент */
#pun {position: relative; border-width: 0px; width: 918px; margin: auto; }
.punbb {  float: left;  width: 870px;  height: auto;  margin: 0 0 0 30px;}
#pun { background-image: url("http://5.firepic.org/5/images/2013-10/30/zbgychuyk9ei.png");
   background-color: transparent;
   background-position: center;
   background-attachment: ;}

/* Нижний копирайт */
#pun-about p.container {
background-color: transparent;
background-image: url("http://3.firepic.org/3/images/2013-10/30/wps9oyvxhzam.png");
background-repeat: no-repeat;
width: 918px;
height: 279px;
margin-left: -32px;
margin-bottom: -100px;
margin-top: -58px;
text-align: center;
font-size: 0.0em;
}

/* Блок цитат, формы ответа и кнопок */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input {
   background-color: transparent;
   color: black;
   background-image: url("http://uploads.ru/i/P/e/w/Pew6O.png");
   border-top: 3px solid #53311a;
   border-right: 0px solid #53311a;
   border-bottom: 0px solid #53311a;
   border-left: 3px solid #53311a;
   -moz-box-shadow: 1px 1px 10px #53311a;
   -webkit-box-shadow: 1px 1px 10px #53311a;
   box-shadow: 1px 1px 1px #53311a;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}




/* ССЫЛКИ И ИХ ЦВЕТА
-------------------------------------------------------------*/

/* Ссылка в спокойном состоянии */
.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: #0f0804;
  border-bottom: 0px none #000;
  text-decoration: none;
  font-weight: bold;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}

/* Активная ссылка */
.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: #21150b;
  border-bottom: 0px none #000;}

/* Цвет верхней навигации до наведения */
#pun-navlinks a {
  color: #1a0d06;
  font-size: 12px !important;
  font-weight: bold;
  border-bottom: 0px none #000;
  text-transform: uppercase;}

/* Цвет нижней навигации до наведения */
#pun-ulinks a {
  color: #1a0d06;
  font-family: Verdana;
   font-weight: bold;
  font-size: 9px !important;
  border-bottom: 0px none #000;
  letter-spacing: 1px;
  font-weight: normal;
  text-transform: lowercase;}


/* Цвет навигации при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
  text-transform: uppercase;}




/* ИКОНКИ
-------------------------------------------------------------*/

/* Старые сообщения */
.punbb table Div.icon {float: right; 
display: block; 
border-style: none;
margin-right: 5px;
width: 50px;
height: 50px;
background-image : url(http://3.firepic.org/3/images/2013-10/30/mq04l8qvykcx.png);
background-repeat: no-repeat;}

/* Закрытые темы */
TR.iclosed Div.icon {background-image : url(http://3.firepic.org/3/images/2013-10/30/bglcg6vxlnq6.png);}

/* Новые сообщения */
TR.inew Div.icon {background-image : url(http://3.firepic.org/3/images/2013-10/30/yix6m8tj0zev.png);}

/* Важные темы */
TR.isticky Div.icon {background-image : url(http://3.firepic.org/3/images/2013-10/30/9wj15znk54n7.png);}




/* ДРУГОЕ
-------------------------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {position: absolute; left: 0px !important;
top: 0px !important;}
div#pun-navlinks { position: absolute; width: 96%; text-align: center; top: 530px; }
div#pun-ulinks { left: 8px; position: absolute; width: 100%; text-align: center; top: 550px;}





.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 background-image: url("http://firepic.org/images/2013-11/01/s2r89upm0tb1.png");
 background: #цвет фона;
 color: #291a0c;
 padding: 0px 0px;
 bottom: -20px;
 right: 60px;
 box-shadow: 0 0 0px #цвет тени обводки блока;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-box-shadow: 0 0 2px #000000;
 -moz-box-shadow: 0 0 2px #000000;
}
.tooltip:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;
}





.tooltip2 {
 position: relative;
 }
.tooltip2 em {
 display: none;
 }
.tooltip2:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 background-image: url("http://firepic.org/images/2013-11/01/s2r89upm0tb1.png");
 background: #цвет фона;
 color: #291a0c;
 padding: 0px 0px;
 bottom: -20px;
 left: 60px;
 box-shadow: 0 0 0px #цвет тени обводки блока;
 border-radius: 20px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-box-shadow: 0 0 2px #000000;
 -moz-box-shadow: 0 0 2px #000000;
}
.tooltip2:hover em i {
 position: absolute;
 bottom: -7px;
 right: 5px;
 border-top: 7px solid #000;
 border-left: 7px solid transparent;
 display: block;
}