html {
    background: url(https://funkyimg.com/i/335WN.jpg) fixed top center no-repeat
    #465975;
    }


body {
    background: url(https://funkyimg.com/i/335ZH.png) top center no-repeat;
    padding-top:94px !important; 
    }


#pun_wrap {
    padding-bottom:100px !important; 
    }

#pun, #pun-main .topic h3 span {
  width: 949px !important;
  }

.punbb {
  width: 900px !important;
  margin-left:25px;
  }

#pun {
    background:url(https://funkyimg.com/i/33725.png) top center no-repeat,
    #e1dbd8;
    border:1px solid #585654;
    box-shadow:0px 20px 0px #00000045 inset,
    0px -20px 0px #00000045 inset;
    color:#313131;
    }


.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, .punbb li.isactive a:focus {
    color:#315e9e;
    text-decoration:none;
    transition: all .5s ease-out;
    }
.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, .punbb li.isactive a:focus {
    color:#000000;
    text-decoration:none;
    transition: all .5s ease-out;
    }


#pun-navlinks {
    margin-top: 208px !important;
    text-align:left !important;
    background:#a4a09e;
    }
#pun-ulinks {
    margin-top: 7px !important;
    padding-bottom: 10px !important;
    text-align:left !important;
    }


.punbb li#navpiar a, .punbb li#navpiar a:link,
.punbb li#navpiar a:visited, .punbb li#navpiar a:hover,
.punbb li#navpiar a:active, #pun-navlinks a:link,
#pun-navlinks a:visited, #pun-navlinks a:hover, #pun-navlinks a:focus,
#pun-navlinks a:active {
    font: 800 10px Myriad Pro;
    text-transform:uppercase;
    color:#e1dbd8 !important;
    letter-spacing:2.5px;
    text-decoration: none !important;
    transition: all .5s ease-out;
    }


#pun-navlinks {
    display:block;
    margin-left: 90px !important;
    }
#pun-ulinks {
    display:block;
    margin-left: 90px !important;
    background:#c8c8c800;
    }
#pun-navlinks a:link, #pun-navlinks a:visited,#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font: 800 10px Myriad Pro;
    text-transform:uppercase;
    color:#e1dbd8;
    letter-spacing:2.5px;
    text-decoration: none;
    transition: all .5s ease-out;
    }

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color:#345e9d; !important;
    transition: all .5s ease-out;
    }


#pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    font: 400 10px Arial;
    margin-left:-5px!important;
    padding:0px 6px !important;
    background:#ccc6c2;
    text-transform:lowercase;
    color:#345e9d;
    letter-spacing:0px;
    transition: all .5s ease-out;
    }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color: #000000 !important;
    transition: all .5s ease-out;
    }





/* category and statistics*/
#pun-index #pun-main h2, #pun-stats.section h2 {
    margin: 10px 0 10px -25px;
    width: 949px;
    height: 21px;
    background: #ccc6c2;
    text-align:left;
    }

#pun-index #pun-main h2 span, #pun-stats.section h2 span, #pun-index #pun-main h2 span a {
    font: 800 12px Arial;
    text-transform:uppercase;
    color:#000;
    text-shadow:1px 1px 0px #fa0;
    letter-spacing:8px;
    line-height:37px;
    margin-left:115px;
    }

#pun-index #pun-category1 h2 {
    margin-top:20px;
    }






.punbb table Div.icon { 
    margin:0px 0px 0px -26px; 
    display:block;
    background:#a79fa3;
    width:26px;
    height:23px;
    border-bottom:5px solid #315e9e;
    box-shadow:-10px 0px 0px #ccc6c2 inset;
    position:absolute;
    text-align:center;
    }

TR.inew Div.icon {
    background:#ca7f00;
    }

TR.isticky Div.icon { 
    background:#6e829d;
    }

TR.iclosed Div.icon { 
    background:#ccc6c2;
    }

