#smilies-area.container{overflow-y: auto;height: 200px;width: 501px;}

.mini_awards_label {
display: none;
}

.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
        width: 143px;
    font-style: normal;
    line-height: 11px !important;
    display: block;
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-family: "tinos" !important;
    background-color: #8e8b86 !important;
    box-shadow: 0 0 0 1px rgb(27, 25, 26), 0 0 0 2px #434841, 0 0 0 3px rgb(17, 28, 30);
    padding: 5px 5px;
    right: -35px;
    z-index: 2000;
    color: rgba(179, 190, 196, 0.74);

}
.tooltip:hover em i {
	position: absolute;
	right:0px;
	display: block;

}


.imagetip span{
    opacity: 0.9;
    visibility: hidden;
    position: absolute;
    left: 270px; 
    border-radius: 5px;
    z-index: 9999;
}
.alignnone {
    width: 245px;
    height: 158px;
}

.imagetip:hover span{
visibility: visible;

}


/*--------- тело ---------*/

#pun { 
background-image : url("http://funkyimg.com/i/2CB3H.png") ;
background-color: transparent;
background-position: center;
}

/*--------- бэк ---------*/

body { 
background: url("http://funkyimg.com/i/2BQ1z.png") fixed; 
background-color : #191919;
}

/*--------- футер + место для баннеров ---------*/
#pun-about p.container {
background: url("http://funkyimg.com/i/2CE3E.png") transparent no-repeat;
width: 1050px;
height: 180px;
margin-left: -60px;
margin-bottom: -40px;
text-align: center;
line-height: 1;
font-size: 10px;
background-repeat: no-repeat;
}
/*--------- шапка + таблица в ней ---------*/ 
#pun-title table {
background-image : url("http://funkyimg.com/i/2CEkJ.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 460px;
width: 1020px;
margin-left: -45px;}

#pun-title table tbody tr .title-logo-tdr {
position: absolute; 
left: 550px; 
top: 400px;
}

/*--------- категории + статистика ---------*/ 
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2CE52.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2CPMq.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2CPMr.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2CPMs.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2CPMt.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2CPMu.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important;
}

#pun-category7.category h2 {
background: url(http://funkyimg.com/i/2CPMv.png) no-repeat top center;
margin-left: -60px;
width: 1050px;
height: 80px;
border-style: none;
font-size:0 !important;
}

#pun-stats h2 {
margin-left: -60px;
height: 80px;
width: 1050px;
background-image: url(http://funkyimg.com/i/2CE5U.png);
background-repeat: no-repeat;
font-size: 0px;
} 


#pun-stats h2 span,.category h2 span {
visibility:hidden!important;
}

#statistic-other { 
text-align: center;
}

#pun-viewtopic div.post h3 strong::before {
content: "#";
font-weight: bold;
}

/*--------- разделитель между постами ---------*/ 
#pun-viewtopic .post h3 {
background: transparent url("http://funkyimg.com/i/2CDYW.png") no-repeat scroll center top;
width: 1050px !important;
height: 80px;
padding-top: 25px;
margin-bottom: -22px;
margin-left: -61px;
}

/*--------- раздитель в "быстрый ответ" ---------*/ 
#post-form h2 span {
display: none;  
}

#post-form h2 {
background: url("http://funkyimg.com/i/2CDYJ.png") top center no-repeat;
width: 1050px;
height: 80px;
margin-left: -60px;
}
/*--------- убрать "отредактировано" ---------*/
.lastedit {
display:none
}


.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
border-color:transparent;
color: #0f0803;
}


/*--------- кастомизация: главная навигация ---------*/
#pun-navlinks a  {
color: #e0ffff!important;
text-shadow: 0px 0px 6px #e0ffffe3;
text-align: center;
font: 700 16px "IM Fell English SC" !important;
letter-spacing: 2px;
padding-top: 18px!important;
margin-right: 12px;
text-transform:  uppercase;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { 
color: #e0ffff!important;
text-shadow: 0px 0px 6px #e0ffffe3;
opacity:0.9;}

/*--------- кастомизация: пользовательская навигация ---------*/
#pun-ulinks a  {
text-align: center;  
position:relative; 
letter-spacing: 1px;
font-family: Old Standard TT;
font-size: 12px; !important;
font-style: normal;
font-weight: bold;
text-transform: lowercase;
font-stretch: normal;
line-height: normal;
color: #1e1e1e;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { 
color: #1b1d1d;
}

/* --------------------------- прозрачные границы ---------------------------------- */

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color:transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color:transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color:transparent;
}


/* CS2.5 */
.punbb th {
border-color:transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {border-color: transparent;}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color:transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color:transparent;
}

.punbb .divider {
border-color:transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color:transparent;
}

li.pa-online {
border-color:transparent;
}

.punbb .post-sig dt {
border-color:transparent;
}

