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

/* CS1.1. Background */
html body {
    background: url(http://funkyimg.com/i/2FL4W.jpg) repeat-x top center, url(http://funkyimg.com/i/2FL6v.jpg) repeat-x bottom center, url(http://funkyimg.com/i/2FL4e.jpg) repeat;
    background-color: #030303;
    overflow-x: hidden;
}

/* CS1.2. Body */
#pun {
    margin: auto;
    width: 926px;
    background-image: url(http://funkyimg.com/i/2FPae.jpg);
    background-color: #e5e2dd;
    box-shadow: black 0px 0px 10px 0px;
}
.punbb {
    height: auto;
    margin: 0 auto;
    padding: 0px 59px 0 40px;
    padding-top: 1px;
    margin-top: 20px;
  }

/* CS1.3. Logo */
#pun-title, #pun-title .container {
    background: url(http://funkyimg.com/i/2FL4S.jpg);
    background-repeat: no-repeat;
    height: 239px;
    width: 926px;
    margin-left: -40px!important;
    margin-top: -21px!important;
}

/* CS1.4. Bottom */
#pun-about p.container {
    background-image: url(http://funkyimg.com/i/2FL4Y.jpg);
    background-repeat: no-repeat;
    width: 964px;
    height: 156px;
    border: none;
    margin: 13px 0px -1px -58px;
    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/2FL4U.jpg) no-repeat;
    text-align: center;
    font-family: 'augusta two';
    color: #949190;
    font-size: 18px;
    width: 872px;
    height: 61px;
    LINE-HEIGHT: 60PX;
    text-shadow: black 1px 1px;
    margin: -10px -20px -22px;
}

/* CS1.6. Boxes */
.punbb .quote-box, .code-box  {
    color: #191205;
    padding: 1em !important;
    background-color: rgba(125, 125, 125, 0.25);
    box-shadow: 0 0 0 1px #6c5833, 0 0 0 2px rgb(73, 90, 12), 3px 3px 0px 0px rgb(136, 136, 136), inset rgba(0, 0, 0, 0.46) 0px 0px 4px, rgb(69, 130, 16) 0px 1px 4px;
    border-radius: 5px;
}

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

/* CS1.8. Copyright */
.copy {
    position: absolute;
    margin-top: -157px;
    margin-left: 2px;
    width: 824px;
    height: 13px;
    text-align: center;
    font-family: verdana;
    font-size: 9px;
    color: #141011;
    text-shadow: #967d67 0px 0px 3px;
}


/* CS2. Post status icons
 -------------------------------------------------------------*/
