/* CS1. MAIN
 -------------------------------------------------------------*/

/* CS1.1. Background */
html body {
    background: url(http://funkyimg.com/i/2AkDR.png) repeat-x top center, url(http://funkyimg.com/i/2AkDS.jpg) repeat-x bottom center, url(http://funkyimg.com/i/2AkDQ.jpg) repeat;
    background-color: #19191a;
    overflow-x: hidden;
    background-position-x: 1%;
    background-attachment: fixed;
}

/* CS1.2. Body */
#pun {
    margin: auto;
    width: 900px;
    background-image: url(http://funkyimg.com/i/2AkJ8.jpg);
    background-color: #b6b2af;
    box-shadow: black 0px 0px 10px 0px;
}
.punbb {
    height: auto;
    margin: 0 auto;
    padding: 0px 22px;
    padding-top: 1px;
    margin-top: 104px;
  }

/* CS1.3. Logo */
#pun-title, #pun-title .container {
    background: url(http://funkyimg.com/i/2AkGz.png);
    background-repeat: no-repeat;
    height: 281px;
    width: 947px;
    margin-left: -44px!important;
    margin-top: -104px!important;
}

/* CS1.4. Bottom */
#pun-about p.container {
    background-image: url(http://funkyimg.com/i/2AkGB.png);
    background-repeat: no-repeat;
    width: 899px;
    height: 104px;
    border: none;
    margin: -11px 1px -45px -21px;
    font-size: 0px!important;
}

/* CS1.5. Category */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
    background: url(http://funkyimg.com/i/2AkJh.png) no-repeat;
    text-align: center;
    font-family: 'sunday', sans-serif;
    color: #818181;
    text-transform: lowercase;
    font-size: 13px;
    width: 900px;
    height: 68px;
    LINE-HEIGHT: 60PX;
    text-shadow: black 1px 1px;
    margin: -16px -12px -42px;
}

/* CS1.6. Boxes */
.punbb .quote-box, .code-box  {
    color: rgb(25, 33, 63);
    padding: 1em !important;
    background-color: rgba(125, 125, 125, 0.25);
    box-shadow: 0 0 0 1px rgb(22, 49, 128), 0 0 0 2px rgb(12, 19, 90), 3px 3px 0px 0px rgb(136, 136, 136), inset rgba(0, 0, 0, 0.46) 0px 0px 4px, rgb(16, 30, 130) 0px 1px 4px;
}

/* CS1.7. Textarea */
.punbb textarea {
    color: rgb(24, 28, 39);
    padding: 1em !important;
    border: 2px solid rgb(42, 51, 103);
    border-top: 5px solid rgb(68, 74, 115);
    box-shadow: inset 0px 0px 20px 0px rgb(60, 50, 39);
    background-color: rgba(220, 220, 220, 0.40);
}
.punbb select, input {
    color: #404040;
    padding: 0.1em 13px!important;
    background-color: #d0d0d0;
    box-shadow: inset 0 0 30px rgb(111, 111, 111);
    font-size: 11px!important;
}

/* CS1.8. Copyright */
.copy {
    position: absolute;
    margin-top: -21px;
    margin-left: 287px;
    width: 301px;
    height: 19px;
    text-align: center;
    font-family: verdana;
    font-size: 9px;
    color: #818181;
    text-shadow: black 1px 1px 0px;
}


/* CS2. Post status icons
 -------------------------------------------------------------*/
.punbb table Div.icon {background-image: url(http://funkyimg.com/i/2Amq1.png);background-repeat: no-repeat;}
TR.inew Div.icon {background: url(http://funkyimg.com/i/2AmpZ.png) no-repeat;}
TR.isticky Div.icon {background: url(http://funkyimg.com/i/2AmpZ.png) no-repeat; }
TR.iclosed Div.icon {background: url(http://funkyimg.com/i/2Amq1.png) no-repeat; }
#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS3. Border colours
-------------------------------------------------------------*/

.punbb .container, .punbb .post-body, .post h3, #pun-title {border-style:none !important; border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post {border-style:none !important; border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {   border-style:none !important; border-color: transparent;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-style:none !important; border-color: transparent;}
.punbb th {border-style:none !important; border-color: transparent;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {    border-style:none !important; border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-style:none !important; border-color: transparent;}
.punbb .divider {border-style:none !important; border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {border-style:none !important; border-color: transparent;}


/* CS4. Links
-------------------------------------------------------------*/
.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: rgb(56, 56, 56);
    text-align: center;
    text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
    color: #442F22;
    text-decoration: none;
    text-decoration: none;
    margin-top: 2px;
}

.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 {
    position: relative;
    color: #173c92;
    transition: all 1s;
    text-decoration: underline;
}

#pun-navlinks a {
    color: #adaeb1;
    text-decoration: none;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #364767;
    transition: all 1s;
    text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #333;
    color: #5c400a;
}


/* CS5 Other
 -------------------------------------------------------------*/
#pun-announcement h2 {display: none}
.stickytext, .closedatafield, .lastedit {display:none}
.post-author {font-size: 11px;}
.punbb h3 {    margin: 1px 0;}
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .post-author ul {text-align: center;}
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container .pa-author {text-align: center; }
#pun_wrap #pun #pun-viewtopic.punbb #pun-main .topic .container ul .pa-title {text-align: center; }
.inner, #font-area, #size-area, #video-area, #color-area, #smilies-area, #image-area, #addition-area, #table-area {    box-shadow: inset 0 0 30px #3c3c3c;}
::selection {background: none repeat scroll 0% 0% #303d58;color: #ffffff;}
::-moz-selection {background: none repeat scroll 0% 0% #816262; color: #ffffff;}
::-webkit-scrollbar {width: 6px; height: 4px;}
::-webkit-scrollbar-thumb { background: #191d20; box-shadow: inset rgba(0, 0, 0, 0.46) 0px 0px 4px;}
::-webkit-scrollbar-track { background: #31302e; box-shadow: inset rgba(0, 0, 0, 0.5) 0px 0px 4px;}
#main-reply {width: 97% !important;}
li#navawards {display: none;}
.lastedit {display:none}
#pun-viewtopic li.pa-gifts {display: none;}
.punbb .pa-avatar img {max-width:180px;height:auto;border: #1d2c4a 1px solid;box-shadow: inset 0 0 5px #3c3c3c, 0 0 5px #222!important; margin-bottom: 13px;}
#pun-stats li.item3 {display: none}
.closedatafield{display:none;}
#pun td .modlist {display: none;}
div#html-footer {   margin: 0;}
div#pun-about {    margin: 0;}
blockquote {    margin: 0;}
#pun-admain fieldset p {    border-color: #838b8d !important; background-color: #b3b4b8 !important;}
#pun-navlinks #navawards{display:none;}
.modal-inner.section {    background-color: rgba(216, 216, 216, 0.39);}
img.wannasee {    max-width: 470px;    border: solid 2px #525571 !important;}
div#pun-live-rusff {    margin-top: 4px!important;}
ul.wrapper, ul.wrapper li.pa-awards {width: 182px;margin-top: 0px;margin-left: 10px;}
li.pa-fld3 {    margin-top: -5px;}
li.pa-online {   border-style:none !important; border-color: transparent;  }

.category .tclcon {
    color: #402f2f;
    text-align: justify;
}

#partners a img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);transition-duration: 1s;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
#partners a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);transition-duration: 1s;-webkit-filter: none; /* Safari 6.0 - 9.0 */filter: none;}

.inner.post_reputation {
    background: url(http://funkyimg.com/i/2AkJ8.jpg) center!important;
    border: black solid 3px;
    box-shadow: inset 0 0 30px #3c3c3c, 0 0 40px #222!important;
}

#pun-reputation h1 {
    height: 19px!important;
    background: url(http://funkyimg.com/i/2AkJh.png) center!important;
    background-position-y: -25px!important;
    LINE-HEIGHT: 18PX!important;
    margin-bottom: 14px!important;
    width: 775px!important;
    margin-left: -4px!important;
}

div#image-area {
    background: url(http://funkyimg.com/i/2zKFM.jpg) center;
}

li.pa-respect a {
    color: #817e7b!important;
}

.post-rating .container {
    display: inline-block;
    text-transform: lowercase;
    width: 15px;
    text-align: center;
    border: #163880 1px solid!important;
    box-shadow: inset 0 0 5px #3c3c3c, 0 0 5px #222!important;
    background: url(http://funkyimg.com/i/2AkDR.png)!important;
    font-family: 'sunday', sans-serif;
    font-size: 8px;
    padding-bottom: 5px!important;
    letter-spacing: 1px;
}

.post-rating .container a {
    color: #7b7b7b;
}

#wrapper {width: 600px;} 
/* вкладки доп смайлов */ 
ul.tabs {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;} 
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;} 
ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444;text-decoration: none;cursor: pointer;background: #F9F9F9;border: 1px solid #EFEFEF;border-bottom: 1px solid #F9F9F9;position: relative;} 
* html ul.tabs li a {float: left} 
*+html ul.tabs li a {float: left} 
ul.tabs li a:hover {color: #F70;padding: 0 13px;background: #FFFFDF;border: 1px solid #FFCA95;} 
ul.tabs li.tab-current a {color: #444;background: #EFEFEF;padding: 0px 13px 2px;border: 1px solid #DDD;border-bottom: 1px solid #EFEFEF;} 
div.t2,div.t3 {display: none;width: 450px; height: 150px; overflow: auto;} 

#mask_dialog .inner {
    box-shadow: 0 0 40px #222, inset 0 0 40px #222!important;
    background: #B0AFAA url(http://funkyimg.com/i/2AkJ8.jpg) -16px!important;
    border: solid 2px #171d3e!important;
}

.FNTslider {
    border-radius: 4px;
    position: relative;
    z-index: 1000;
    background: #8e8e8e;
    width: 110px;
    height: 5px;
    margin: -37px 5px;
    border: solid 1px #303133;
    float: right;
    margin-right: -19%;
    box-shadow: inset rgba(0, 0, 0, 0.46) 0px 0px 4px;
}

.FNTslider .before {
    height: 5px;
    border: solid 1px transparent;
    border-right: none 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    background: #444444;
    margin-top: -1px;
    box-shadow: inset rgba(0, 0, 0, 0.46) 0px 0px 4px;
}

.FNTslider .thumb {
    width: 8px;
    height: 13px;
    border-radius: 3px;
    position: relative;
    top: -4px;
    background: #255067;
    cursor: pointer;
    box-shadow: inset rgba(0, 115, 138, 0.6) 0px 0px 5px;
}

.gostev2 {
    font-size: 19px!important;
    margin-bottom: 15px;
    margin-top: 10px;
    font-family: 'sunday', sans-serif!important;
    color: #393d6c!important;
    text-align: center;
    line-height: 45%;
    letter-spacing: -1px;
}

.supern {
    background: url(http://funkyimg.com/i/2ArUz.jpg) no-repeat top, url(http://funkyimg.com/i/2ArUA.jpg) bottom no-repeat, url(http://funkyimg.com/i/2ArUy.jpg) repeat-y;
    overflow: hidden;
    width: 549px;
    border: solid 1px #163880;
    box-shadow: black 0px 0px 10px 0px;
}