/* ---------------------- ÂÑÅ ÔÎÍÎÂÛÅ ÊÀÐÒÈÍÊÈ  ----------------------*/

html {background: #0f0f0e url(http://forumstatic.ru/files/0006/f5/43/98948.jpg) repeat-y top center;}
body {
/*    background-image: url(http://forumstatic.ru/files/0006/f5/43/67860.jpg), url(http://forumstatic.ru/files/0006/f5/43/30020.png); */
    background-image: url(https://i.gyazo.com/776e42a3565b533f5f4d9488499c0b89.jpg), url(https://i.gyazo.com/539ddbdb3da157607a455fc79f2dcff5.jpg);
    background-repeat: no-repeat;
    background-position: top, calc(50% + 2px) 100%;
}
#pun {
    background-image: url(http://forumstatic.ru/files/0006/f5/43/30986.png), url(http://forumstatic.ru/files/0006/f5/43/51340.jpg);
    background-repeat: no-repeat, repeat-y;
    background-position: bottom;
}
#pun-title {background: url(http://forumstatic.ru/files/0006/f5/43/92492.png) no-repeat top left;}
#pun-navlinks li:hover {background: url(http://forumstatic.ru/files/0006/f5/43/52455.png) no-repeat 0 6px;}

#pun-navlinks li a, #pun-ulinks li a, #pun-announcement a, #pun-status a {color: #ffe183;}
.punbb-admin #pun-navlinks li a, .punbb-admin #pun-ulinks li a {color: #120400;}
#pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active,
#pun-ulinks li a:hover, #pun-ulinks li a:focus, #pun-ulinks li a:active,
#pun-announcement a:hover, #pun-announcement a:focus, #pun-announcement a:active, #pun-status a:hover, #pun-status a:focus, #pun-status a:active {color: #cc1a1a;}
#pun-status {background: url(http://forumstatic.ru/files/0006/f5/43/25404.png) no-repeat top center;}
#menu {background: url(http://forumstatic.ru/files/0006/f5/43/60085.png) no-repeat top center;}
#menu #center:hover {background: url(http://forumstatic.ru/files/0006/f5/43/64412.png) no-repeat 6px 1px;}
#pun-announcement #banners a {background: url(http://forumstatic.ru/files/0006/f5/43/24519.png) no-repeat;}

body .punbb h1, body .punbb h2 {background: url(http://forumstatic.ru/files/0006/f5/43/83601.png) no-repeat;}
.punbb div.catleft {background: url(http://forumstatic.ru/files/0006/f5/43/54311.png) no-repeat;}
.punbb div.catright {background: url(http://forumstatic.ru/files/0006/f5/43/84809.png) no-repeat;}

.punbb .category, #pun-stats, .punbb .forum {background: url(http://forumstatic.ru/files/0006/f5/43/94187.png) no-repeat bottom center;}
.punbb .main thead {background: url(http://forumstatic.ru/files/0006/f5/43/96692.png) no-repeat center bottom;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.punbb .main .category tr, #pun-stats .container {background: rgba(37,25,20,0.25) url(http://forumstatic.ru/files/0006/f5/43/97163.png) no-repeat bottom center;}
.punbb .main .category tr:hover {background: rgba(248,233,186,0.45) url(http://forumstatic.ru/files/0006/f5/43/97163.png) no-repeat bottom center;}
li#onlinelist {background: url(http://forumstatic.ru/files/0006/f5/43/97163.png) no-repeat top center;}

.punbb div.icon {background-image: url(http://forumstatic.ru/files/0006/f5/43/83946.png);}

.punbb .post {background: url(http://forumstatic.ru/files/0006/f5/43/96692.png) no-repeat top center;}
.punbb .post.mask-area-preview {background: url(http://forumstatic.ru/files/0006/f5/43/96692.png) no-repeat top center, url(http://forumstatic.ru/files/0006/f5/43/89774.jpg) repeat-y top left;}
.punbb .post .container, #profile .container, #pun-messages  #profile fieldset .post .container {background: url(http://forumstatic.ru/files/0006/f5/43/89774.jpg) repeat-y top left;}
.punbb .post-links {background: url(http://forumstatic.ru/files/0006/f5/43/96692.png) no-repeat 0px -16px;}
#topic-modmenu {background: url(http://forumstatic.ru/files/0006/f5/43/96692.png) no-repeat top center;}
#topic-users-in {background: url(http://forumstatic.ru/files/0006/f5/43/94187.png) no-repeat top center;}

#profile, #pun-messages .fs-box, #post-form, #pun-searchposts .topic, #pun-userlist .usertable .container, #pun-post  .topic, #pun-profile #viewprofile {background: url(http://forumstatic.ru/files/0006/f5/43/25005.png) no-repeat bottom center;}
.punbb .post-sig dt, #pun-profile #profile-signature ul {background: url(http://forumstatic.ru/files/0006/f5/43/58679.png) no-repeat top center;}
#pun-messages #pun-main {background: url(http://forumstatic.ru/files/0006/f5/43/96692.png) no-repeat top center;}


/* Àóäèî-ïëååð */
    #form-audio {background: url(http://forumstatic.ru/files/0017/d8/50/90072.png) no-repeat 50% 5px;}
    @font-face {
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      src: local('Material Icons'), local('MaterialIcons-Regular'), url(//fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'),
    url('http://forumstatic.ru/files/0017/d8/50/55034.woff') format('woff'),
    url('http://forumstatic.ru/files/0017/d8/50/69630.ttf') format('truetype');
    }
    .material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    div[id^="r-"] {    background-color: rgba(105, 41, 20, 0.5);
    border: 1px #ffe183; background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));-moz-border-radius: 4px;border-radius: 4px;khtml-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;margin:3px;z-index:200;overflow:hidden;width:430px;opacity: 0.9;text-shadow: 0 1px 0 rgba(255,255,255,.4);font-weight: bold;padding: 10px;}
    #play {background: transparent url(http://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -22px;border: 0 none;cursor: pointer;display: block;float: left;height: 31px;left: 13px;margin: 7px;vertical-align: super;width: 31px;}
    #prev,#next {border: 0 none;cursor: pointer;height: 10px;margin-left: 9px;width: 21px; vertical-align: middle;}
    #prev {background: transparent url(http://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 0;}
    #next {background: transparent url(http://forumstatic.ru/files/0012/72/15/89476.png) no-repeat scroll 0 -11px;}
    #volume{-webkit-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;background-color:#999;cursor: pointer;height:4px;left: 40px;position: absolute;top: 9px;vertical-align: bottom;width:70px;}
    input[type='range']::-moz-range-progress {background:url(//papercraft.su/plate/img/plate_progress.png) repeat-x scroll 0 -45px;}
    input[type='range']::-moz-range-track{-moz-appearance:none;border-radius:4px;box-shadow:inset 0 0 1px#333;height:4px;}
    input[type='range']::-moz-range-thumb{-webkit-appearance:none !important;background: url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 0; border: 0; height: 19px;width:19px;cursor: pointer;filter: drop-shadow(3px 3px 7px slategrey);}
    input[type='range']::-webkit-slider-thumb{-webkit-appearance:none !important;background: url(http://forumstatic.ru/files/0012/b1/41/89973.png) no-repeat scroll 0 0;border:0;height:19px;width:19px;cursor: pointer;-webkit-filter: drop-shadow(3px 3px 7px slategrey);}
    #seekbar { -webkit-appearance:none !important;background: #999;border-radius:4px; box-shadow:inset 0 0 1px#333;cursor: pointer;height:4px;width: 160px; vertical-align: super;}
    .volume{background:url(http://forumstatic.ru/files/0012/72/15/67036.png)no-repeat scroll 0-75px rgba(0,0,0,0);content:"";display:inline-block;height:25px;margin-top:0;position:relative;right:-5px;vertical-align:middle;width:25px;}
    button:focus, input:focus {outline:none;}
    #duration, #end {font-size: 0.8em; vertical-align: super;}
    #timebox {margin: 2px;}
    #track { font-size: 0.8em;overflow: hidden;padding: 5px; text-align: left;width: 420px;}
    #track li{cursor: pointer;}
    #track li:nth-child(odd) {background: #dadada;}
    #track li:nth-child(even) {background:#cdcdcd;}
    #track li.active {background:#bddeee;}
    .spin {-webkit-animation: spin 2.8s infinite linear;-moz-animation: spin 2.8s infinite linear;-o-animation: spin 2.8s infinite linear;animation: spin 2.8s infinite linear;}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
#action {color: #fffff0;display: inline-block;float: right;font-size: 15px;overflow: hidden;text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);width: 250px;animation: marquee 15s linear infinite;}
#action:hover {animation-play-state: paused} 
@-moz-keyframes marquee {
0% {-moz-transform: translate(0, 0);}
100% {-moz-transform: translate(-30%, 0);}
}
@-webkit-keyframes marquee {
0% {-webkit-transform: translate(0, 0);}
100% {-webkit-transform: translate(-30%, 0);}
}
@keyframes marquee {
0%{ transform: translate(0, 0); }
100% { transform: translate(-30%, 0); }
}
.adinput {display: table;}
.a-box{counter-reset:section;} 
.adinput:before {counter-increment:section;content:counter(section) ". ";}
.adinput:last-child #deltrack {display: none !important;}
#addtrack {color: lime;background: linear-gradient(lime, #006600); background: -webkit-linear-gradient(lime, #006600);background: -o-linear-gradient(lime, #006600);background: -ms-linear-gradient(lime, #006600);}
#deltrack {color: #d11919;background: linear-gradient(#d11919, #990000); background: -webkit-linear-gradient(#d11919, #990000);background: -o-linear-gradient(#d11919, #990000);background: -ms-linear-gradient(#d11919, #990000);}
#addtrack,#deltrack {cursor: pointer;font-size: 20px;vertical-align: sub;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
input[name="n"]::-moz-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="n"]::-webkit-input-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="n"]:-ms-input-placeholder {background:#f0fdf0;font-size: 11px;}
input[name="u"]::-moz-placeholder {background:#ffffe0;font-size: 11px;}
input[name="u"]::-webkit-input-placeholder {background:#ffffe0;font-size: 11px;}
input[name="u"]:-ms-input-placeholder {background:#ffffe0;font-size: 11px;}
input[name="c"]::-moz-placeholder {font-size: 11px;}
input[name="c"]::-webkit-input-placeholder {font-size: 11px;}
input[name="c"]:-ms-input-placeholder {font-size: 11px;} 
input[name="c"] {width: 270px;}
form#tr-list {max-height:600px;position:absolute;top: 15%;overflow-y:auto;resize: both;z-index: 9;}

body .punbb #tr-list h1 {
    background-position: -25px 50%;
    height: auto;
    width: auto;
    bottom: 0;
    margin-top: 0;
    line-height: 70px;
}
form#tr-list {
    top: 27px !important;
    left: -2px;
    width: 100%;
}
form#tr-list ð1 i {
    position: absolute;
    right: 15px;
    top: 22px;
}
form#tr-list .button {
    top: -20px;
    position: relative;
}
#track ul {display: none;}
#cover img[src*="files/0012/72/15/53582.png"], #play {
    filter: hue-rotate(220deg) !important;
}
#timebox input[type="range"] {
    background-image: none !important;
}
#track li:nth-child(odd) {
    background: #f5f3ee !important;
}
#track li:nth-child(even) {
    background: #f0e7b9 !important;
}
#track li.active {
    background: #ffda8a !important;
}

#pun-admain table tr.web {
    background-color: #ff000030;
}
#pun-admain table tr.office {
    background-color: #0000ff30;
}

/* æåòîíû */
.custom_tag_zh {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(https://i.gyazo.com/72f07126cd02044883d2a4ba7d4c2b8f.png) center no-repeat;
}
.custom_tag_pr {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(https://i.gyazo.com/1ca2d6fa58b1e2f9ff0457390d18adf6.png) center no-repeat;
}
.custom_tag_us {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(https://i.gyazo.com/10c2a11c003e0e63b4097b9dad79323d.png) center no-repeat;
}