/*---------- ДИЗАЙН ВЫПОЛНЕН МАСТЕРОМ OFTWO. SKYPE: FUNKYOUHARD -------*/


/*--------------------------- шапка --------------------------------------------------*/

#pun-title table {
  background: url(http://funkyimg.com/i/ZExh.png) no-repeat top right; 
  height: 799px;
  width: 1920px;
  margin-left:-530px;
}


/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background: url(http://funkyimg.com/i/Z6D8.jpg) bottom center no-repeat;
  height: 196px;
  width: 883px;
  margin-left:-12px;
  margin-bottom:-120px;
}



/*------------------------------- иконки ----------------------------------------*/

/* иконка старых сообщений*/
table Div.icon { 
  background: url(http://funkyimg.com/i/ZEta.png) no-repeat top center;
}


/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/ZEt9.png) no-repeat top center;
}


/* иконка важных*/
#pun-viewforum TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/ZEt8.png) no-repeat top center;
}

/*иконка закрытых*/
#pun-viewforum TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/ZEt7.png) no-repeat top center;
}

/* ------------------------ картинки статистики ------------------------------*/

#pun-stats.section h2 { 
  background: url("http://funkyimg.com/i/ZCVX.png") no-repeat;
  padding-bottom:10px;
  width:836px;
  height:79px;
}

#pun-stats h2 span { 
   display:none;
}

/*------------------------------- быстрый ответ ---------------------------------*/

#post-form h2 span {
   display:none;
}

#post-form h2 {
   background: url(http://funkyimg.com/i/ZCVW.png) no-repeat;
  width:836px;
  height:79px;
margin-top:-50px;
margin-bottom: -30px;
}

/*----------------------кнопки типа отправить_посмотреть----------------------------*/

.hashelp center div a button {
  width:70px;
}