.punbb .main.multipage table Div.icon, .fs-box table Div.icon { 
    position:relative!important;
    float:right;
    left:0px; 
    display:block; 
    width: 15px;
    height: 10px;
    }




#pun-index .category tr {
    background:;
    }
#pun-index .category table {
    border-spacing: 0px 10px;
    }

#pun-index .tcl h3 {
    width:px;
    margin-left:0px;
    margin-bottom:5px;
    background: #ccc6c2;
    padding:3px 0px 2px 0px;
    border-bottom:5px solid #315e9e;
    }
#pun-index .tcl h3 a {
    display:block;
    background:#ccc6c2;
    font: 700 14px Myriad Pro;
    padding:0px 0px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color:#9f6e0b;
    text-shadow:1px 1px 0px #000;
    text-align:left;
    transition: all .5s ease-out;
    }

#pun-index .tcl h3 a:hover {
    transition: all .5s ease-out;;
    }



.punbb td div.tclcon {
    margin-left:0px;
    padding: 0px 0px 0px 0px;
    }

#pun-index .intd {
    margin: 0px 0 10px 0;
    }

#pun-index td.tcl {
    padding:0px;
    width: 500px!important;
    font: 400 10px Arial;
    letter-spacing:0px;
    }
    
#pun-index td.tc2, #pun-index td.tc3 {
    font: 10px Arial;
    padding:0px;
    text-align: center !important;
    color:#000000;
    }

#pun-index td.tc2, #pun-index td.tc3 {
    width:60px;
    }


#pun-index td.tcr {
    font:11px Arial;
    letter-spacing:0px;
    text-transform:lowercase;
    padding: 5px 0px 0px 5px !important;
    }

#pun-index .user-avatar {
    margin:1px 10px 0 0px;
    }
.punbb em.user-avatar {
    float:right !important;
    }

#pun-index .user-avatar img.ava {
    opacity:0.9;
    filter:grayscale(100%);
    width:25px;
    height:25px;
    border-radius:0px!important;
    margin:0px 0px 0px 0px;
    transition: all .5s ease-in-out 0s;
    }
#pun-index .user-avatar img.ava:hover {
    opacity:1;
    transition: all .5s ease-in-out 0s;
    }


#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
    font:bold 12px Arial;
    letter-spacing:0px;
    }

.punbb .main.multipage table .user-avatar {
    padding-left:10px;
    }
.punbb .main.multipage table .user-avatar img.ava {
    border-radius:0px!important;
    }
.punbb .main.multipage table td div.tclcon  {
    border:none;
    }




#pun-crumbs1 .container, #pun-crumbs2 p.container {
    font: 11px Arial !important;
    letter-spacing:0px;
    }


.statscon {
    margin-top:0px !important;
    padding:0px;
    }

.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
    font: 11px Arial;
    background: #ffffff00;
    letter-spacing:0px;
    width:880px;
    line-height:12px;
    }

.statscon li.item3 {margin:-24px 0px 0px 0px;}

.statscon li.item5 {
    margin-left:0px;
    margin-top:0px;
    text-align:left;
    font:11px Arial;
    letter-spacing:0px;
    }


#pun-announcement .container {
    text-align:center!important;
    }

#pun-status .container {
    font: 11px Arial;
    text-decoration: none;
    letter-spacing:0px;
    line-height:15px;
    }



.banners {
    position:absolute;
    width:924px!important;
    height:31px!important;
    padding-right:4px!important;
    margin:174px 0 0 0px!important;
    text-align:right;
    }

.banners img {
    opacity:0.2;
    filter:grayscale(100%);
    transition: all .5s ease-in-out 0s;
    }

.banners img:hover {
    opacity:1;
    filter:grayscale(0%);
    transition: all .5s ease-in-out 0s;
    }


/* -------------------------------------------------------------------------------------- */




