/*--------------------------- шапка --------------------------------------------------*/

#pun-title table {
  background: url(http://savepic.ru/13175354.png) no-repeat top center; 
  height: 713px;
  width: 2000px;
  margin-left:-592px;
  margin-top:0px;

}


#pun-main h1 {background: url(http://funkyimg.com/i/2q9i3.png) center no-repeat;
width: 864px;
height:130px;
margin-left:-16px;
box-sizing: border-box;
margin-top:-55px;
margin-bottom:28px;
}


#pun-main h1 span {position:relative;
top:44px;
min-width:400px!important;}

/*--------------------------- футер --------------------------------------------------*/
#pun-about p.container {
  background: url(http://i.imgur.com/QtCJPys.png) center top no-repeat;
  height: 232px;
  width: 2000px;
  margin-left:-595px;
  margin-bottom:-40px!important;
 margin-top:-20px;
}


div#pun-about {
   margin-bottom: -50px;
}


/*------------------------------- иконки ----------------------------------------*/

/* иконка новых */
TR.inew Div.icon {
  background : url(http://funkyimg.com/i/2q9k9.png) no-repeat top center;
}


/* иконка старых сообщений*/
 table Div.icon { 
  background: url(http://funkyimg.com/i/2q9ka.png) no-repeat top center;
opacity: .8;
}



/* иконка важных*/
TR.isticky Div.icon {
  background: url(http://funkyimg.com/i/2q9kb.png) no-repeat top center;

}

/*иконка закрытых*/
TR.iclosed Div.icon {
  background: url(http://funkyimg.com/i/2q9kc.png) no-repeat top center;

}


/* ------------------------ картинки статистики ------------------------------*/

#pun-stats.section h2 { 
  background: url(http://i.imgur.com/VMxCK4y.png) no-repeat center;
  width: 864px;
height:120px;
margin-left:-28px;
margin-bottom:-20px;
}

#pun-stats h2 span { 
   display:none;
}


/*------------------------------- быстрый ответ ---------------------------------*/

#post-form h2 span {
   display:none;
}

#post-form h2 {
   background: url(http://funkyimg.com/i/2q9i2.png) no-repeat center;
  width: 864px;
height:120px;
margin-left:-28px;
margin-bottom:-20px;
}

/*----------------------кнопки типа отправить_посмотреть----------------------------*/

.hashelp center div a button {
  width:70px;
}

.hashelp center div a button, .button {    
	box-shadow:inset 0px 1px 0px 0px #b64a6d ;
	background-color: #a33e58;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a33e58) color-stop(1, #b64a6d));
        background: -moz-linear-gradient(top, #a33e58 5%, #b64a6d 100%);
        background: -webkit-linear-gradient(top, #a33e58 5%, #b64a6d 100%);
        background: -o-linear-gradient(top, #a33e58 5%, #b64a6d 100%);
        background: -ms-linear-gradient(top, #a33e58 5%, #b64a6d 100%);
        background: linear-gradient(to bottom, #a33e58 5%, #b64a6d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a33e58', endColorstr='#b64a6d',GradientType=0);
	border-radius:20px;
	border:1px solid #bf6782;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: arial!important;
        font-size:12px!important;
	padding-left:7px!important;
        height:25px!important;
	text-decoration:none;
	text-shadow:0px 1px 0px #7d223c;
}

.hashelp center div a button:hover, .button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b64a6d), color-stop(1, #a33e58));
	background:-moz-linear-gradient(top, #b64a6d 5%, #a33e58 100%);
	background:-webkit-linear-gradient(top, #b64a6d 5%, #a33e58 100%);
	background:-o-linear-gradient(top, #b64a6d 5%, #a33e58 100%);
	background:-ms-linear-gradient(top, #b64a6d 5%, #a33e58 100%);
	background:linear-gradient(to bottom, #b64a6d 5%, #a33e58 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b64a6d', endColorstr='#a33e58',GradientType=0);
	background-color:#b64a6d;
}

.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:3px!important;
position: relative;
z-index:2!important;
}

#pun-reputation div {
  background: #d7d99e;
z-index:99999999!important;
}

#pun-reputation h1 {background: url(blank.gif);
height:30px;}

.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;}


#pun-viewtopic .pa-fld1 {
font-size:11px;
font-family: 'cuprum';
line-height:9px;
width:219px;
position: relative;
z-index:2!important;
background: url(http://i.imgur.com/kks4ryt.png) 0px top no-repeat, url(http://i.imgur.com/H5IoBq8.png) 0px bottom no-repeat, url(http://i.imgur.com/V2KzUTf.png) 0px top repeat-y;
padding: 28px 10px 30px!important;
margin-top:-12px!important;
margin-bottom:-22px!important;
color:#888c4e;
}

#pun-viewtopic .pa-fld1 a{color:#a8ad4a!important;}

#pun-viewtopic .lz {width:196px!important;}

#pun-viewtopic .lz b {color:#9da43e!important;}

#pun-viewtopic a.port {
font-family: 'cuprum';
font-style:bold!important;
font-size:14px;
text-transform:uppercase;
letter-spacing:-1px;
color:#e08bb0!important;
border-bottom: 1px solid #c05179;
padding-bottom:3px!important;
margin-bottom:3px!important;
display:inline-block;
text-shadow: 1px 1px #5f182b;
}

#pun-viewtopic a.port:hover {
color:#d979a3!important;;}

a.sn img {
width:15px!important;
margin-top:-1px;
opacity:0.9;
display:inline-block;}


.pa-fld2 img {                              /* money */
   height:8px !important;
margin-top:1px;
position: relative;
z-index:2!important;
}

.pa-fld4 {margin-bottom:-23px!important;             /* stars */
height:19px!important;
position: relative;
z-index:2!important;}


.pa-fld5 {height:11px!important;
top:0px;
position:relative;}                                             /* mp3 */

/* хэш*/

.pa-fld3{
margin-top:-98px!important;
height:71px;
margin-bottom:-8px!important;
margin-left:-16px!important;}

.pa-fld2 img, .pa-fld3 img {filter: brightness(90%) contrast(120%);
-webkit-filter: brightness(90%) contrast(120%);}


/*------------------------полоски прокрутки-----------------------*/

::-webkit-scrollbar-thumb:vertical {
  background-color:#c16986;
box-shadow: inset 0 0 5px #f2adc4;
} 
::-webkit-scrollbar-thumb:horizontal {
  background-color:#c16986;
box-shadow: inset 0 0 5px #f2adc4;
}

::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  background-color:#9ca140;
box-shadow: inset 0 0 5px #f2f08d;
}


/*-----------------ширина колонок в списке активных пользователей ----------------*/

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;
}

#pun-index div.category h2{
margin-left:-28px;
margin-bottom:-22px;
margin-top:-10px;}


/* время отправки поста  */
.permalink {
  font-size: 17px;
  font-family: cuprum;
  font-weight: bold;
  letter-spacing: 1px;
}

/* счетчик символов */
#plng {color:#afb15b;
  font-size: 13px;
  font-family: cuprum;}



/* картиночки амс*/
.ams {
  position: relative;
  display:inline-block;
  font-weight:bold;
  font-family: cuprum;
font-style:italic;
}

.ams a{
  color:#eff1c3!important;
margin-right:5px;
font-size:12px;
line-height:18px;
 text-transform:uppercase;}

.ams span {
   display:none;
} 

.ams:hover span{
   position:absolute;
   background:#d8e576;
   box-shadow:  inset 0 -4px #adb251, inset 0 4px #adb251, inset #adb25 12px 30px;
   border-right: 1px solid #adb251;
   border-left: 1px solid #adb251;
  border-radius: 20px;
   text-align:center;
   padding:5px;
   display:inline-block;
   margin-top:-140px;
   left:-50px;
   z-index:999;
   font-size:11px;
}

.ams img {  border-radius: 20px;
border: 1px solid #e59eb4;
}

.tableimg img {filter: grayscale(100%);-webkit-filter: grayscale(1);
opacity: 0.6;
transition:0.4s;
border: 2px solid #d8e576!important;
}

.tableimg img:hover {filter: grayscale(20%);-webkit-filter: grayscale(20%);
opacity: 0.8;
transition:0.4s;
}

/* ОФОРМЛЕНИЕ ЦИТАТ */

.hover {height:180px; width:300px; background-color: #b5b542!important;
border-top: 4px solid #b23059;
border-bottom: 4px solid #b23059;
border-left: 1px solid #ffffff;
border-right: 1px 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;
  color: #6e6e3d;
}
.do {position:relative;top:70px; text-align:center;font-size:8px;opacity:0.7;transition:1s;color:#6e6e3d;}
.quote {position:relative;left:300px;top:0px;background:#d5d794;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:#d5d794;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;}



/*----------------------------- instanews -----------------------------*/

.instanews a .insmall {
display: none;
position: absolute;
top:-3px;
left:-180px;
z-index: 999;
transition: 0.4s;
}


.instanews a:hover .insmall {
border: 2px solid #fff;
display: block;
filter: grayscale(0%);-webkit-filter: grayscale(0);
opacity: 1;
transition: 0.4s;
}

.instanews li {
  display: inline;
}


.instanews img {
margin:1px 6px;
filter: grayscale(100%);-webkit-filter: grayscale(1);
border: 2px solid #fff!important;
opacity: 0.5;
transition: 0.4s;
border-radius:22px;
}

.instanews img:hover {
filter: grayscale(0%);-webkit-filter: grayscale(0);
opacity: 1;
transition: 0.4s;
}

/* игроки недели */

.bam {
width:43px; 
height:41px;
}

.bam span {
position: relative;
top:-41px;
padding-top:9px;
color:#fff;
font-family:cuprum;
font-size:14px;
display: none;
line-height:12px;
}
.bam img {
transition: 0.4s;
opacity: 0.4;
}
.bam:hover span{
display:block;
}
.bam:hover img{
opacity: 0.3;
transition: 0.4s;
}


/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"], #efont, #float, #htc {
background:#ffffff; width:auto; padding:8px;
max-width:500px;
}


/* скрытые подфорумы*/
#pun-index #forum_f74, #pun-index #forum_f73, #pun-index #forum_f77, #pun-index #forum_f70 {display:none}



/*-------------------------- новые скрипты ------------------------------*/
/* стиль основного блока jGrowl для почтового уведомления */
.jGrowl .messag_theme {
margin-top:80px!important;
background: #b13058!important;
width: 150px!important;
min-height: 0!important
}
/* стиль шапки блока с приветствием */
.styl1 {
padding:5px!important;
font-size: 10px!important;
}
/* стиль кнопки Отмена */
#closet {
font-size: 10px!important;
}

.jGrowl-notification.rating_theme{
  width:470px!important;
  padding:3px!important;
  text-align:center!important;
 opacity:1!important;
}

#navpm .num_msg {
  display:none;
}

#BookmCntToggle {position:fixed;
top:80px!important;
    background: url(http://i.imgur.com/jxaqwdi.png) center center no-repeat !important;}


#MyBookmarks {position:fixed;
top:80px!important;
z-index:99999999;
background: #cccf80;
height:80%!important;}

.post .bookmark {
position:relative;
margin-right:-12px!important;
z-index:999!important;
}

.editBookmark {
background: #cccf80!important;
width:400px!important;
z-index:999!important;
}

.editBookmark h1 {
display:none!important;
}


/*-------------- АНКЕТА обложка -----------------------------*/

.antitles {background: url(http://i.imgur.com/A68qxjv.png) repeat;
z-index:105!important;
position:relative;
top:-600px;
width:500px; 
height:600px;
margin-bottom:-610px;}

/*------ заголовок тем--------*/
.topic-title, .want-title font, .want-want, .episode .title, .nws .nam {color:#b13058;}

#left {text-align:left;}
#right {text-align:right;}

.want-dem2 img {height:14px;}




.star-topic {
background: url(http://i.imgur.com/76MObL3.png) 0px bottom no-repeat, url(http://i.imgur.com/jIjnCkP.png) 0px 0px no-repeat,  url(http://i.imgur.com/5TP2pfy.png) 0 0 repeat-y;
width:474px;
min-height:150px;
padding:180px 41px 45px 45px;
font-family:cuprum;
position:relative;
color:#43676f;
}

.start-icon img {width:45px;}
.start-icon {position:absolute; top:25px; left:25px;}

.start-title {
font-family:bebas neue;
font-size:25px;
position:absolute;
font-weight:bold;
top:107px;
left:110px;
color:#f8dceb;
text-shadow: 1px 1px #b34f83;
width:440px;
letter-spacing:1px;
}

.start-extra {padding:10px;
background:#9ed8f0;
border-radius:30px;
box-shadow: inset 0 0 15px #8cceea;
border:1px #9ed8f0 solid;
color: #288fa8;
margin-bottom:10px;
}

.start-extit {font-family:bebas neue;font-weight:bold;font-size:16px; color:#dbf0fb;letter-spacing:1px;text-shadow: 1px 1px #2a91ab;line-height:14px;}

.startcode{background: url(http://i.imgur.com/RyhY2q8.png) 0 bottom no-repeat, url(http://i.imgur.com/ppMBTE6.png) 0 top no-repeat, url(http://i.imgur.com/ySyXgvI.png) 0 top repeat-y;
width:242px;
min-height:37px;
padding:30px 130px 15px 120px;
margin:10px 0 11px -9px;
color:#d1ecfa;
}




.star-cal {
background: url(http://i.imgur.com/b8GzSo1.png) 0px bottom no-repeat, url(http://i.imgur.com/EQA0a2I.png) 0px top no-repeat,  url(http://i.imgur.com/EtxsHaH.png) 0 0 repeat-y;
width:488px;
padding:45px 25px;
}

.cal-task {
opacity:0;
width:100px!important;
height:106px!important;
background:#9ed8f0;
box-shadow: inset 0 0 15px #79b4cd;
border: 1px solid #9ed8f0;
position:relative;
margin-top:-120px!important;
z-index:2;
overflow-y: auto;
overflow-x: hidden;
border-radius:20px;
padding:5px;
font-family:cuprum;
line-height:9px;
font-size:11px;
text-align:center!important;
transition:.9s;
}

.cal-date {
color:#b64378;
box-shadow: inset 0 0 15px #dd8cb9;
border: 1px solid #edbbd7;
width:110px!important;
height:110px!important;
background:#edbbd7;
text-align:center!important;
border-radius:20px;
padding-top:10px;
font-family:cuprum;
font-size:14px;
text-shadow: 1px 1px #fff;
}

.cal-date span {
font-family: bebas neue;
font-size:68px;
font-weight:bold;
margin-bottom:-20px;
display:block;
}

.cal-title{
font-family: bebas neue;
font-size:14px;
letter-spacing:1px;
font-weight:bold;
color:#b64378;}

.cal-task:hover ~ .cal-date {opacity:0; transition:1s;}

.cal-task:hover{opacity:1;transition:1s;}