/*--------- кастомизация: ссылки на форуме ---------*/
.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: #1b1d1d;
border-bottom: 0px none #000;
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: #1b1d1d!important;
text-decoration: none;
color: transparent;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

td.tcr a {
color: #1b1d1d !important;
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
text-transform: lowercase;
}

/*--------- иконки ---------*/
div.icon {
background: url(http://funkyimg.com/i/2CE9p.png) no-repeat;
}

tr.inew div.icon {
background: url(http://funkyimg.com/i/2CE9m.png) no-repeat;
}

tr.isticky div.icon {
background: url(http://funkyimg.com/i/2CE9m.png) no-repeat;
}

tr.iclosed div.icon {
background: url(http://funkyimg.com/i/2CE9p.png) no-repeat;
}

/*--------- профиль ---------*/
.punbb .post .post-author > ul {
background: url(http://funkyimg.com/i/2CDY1.png) 0 bottom no-repeat,
url(http://funkyimg.com/i/2CDFR.png) 0 top no-repeat,
url(http://funkyimg.com/i/2CDDk.png) repeat;
margin-top: 7px;
margin-left: -5px;
}

li.pa-avatar  {
z-index: 5; 
margin-left: 7px!important; 
margin-top: -1px; 
}


.pa-avatar.item2 {
width: 187px;
}

li.pa-avatar img {
max-width: 190px!important;
max-height: 190px !important;
box-shadow: 0px 0px 2px 1px #0b0803!important;}


.pa-author a, .pa-author {color: #e0ffff!important;text-shadow: 0px 0px 6px #e0ffffe3;font: 600 13px "IM Fell English SC"!important;letter-spacing: 2px;padding-top: 16px!important;margin-left: -16px;text-transform: uppercase;}

.pa-author a:hover {
color: #e0ffff!important;
text-shadow: 0px 0px 6px #e0ffffe3;
opacity:0.9;
}

.pa-title {width: 208px;color: #1b1d1d;margin-left: 0px!important;padding-top: 15px!important;}

.post-author ul {color: #1b1d1d!important;text-align: center;font-size: 10px;}

.pa-online {
text-align: center;
font-size: 9px!important;
font-family: tahoma;
font-weight: bold;
text-transform: uppercase;}

.pa-awards {font-family: old standard tt;font-size: 14px;font-weight: bold;color: #1b1d1d!important;opacity: 0.9;}

.pa-respect, .pa-posts {
    color: #1b1d1d!important;
    font-size: 9px;
    font-weight: bold;
    font-family: tahoma;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    width: 74px;
    line-height: 11px;
    margin-top: 7px!important;
    margin-left: -10px!important;
    margin-right: 9px!important;
}

.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { 
color: #1b1d1d!important; 
}

.pa-fld1 {color: #1b1d1d!important;font-size: 10px;font-family: tahoma;line-height: 8px;height: 86px;margin-top: -4px !important;width: 205px!important;}

.pa-fld2{
color: #1b1d1d!important;
width: 205px!important;
height: 15px;
font-size: 10px;
font-family: tahoma;
font-weight: bold;
}

.post-author-Sp {
height: 67px;
}


/*--------- подфорумы: оформление  ---------*/
.punbb td div .tclcon, .category .container table .hasicon .tc1 {padding: 7px;min-height: 45px;width: 395px;background-color: #73737370;padding-top: 25px!important;font-size: 10px;text-align: justify;line-height: 11px;margin-left: 3px;}
#pun-index .main .tcl, #pun-viewforum .main .tcl, #pun-searchtopics .main tcl {
background: url() top center;
color: #1e1e1e;
  }
  
/*--------- формы ввода, селекторы, кнопки, цитаты и коды, форма ответа  ---------*/

hr {border: none;border-top: solid 2px #111111;opacity: 0.5;}

.punbb select {
background-image: url(http://funkyimg.com/i/2BV3f.png);
box-shadow: 0 0 0 2px #81807e inset;
border: 1px solid #5b5b5b78!important;
}

.hashelp center div a button, .punbb textarea,  
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
box-shadow: inset 0px 1px 17px 2px rgba(29, 27, 28, 0.99), 1px 1px 12px 0px rgb(5, 5, 6);
background-image: url(http://funkyimg.com/i/2BV3f.png);
border-image: url(http://funkyimg.com/i/2BUXw.png) 4 4 4 4 round round;
border-style: solid;
border-width: 6px;
color: #000;
margin: 10px;
padding: 3px !important;
}

.hashelp center div a button, .button {   
background-color: #1e1e1e!important; 
color: #e0ffff;
border: 2px solid #2a2a2a;
box-shadow: 0px 0px 2px #1e1e1e, 0px 0px 2px #1e1e1e;
cursor:pointer;
font-family: Old Standard TT!important;
font-size: 11px!important;
font-weight: bold!important;
text-shadow: 0px 0px 3px #e0ffff;
letter-spacing: 1px;
}

.hashelp center div a button:hover, .button:hover {
background-color: #1e1e1e!important; 
color: #c0dcdc;
border: 2px solid #424242;
box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848;
}

.hashelp center div a button:active, .button:active {
position:relative; 
top:1px;
}

.input input {background-image: url(http://funkyimg.com/i/2BV3f.png);box-shadow: 0px 0px 5px 3px #81807e inset;border: 1px solid #5b5b5b78!important;}

.post-box .quote-box, .post-box .code-box {
box-shadow: inset 0px 1px 6px 2px rgba(29, 27, 28, 0.99);
background-image: url(http://funkyimg.com/i/2BV3f.png);
border-image: url(http://funkyimg.com/i/2BUXw.png) 4 4 4 4 round round;
border-style: solid;
border-width: 6px;
color: #000;
margin: 10px;
padding: 3px !important;
}


#size-area, #font-area, #video-area, #image-area, #keyboard-area, #smilies-area, #color-area  {
box-shadow: 0px 0px 0px 2px #81807e inset;  
background-image: url(http://funkyimg.com/i/2BV3f.png);
border-image: url(http://funkyimg.com/i/2BUXw.png) 4 4 4 4 round round;
border-style: solid;
border-width: 4px;
color: #000;
padding: 3px !important;
}

/*--------- смена имиджа ---------*/ 

#mask_dialog .inner .hv-mask-dialog-title {
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
font-family: old standard tt;
line-height: 34px;
position: relative;
margin-top:25px;
}

#mask_dialog .inner .hv-mask-block .hv-form-block label {
display: block;
font-size: 10px;
}

#mask_dialog .inner {
cursor: default;
margin: 0;
width: 772px;
height: 340px;
max-width: 99%;
max-height: 90%;
overflow-x: auto;
z-index: 100;
box-shadow: 0 0 40px #222;
background-image: url(http://funkyimg.com/i/2BUA1.png);
background-color: transparent;
padding: 0px;
}


 #mask_dialog .inner .hv-control .hv-clear-storage {
position: absolute;
right: 35px;
bottom: 20px;
color: #1b1d1d;
cursor: pointer;
}

#mask_dialog .inner .hv-mask-block .hv-form-block input, #mask_dialog .inner .hv-mask-block .hv-form-block textarea {
width: 50%;
background-image: url(http://funkyimg.com/i/2BV3f.png);
box-shadow: 0 0 0 2px #81807e inset;
border: 1px solid #5b5b5b78!important;
    }

#mask_dialog .inner .hv-mask-block .hv-preview-block {
flex: 0 0 120px;
text-align: center;
font-weight: bold; 
font-size: 10px;
max-width: 120px;
overflow: hidden;
word-break: break-word;
margin-left: 20px;
}

#mask_dialog .inner .hv-mask-block .hv-preview-author {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: Old Standard TT;
} 

/*--------- стрелки "вниз-наверх"  ---------*/
.go-up,.go-down {
display:none;
position:fixed;
right:90px;
z-index:9999; 
cursor:pointer;
opacity: 0.7;
margin-bottom:40px;
width:100px;
height:40px;
}
.go-up {
bottom:410px;
}
.go-down {
bottom:370px;
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.category .container thead {
display: none;
}

/*--------- таблица  ---------*/
#links {position: absolute;
height: 36px;
width: 300px;
left: 64px;
top: 73px;
color: #918f8a;
font-size: 12px;
text-align: center;
font-family: old standard tt;
}

#links a {
color: #918f8a;
}

#links a:hover {
color: #918f8a!important;
text-shadow: 0px 0px 6px #918f8a;
opacity:0.9;}

#ams {
position:absolute;
top: 29px;
left: 88px;
font-family: im fell english sc;
font-size: 18px;
text-transform: lowercase;
letter-spacing: 3px;
font-weight: bold;
}
#ams a {
color: #e0ffffe3;
}

#ams a:hover {
color: #ddfbfb!important;
text-shadow: 0px 0px 6px #e0ffffe3;
opacity:0.9;}

#moders a {
color: #e0ffffe3;
}

#moders a:hover {
color: #ddfbfb!important;
text-shadow: 0px 0px 6px #e0ffffe3;
opacity:0.9;}

#bestep a img {
opacity: 0.3;
}

#bestep a:hover img {
opacity: 0.5;
}

#activists a img {
opacity: 0.3;
}

#activists a:hover img {
opacity: 0.5;
}

/*--------- скролл и разное ---------*/

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #555;
    border: solid 1px #5b5b5b96;
}

::-webkit-scrollbar-thumb {
    background-color: #2222228a;
    height: 3px;
}

#tooltip {
position:absolute;
background-color:#000000;
z-index: 999;
max-width:150px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
-webkit-border-radius:2px;
border-radius:4px;
font-family: tahoma; 
font-size:10px;
display:none;
color:#fff;
text-align:center;
padding: 5px;
}