/* Графическая часть © supernatural., 2014
******************************************************************************/

html, body { background: url("http://funkyimg.com/i/JEXC.jpg") top center repeat-x, url("http://sf.uploads.ru/DpAjU.jpg") center; background-color : black; }

#pun-title table {background-color: transparent;
   background-image: url("http://funkyimg.com/i/JTCC.jpg");
   width: 1022px;
   height: 661px;
   margin: 39px 0 12px -73px;
}

#pun {position: relative; border-width: 0px; width: 979px; margin: auto;}
.punbb {  float: left;  width: 880px;  height: auto;  margin: 0 0 0 52px;}
#pun { background-image: url("http://funkyimg.com/i/JEXy.jpg");
   background-color: white;
   bottom: 40px;
}

#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
   text-align: center;         
   font-family: 'Cuprum', sans-serif;
   color: #FFD600;
   font-size: 23px;
   background: url(http://funkyimg.com/i/JFyH.jpg) no-repeat;
   width: 1008px;
   height: 114px;
   margin-left: -62px;
   margin-top: -15px;
   margin-bottom: 2px;;
   line-height: 142px!important;
   text-shadow: 3px -1px black;
}

#pun-about p.container {
   background: url("http://funkyimg.com/i/JEXA.jpg") transparent no-repeat;
   width: 981px;
   height: 92px;
   margin: -33px 0 -26px -52px;
   font-size: 0px;
}

.punbb .quote-box, .punbb .code-box, .punbb textarea {
   background-color: rgba(255, 255, 255, 0.2);
   color: #261406;
   border: 1px solid #7E7E7E;
   box-shadow: 0px 0px 2px #3F2222;
}


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

/* Ссылка в спокойном состоянии */
.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: #333333;
  font-weight: bold;
  text-decoration: none;
-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: #8A0000;}

/* Цвет навигации до наведения. Авторская. Позаимствуете - дам по жопе! */
#pun-navlinks a {
color: #DFD095;	
border: solid 1px #AD5E00;
background: #f78d1d;	
background: -webkit-gradient(linear, left top, left bottom, from(#B36400), to(#5E0B0B));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
padding: 2px 10px;
-webkit-border-radius: 0 0 .5em .5em;  
-moz-border-radius: 0 0 .5em .5em;  
border-radius: 0 0 .5em .5em;
-webkit-transition: padding ease-out 0.5s, color ease-out 0.5s, background-image ease-out 0.5s;
-moz-transition: padding ease-out 0.5s, color ease-out 0.5s, background-image ease-out 0.5s;
-o-transition: padding ease-out 0.5s, color ease-out 0.5s, background-image ease-out 0.5s;
transition: padding ease-out 0.5s, color ease-out 0.5s, background-image ease-out 0.5s;
}

/* Цвет навигации при наведении */
#pun-navlinks a:hover, #pun-navlinks a:focus { 
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
padding-bottom: 10px;
margin-top: 5px;
color: white;
}

#pun-navlinks a:active { 
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* ИКОНКИ
----------------------------------------------------------------------------------------------------*/
.punbb table Div.icon {float: left; display: block; border-style: none;  width: 22px; height: 20px; margin-top: 13px;background-image: url(http://funkyimg.com/i/JEXz.png);}
TR.iclosed Div.icon {background-image : url(http://funkyimg.com/i/JEXz.png);}
TR.inew Div.icon, TR.isticky Div.icon {background-image : url(http://funkyimg.com/i/JEXx.png);}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://savepic.ru/5435124.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://savepic.ru/5409524.png) 0 top no-repeat,url(http://savepic.ru/5399284.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}

/* CS Всплывающее окно с администраторами на главной
 -------------------------------------------------------------*/
.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #bb743c;
	color: #000000;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}