#pun-main h1 {
    text-align: right!important;
    font: 800 14px Myriad Pro;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color:#9f6e0b;
    text-shadow:1px 1px 0px #000;
    padding-bottom:6px;
    }

#pun-main .topic h3 span {
    margin: 0px 0 0px 0px;
    text-align:left;
    font: bold 10px Arial;
    line-height:20px;
    letter-spacing: 1.5px;
    }

#pun-main .topic h3 a, #pun-viewtopic div.post h3 strong {
    padding-left:25px;
    color:#315e9e;
    }

#pun-viewtopic div.post h3 strong {
    margin-right:25px;
    }

#pun-main .topic h3 {
    background: #ccc6c2;
    margin: 0px 0 0px -25px;
    padding:0px 0px;
    height: 20px;
    width: 949px;
    text-align:left;
    }



#pun-main .post-links a {
    font: bold 12px Arial; 
    text-transform:lowercase;
    }



#pun-main .linksb .pagelink, #pun-main .linkst .pagelink {
    font: 11px Arial;
    text-transform:lowercase;
    }
  
#pun-main .subscribelink a {
    text-transform:lowercase;
    font: 11px Arial;
    }

#topic-users-in p.container {
    padding-left: 0px;
    font: 11px Arial;
    }

.linkst .postlink {
    top: -45px;
    }
#pun-main .postlink a {
    font: 11px Arial;
    text-transform:lowercase;
    }


.punbb .quote-box, .punbb .code-box, .quote {
    background:#ccc6c2;
    }

.punbb .quote-box cite, .punbb .code-box strong.legend {
    font: bold 15px Arial !important;
    letter-spacing:0px;
    text-align:center;
    text-transform:lowercase;
    border-bottom: 5px solid #e1dbd8;
    margin-bottom: 6px !important;
    }


hr {
    background-color:#315e9e; 
    height:2px;
    opacity:1!important;
    border:none!important;
    }


.punbb textarea {
    margin-top:4px !important;
    background: url() top center repeat #ccc6c2;
    outline:1px solid #000;
    border:6px solid #e1dbd8;
    }

div#addition-area, #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area {
    background: url() top center repeat #deaa52;
    margin-top: 20px;
    padding:20px;
    }



.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {
    padding:2px 10px 2px 10px;
    background: #e5af43;
    text-align: left!important;
    font: bold 11px Arial;
    border:1px solid #e5af43;;
    color:#232323;
    }



.punbb #post.container fieldset legend {
    background: #ccc6c2;
    margin: 0px 0 0px 0px;
    padding:0px 0px;
    height: 25px;
    width: 942px;
    text-align:center;
    }

.punbb fieldset legend span, .punbb fieldset legend #plng {
    font: bold 10px Arial;
    text-transform:uppercase;
    color:#22477c;
    letter-spacing:0px;
    line-height:25px;
    }

.punbb fieldset legend #plng {
    border:none!important;
    font-size: 10px !important;
    }



/* ----------------------------------------------------------------------------------------- */




.punbb .post .post-author {
    position:relative;
    padding:0px 0px 0px 0px;
    margin-left:0px;
    margin-top:11px;
    background:#ccc6c2;
    border-top:5px solid #000;
    }


.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    width:210px;
    }


.pa-author {
    background:url() center bottom no-repeat;
    width:195px;
    height:25px;
    margin:0px 0px 0px 7px!important;
    text-align:center;
    padding:0px 0px 6px 0px!important;
    border-bottom:1px solid #000;
    }


.pa-author, li.pa-author a:link, li.pa-author a:visited, li.pa-author a:hover, li.pa-author a:active, li#profile-name strong {
    text-decoration:none;
    text-transform:uppercase;
    color: #000000;
    font: bold 13px Myriad Pro;
    letter-spacing:0.5px;
    line-height:40px!important;
    }