.hashelp center div a button, .button {    

   border: 1px solid #756d25;
   background: #53490e;
   background: -webkit-gradient(linear, left top, left bottom, from(#817a2c), to(#53490e));
   background: -webkit-linear-gradient(top, #817a2c, #53490e);
   background: -moz-linear-gradient(top, #817a2c, #53490e);
   background: -ms-linear-gradient(top, #817a2c, #53490e);
   background: -o-linear-gradient(top, #817a2c, #53490e);
   background-image: -ms-linear-gradient(top, #817a2c 0%, #53490e 100%);
   padding-left:7px!important;
   height:25px!important;
   text-decoration:none;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #39320d 0 1px 0;
   color: #aba758;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   font-family: arial!important;
   font-size:12px!important;
}

.hashelp center div a button:hover, .button:hover {
   background: #f5b96a;
   background: -webkit-gradient(linear, left top, left bottom, from(#53490e), to(#817a2c));
   background: -webkit-linear-gradient(top, #53490e, #817a2c);
   background: -moz-linear-gradient(top, #53490e, #817a2c);
   background: -ms-linear-gradient(top, #53490e, #817a2c);
   background: -o-linear-gradient(top, #53490e, #817a2c);
   background-image: -ms-linear-gradient(top, #53490e 0%, #817a2c 100%);
}

.hashelp center div a button:active, .button:active {
	position:relative;
	top:1px;
}


/*------------------------ профиль ----------------------------------*/


.pa-respect, .pa-posts, .pa-fld2 { 
  display: inline-block;
  text-align: center; 
  width: 50px;
  font-size:10px;
  line-height:10px;
 padding:2px 6px !important;
font-family:cuprum;
text-transform:uppercase;
margin-bottom:10px!important;
margin-top:5px!important;
}

.pa-respect a{color:#66400b!important;}

.pa-respect a:hover{color:#777619!important;}

#pun-reputation div {
  background: #cac5b1;
}

.pa-respect a[href*="&v=1&cod"]{
   display:inline-block;
   margin-top:-0px;
}
.pa-respect a[href*="&v=1&cod"] img{
  visibility:hidden;
  /*размеры для картинок  +/- */
  height:10px;
  width:18px;
}
.pa-respect a[href*="&v=1&cod"]{
   background:url(http://funkyimg.com/i/ZEum.png) center 100% no-repeat; /*картинка для +*/
}

#post fieldset legend span {
  display:none;
}

#pun-messages .post-sig, #pun-messages .pa-reg {display:none;}

.pa-fld1 {
font-size:10px;
line-height:9px;
background: url(http://funkyimg.com/i/Z6mb.jpg) 0 bottom no-repeat, url(http://funkyimg.com/i/Z6ma.jpg) 0 top no-repeat, url(http://funkyimg.com/i/Z6mc.jpg) 0 top repeat-y;
width:228px;
text-transform: none;
padding: 7px 20px!important;
margin-top:-5px!important;
}

.lz {
width:187px;
margin-bottom:2px!important;
padding:3px!important;
}

a.port {
font-family: 'bebas neue';
font-size:15px;
font-weight:bold;
text-shadow: #ddd7b7 1px 1px;
}


a.sn img {
width:14px!important;
margin-top:-4px;
opacity:.6;}


.pa-fld2 img {                              /* money */
   height:10px !important;
margin-top:1px;
}

.pa-fld4 {margin-bottom:-25px!important;} /* stars */

.pa-fld5 {margin-bottom:5px;top:-2px;} /* mp3 */

/* хэш*/


.pa-fld3{
margin-top:-84px!important;
height:47px;
margin-bottom:2px!important;}



.hash span {
   display:none;
} 


#pun-viewtopic .hash:hover span{
   display:inline-block;
   border-radius: 5px;
   color:#b9b784;
   background: #4d410f;
   border-right: 1px solid #ffeee6;
   border-left: 1px solid #ffeee6;
   box-shadow:  inset 0 -2px #bd9029, inset 0 2px #bd9029, inset #bd9029 0 0 7px 0px;
   width:100px;
   padding:5px;
   margin-top:-50px;
   left:90px;
   z-index:100000;
   position:absolute;
}




/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
  background-color:#231603;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#231603;
}

::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color:#3d3010;
}


/*-----------------ширина колонок в списке активных пользователей ----------------*/

div#pun-online.punbb .tc3 {
  text-align: left; /*текст справа*/
  width: 20%; /*ширина третьей колонки*/
}

div#pun-online.punbb .tcl {
  text-align: left; /*текст слева для первых двух колонок*/ 
}

#pun-online th.tcl, #pun-online th.tc3 {
   font-size:0%;
}

/*-------------------------------- разное ------------------------------- */
#pun-main div.catleft, #pun-main div.catright, #pun-announcement h2, .lastedit, .mini_awards_label, .mini_awards, .title-logo span, li#navawards, #topic-modmenu .container span {
  display: none;
}


/* название категорий */
.category h2 span {
  visibility:hidden!important;
}


/* время отправки поста  */
.permalink {
  font-size: 17px;
  font-family: cuprum;
  font-weight: bold;
  text-shadow: #916e1c 1px 1px;
  color: #ecd900!important;
  font-weight: bold;
  letter-spacing: 1px;
}



/* счетчик символов */
#plng {color:#848420;
  font-size: 13px;
  font-family: cuprum;}



/* картиночки амс*/
.ams {
  position: relative;
  display:inline-block;
  font-family: 'nautilus pompilius';
  text-shadow: #241e04 1px 1px;
  font-size:14px;
  padding: 1px; 
text-transform:lowercase;
}

.ams a{
  color:#bd8c26!important;
margin-right:7px;}

.ams span {
   display:none;
} 

.ams:hover span{
   position:absolute;
  border-radius: 10px;
   background: #4d410f;
   border-right: 1px solid #ffeee6;
   border-left: 1px solid #ffeee6;
   box-shadow:  inset 0 -2px #bd9029, inset 0 2px #bd9029, inset #bd9029 0 0 7px 0px;
   text-align:center;
   padding:10px;
   display:inline-block;
   margin-top:-125px;
   left:-50px;
   z-index:100000;
   font-size:13px;
  color: #b9b784;
}



/* ОФОРМЛЕНИЕ ЦИТАТ */

.hover {height:180px; width:300px; background-color: #e4dbeb !important;
border-top: 4px solid #7d5348;
border-bottom: 4px solid #7d5348;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-radius:8px; overflow:hidden;}.photo{border-radius:8px;}
.name {position:relative;top:70px; text-align:center; font-size:40px; font-family:bebas neue;transition:1s; fpnt-weight:bold; text-shadow: #ffffff 2px 1px;
  color: #7d5348;}
.do {position:relative;top:60px; text-align:center;font-size:8px;opacity:0.7;transition:1s;}
.quote {position:relative;left:300px;top:0px;background:#ffffff;padding:10px;font-size:10px;line-height:9px;text-transform:lowercase;width:260px;height:100px;overflow:auto;transition:1s;
}
.hover:hover .name {top:10px;transition:1s; font-size:20px;}
.hover:hover .quote {left:10px;transition:1s;transition:1s;height:110px;}
.hover:hover .do {opacity:0;}

.quote2{position:relative;left:-300px;top:0px;background:#ffffff;padding:10px;font-size:10px;line-height:9px;text-transform:lowercase;width:260px;height:100px;overflow:auto;transition:1s;
}
.hover:hover .quote2 {left:10px;transition:1s;transition:1s;height:110px;}


/* цитатник внизу */
#page-wrap {
font-family:cuprum;
 position: absolute;
 margin-left: 68px;
 margin-top: -20px;
 overflow: hidden;
 height: 115px;
 width: 280px;
 font-size:13px;
 line-height:9px;
 text-transform:lowercase;
 color:#9e7219;
 text-shadow: #e9e0cf 1px 1px;
 text-align:justify; 
}


.stripViewer .panelContainer .stripViewer {
 position: relative; overflow: hidden; width: 280px; height: 65px; overflow:hidden;
}

.stripViewer .panelContainer {
 position: relative; left: 0; top: 0; 
}

.stripViewer .panelContainer .panel {
 float: left; height: 65px; overflow:hidden; position: relative; width: 280px; 
}

.stripNavL, .stripNavR, .stripNav {
 display: none; 
}

/* оформление тем*/

.divtitle{padding:30px; width:380px; background-color:#c39828; font-family: lobster; font-size:28px; text-align:center;text-transform:lowercase; letter-spacing:1px; color:#e4dfc9; border: #53490e 5px solid; text-shadow:1px 1px 0px #53490e, 2px 2px 0px #756819;}

.say {width:350px; margin-top:8px; height:1px; background-color:#e4dfc9;}

.postdiv{background-color:#e4dfc9; padding:20px; width:400px; border:#53490e 5px solid; margin-top:5px; text-align: justify; font-family: arial; font-size:11px;text-transform:lowercase;line-height:10px;}

.divline {width:300px; background: #a9a831; padding:1px; text-transform: lowercase;height:3px; font-family:nautilus pompilius; font-size:14px;line-height:20%;margin:10px!important;}

.divline-gb {width:110px; background: #a9a831; padding:1px;height:3px; font-family:nautilus pompilius; font-size:13px;margin-bottom:10px!important;line-height:30%;}

.divcode {background: #f2e7fd; padding:5px; width:250px; text-align:justify;}

.mmm {background-image:url(http://funkyimg.com/i/ZDVP.png); width:450px; padding:15px; border:#53490e 3px solid;}



/*----------------------------- instanews -----------------------------*/

.instanews a .insmall {
display: none;
}

.instanews a:hover .insmall {
  display: block;
  position: absolute;
  top: 40px;
  left:-90px;
z-index: 999;
}


.instanews li {
  display: inline;
}



/* игроки недели */

.bam {
width:49px; 
height:49px;
}

.bam span {
position: relative;
top:-49px;
color:#c9c5b0;
font-family:cuprum;
font-size:14px;
display: none;
}
.bam img {
transition: 0.4s;
opacity: 0.4;
}
.bam:hover span{
display:block;
}
.bam:hover img{
opacity: 0.2;
transition: 0.4s;
}


/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"], #efont, #float, #change {
background:#e4dfc9;border:1px solid #53490e; width:auto; padding:8px;
max-width:500px;
}



/*--------------СКРЫТЫЕ ПОДФОРУМЫ------------*/
#pun-index #forum_f70, #pun-index #forum_f74, #pun-index #forum_f73{display:none;}