.punbb table Div.icon {background-image: url(http://funkyimg.com/i/2FLao.png);background-repeat: no-repeat;}
TR.inew Div.icon {background: url(http://funkyimg.com/i/2FLan.png) no-repeat;}
TR.isticky Div.icon {background: url(http://funkyimg.com/i/2FLan.png) no-repeat; }
TR.iclosed Div.icon {background: url(http://funkyimg.com/i/2FLao.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(33, 26, 6);
    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: #564906;
    transition: all 1s;
    text-decoration: underline;
}

#pun-navlinks a {
    color: #443d2b;
    text-shadow: #c7c293 0 0 10px;
    text-decoration: none;
    transition: 1s;
}

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

#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 #393a26;
    background: url(http://funkyimg.com/i/2FL4c.jpg) center;
}
::selection {background: none repeat scroll 0% 0% #536323;color: #ffffff;}
::-moz-selection {background: none repeat scroll 0% 0% #816262; color: #ffffff;}
::-webkit-scrollbar {width: 6px; height: 4px;}
::-webkit-scrollbar-thumb {background: #232200;box-shadow: inset #204000ba 0px 0px 4px;border-radius: 4px;}
::-webkit-scrollbar-track {box-shadow: inset rgba(60, 66, 6, 0.75) 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: #0b2909 1px solid;box-shadow: inset 0 0 5px #000, 0 0 5px #000!important;}
.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: #bebfb5 !important;
    background-color: #cccccc !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: 217px;
    margin-top: -9px;
    margin-left: -8px;
    margin-bottom: 20px;
}
li.pa-fld3 {    margin-top: -5px;}
li.pa-online {   border-style:none !important; border-color: transparent;  }

.category .tclcon {
    color: #000000;
    text-align: justify;
    margin-left: 55px;
}

#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/2FL4c.jpg) center!important;
    border: #434405 solid 3px;
    box-shadow: inset 0 0 30px #3c3c3c, 0 0 40px #222!important;
}

#pun-reputation h1 {
    height: 25px!important;
    background: none!important;
    LINE-HEIGHT: 61PX!important;
    margin-bottom: 14px!important;
    width: 775px!important;
    text-shadow: none!important;
    margin-left: -4px!important;
    color: #434405!important;
}

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

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

a.tooltip {
    color: #715c08!important;
    font-size: 17px;
    font-family: 'Kobzar KS';
}

#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 700px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background: url(http://funkyimg.com/i/2FL4c.jpg) -56px;
    padding: 15px;
    border: solid 2px #434405!important;
    box-shadow: black 0px 0px 30px 0px, inset black 0px 0px 30px 0px;
}

.post-rating .container {
    display: inline-block;
    text-transform: lowercase;
    width: 15px;
    text-align: center;
    border: #0b2909 1px solid!important;
    box-shadow: inset 0 0 5px #0b2909, 0 0 5px #0b2909!important;
    background: url(http://funkyimg.com/i/2FLtu.jpg) center!important;
    font-family: 'augusta two', serif;
    font-size: 9px;
    padding-bottom: 2px!important;
    letter-spacing: 1px;
}

.post-rating .container a {
    color: #889e87;
    font-weight: bold;
}

/*หว*/

.lz {
    font-size: 15px;
    text-align: center;
    line-height: 0px;
    margin-top: 25px;
}
.lz a {
    font-family: 'Augusta Two';
    font-size: 15px;
    font-weight: normal!important;
    color: #7d7c76!important;
}

li.pa-fld1 {
    line-height: 11px;
}

#profilenav h2 {
    margin: -37px 0px!important;
    padding-top: 38px!important;
}

td.tc2.pmtc22 {
    font-family: verdana!important;
}

td.tc3.pmtc33 {
    font-family: verdana!important;
}

.hof_spn_before {width: 450px;height: 121px;position: absolute;top: 59px;margin-left: -39px;opacity: 0;transition-duration: 2s;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-o-transition-duration: 2s;-ms-transition-duration:  2s; /* IE9+ */}
.hof_spn_before:hover {opacity: 1;}
.hof_spn_after {width: 450px;height: 121px;background: url(http://funkyimg.com/i/2FKum.jpg);color: #8c8373;}
.spn_logo {
    background: url(http://funkyimg.com/i/2FKuk.jpg);
    height: 121px;
    width: 450px;
    position: absolute;
    top: 59px;
    margin-left: -39px
}

.hof_spn_before2 {width: 450px;height: 121px;position: absolute;top: 28px;margin-left: 461px;opacity: 0;transition-duration: 2s;-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-o-transition-duration: 2s;-ms-transition-duration:  2s; /* IE9+ */}
.hof_spn_before2:hover {opacity: 1;}
.hof_spn_after2 {width: 450px;height: 121px;background: url(http://funkyimg.com/i/2FKuo.jpg);color: #8c8373;}
.spn_logo2 {
    background: url(http://funkyimg.com/i/2FKun.jpg);
    height: 121px;
    width: 450px;
    position: absolute;
    top: 28px;
    margin-left: 461px;
}

.pa-ip a {
    color: #9e9d98!important;
}

div#pun-break2 {
    margin-top: 13px;
}