.pa-avatar img {
    margin:0px 0px 0px 0px;
    margin-bottom:5px;
    border-radius:0px;
    outline:1px solid #000;
    border:7px solid #ccc6c2 !important;
    }



.pa-posts, .pa-respect {
    text-align: center;
    display: inline-block;
    padding: 7px 15px!important;
    width: 44px;
    font: 10px Arial;
    text-transform:lowercase;
    letter-spacing:0px;
    margin-bottom: 8px!important;
    }

.pa-respect1, .pa-respect img {width:7px;}
.pa-posts, .pa-respect1, .pa-respect, li.pa-respect a:link, li.pa-respect a:visited,
li.pa-respect a:active, li.pa-respect a:hover {
    color: #000000;
    }

li.pa-fld1 {
    width:190px;
    background:#9eafc7;
    text-align:justify;
    margin:0px 0px 0px 0px;
    padding:0px 10px 10px 10px!important;
    font: 400 10px Arial;
    letter-spacing:0.2px;
    text-transform:lowercase;
    color: #000000;
    }


li.pa-title {
    width:210px;
    background:#315e9e;
    margin:3px 0px 4px 0px;
    padding:2px 0px 3px 0px!important;
    font: 400 10px Arial;
    letter-spacing:0.2px;
    text-transform:lowercase;
    text-align:center;
    color: #e1dbd8;
    }



li.pa-online {
    background:#e1dbd8;
    margin:0px 0px 6px 0px!important;
    padding:3px 0px!important;
    text-align:center; 
    text-transform:lowercase;
    color: #000000;
    font: bold 10px Arial;
    }


.punbb .post-box {
    margin-left:50px;
    }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


#afterMove, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #move_posts_form {
    background: #e7dfcc !important;
    }

#MyBookmarks h2 {
    background:none!important;
    width:200px!important;
    }
#MyBookmarks {
    background:#e7dfcc;
    }
#BookmCntToggle.default-style {
    background: #e1dac8 !important;
    color: #ca7f00 !important;
    height: 24px !important;
    width: 18px !important;
    }


.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    }

.go-up {
    top: 50%;
    margin-left: 930px !important;
    }

.go-down {
    top: 58%;
    margin-left: 934px !important;
    }

.go-down:hover, .go-up:hover {
    opacity: 1;
    }




::-webkit-scrollbar {width:5px; height:5px;}

::-webkit-scrollbar-track:vertical {
    background:#e9e9e9 !important;
    }
::-webkit-scrollbar-thumb:vertical {
    background:#ca7f00 !important;
    }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


.punbb .tb_post {
  width:272px;
  height:60px;
  overflow-y:hidden;
  position:absolute;
  margin:98px 0 0 11px;
  font: 10px Arial;
  color:#000000;
  text-align:justify;
  }
.punbb .tb_post u {
  letter-spacing:-0.3px;
  }
.punbb .tb_post a:link, .punbb .tb_post a:visited {
  color:#000;
  }
.punbb .tb_news {
  width:331px;
  height:90px;
  padding-right:16px;
  overflow-y:scroll;
  position:absolute;
  margin:62px 0 0 569px;
  font: 10px Arial;
  color:#000000;
  text-align:justify;
  }

.punbb .tb_nav {
  position:absolute;
  width:950px;
  margin:-70px 0 0 -25px;
  color:#a9a9a9;
  font: bold 7px Arial;
  letter-spacing:1.8px;
  }

.tb_nav a:link, .tb_nav a:visited {
  text-transform:uppercase;
  color:#a9a9a9;
  transition: all .5s ease-out;
  }

.tb_nav a:hover, .tb_nav a:active {
  color:#ffffff;
  transition: all .5s ease-out;
  }
.tb_img {
  border:1px solid #fa0;
  transform:rotate(-45deg);
  }
.tb_img img {
  transition: all .5s ease-out;
  }

.tb_img img:hover {
  filter:invert(100%);
  transition: all .5s ease-out;
  }