/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.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 {
  background-color: transparent;
  color: #000000;
  }

/* CS1.2 fon */

HTML {
    background: url("https://funkyimg.com/i/2YiDj.png") repeat-x left top,
#100b07 url("https://funkyimg.com/i/2YiDj.png") repeat left top;
}

/* CS1.3 Logo*/
#pun-title table {
  background-image : url("https://funkyimg.com/i/2YiqZ.png"); 
  background-repeat : no-repeat;
  background-position: top center;
  border: none;
  height: 325px;
  width: 1109px;
  margin-left: -143px;
  margin-top: -285px;
  }

/* CS1.4 center */
#pun {
  background-color: #000000; 
  background-image: url("https://funkyimg.com/i/2YimH.png"); 
  repeat-y scroll top center;
  }

/* CS1.5 down*/
#pun-about p.container {
  background-color: transparent;
  background-image : url("https://funkyimg.com/i/2YiD7.png"); 
  background-position: center;
  position: relative;
  background-repeat : no-repeat; 
  height: 165px;
  width: 1071px; 
  margin: 0px 0px -50px -140px;
  text-align: center;
  border-color: transparent;
  border: none;
  }

div#pun-about {
  margin-bottom: -50px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #333
  }

/* CS1.7 Íàñòðîéêè öèòàòû è êîäà*/
.punbb .quote-box, .punbb .code-box {
    border: 1px solid rgb(114, 58, 34);
    outline: 2px solid #cfbcaf;
    padding: 11px 11px 8px 11px !important;
    color: #0f0a02;
    background: rgba(249, 242, 236, 0.39) url() no-repeat bottom right;
    box-shadow: 0 0 0 1px #9a948e52 inset, 0 10px 10px 1px rgba(109, 99, 83, 0.09) inset, 0 0 8px #6b4b1361 inset;
  }

.quote-box a, .quote-box a:link, .quote-box a:hover, .quote-box a:focus, .code-box a, .code-box a:link, .code-box a:hover  { color:4f0000 !important;}

   }

.punbb #pun-main .quote-box, .punbb #pun-main .code-box { background-clip:padding-box;
color: rgb(150, 112, 84) !important; font-weight: 600;}

.quote-box a, .quote-box a:link, .quote-box a:hover, .quote-box a:focus, .code-box a, .code-box a:link, .code-box a:hover  {color: rgb(150, 112, 84) !important; font-weight: 600;
  }

/* CS1.9 Íàñòðîéêè ôîðìû îòâåòà*/
.punbb textarea  {
border: 2px solid rgb(92, 97, 53);
    padding: 5px;
    color: #000000;
    outline: 1px solid #cfbdaf;
    font-size: 12px;
    border: 1px solid #773d24ad;
    padding: 5px !important;
    margin-top: 3px !important;
    background: rgba(249, 242, 236, 0.39) url() no-repeat bottom right;
  }

/* CS1.11 Íàñòðîéêè îêîí â ôîðìå îòâåòà*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
    background-color: rgb(174, 169, 169);
    border: 2px solid rgb(84, 65, 85);
    padding: 5px;
    color: #000000;
    outline: 1px solid #201c25;
}

/* áûñòðûé îòâåò îôîðìëåíèå */
#pun-main h2 {
text-align: center; 
text-transform: lowercase;
}

/* êíîïêè îòâåòà */
.punbb .button { 
    background-color: #000;
    border: 1px solid #857153;
    box-shadow: 0px 0px 0px 0px #857153;
    text-shadow: 1px 1px #000000;
    font-size: 11px!important;
    font-weight: normal;
    padding: 6px !important;
    border-radius: 0px;
    font-family: Cormorant unicase!important;
    color: rgb(150, 112, 84) !important;
    font-weight: 600;
    text-transform: uppercase;
  }

/* ïîëå ââîäà íèêà/ïîèñêà/ìîäåðèðîâàíèÿ â òåìàõ */
.punbb input {
    font-size: 13px !important;
    background-color: #000 !important;
    border: 1px double #845a29;
    font-family: arial !important;
    color: rgb(150, 112, 84) !important;
    padding: 3px;
} 

.punbb select {
    font-size: 12px !important;
    text-align: center !important;
    background-color: #000 !important;
    border: 1px double #845a29;
    font-family: Cormorant unicase!important;
    color: rgb(150, 112, 84) !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 3px;
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* 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;
  }


#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: none;
 }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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: #0d0802;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
     color: #0d0802;
  }

/* CS3.2 */
.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: #7c452c;
}

/* CS3.3 öâåò è øðèôò ññûëîê íàâ. ìåíþ */
#pun-navlinks a {
    font-family: Cormorant unicase !important;
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgb(31, 18, 2), 0 0 5px rgba(179, 156, 140, 0.64);
    color: rgb(150, 112, 84) !important;
    font-size: 14px !important;
    padding: 0 !important;
    text-transform: uppercase;
    margin: 0px 3px;
  }

/* CS3.4 öâåòà íàâ.ìåíþ ïðè âûäåëåíèè */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-family: Cormorant unicase !important;
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgb(31, 18, 2), 0 0 5px rgba(238, 239, 134, 0.99);
    color: rgb(150, 112, 84) !important;
    font-size: 14px !important;
    padding: 0 !important;
    text-transform: uppercase;
    margin: 0px 3px;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: transparent;
  color: #0a1420;
  }

/* D4.1 öâåò è øðèôò ññûëîê àêòèâíûõ è ò.ä.*/
#pun-ulinks a {
    font-family: arial;
    font-size: 8px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #191107;
    margin: 0 4px;
    text-shadow: 1px 1px 0 rgba(193, 170, 152, 0.84), 0 0 5px rgba(60, 40, 13, 0);
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    font-family: arial;
    font-size: 8px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #191107;
    margin: 0 4px;
    text-shadow: 1px 1px 0 rgba(193, 170, 152, 0.15), 0 0 5px rgba(60, 40, 13, 0.74);
}


/* ñòàòèñòèêà ôîðóìà*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 40px;
width: 955px;
margin-left: -50px;
background-color: transparent;
background-image: url("https://funkyimg.com/i/2YiF8.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
text-align: center !important;
}

/* îôîðìëåíèå íà ó÷àñòíèêè è àêòèâíûå òåìû, çàãîëîâîê òåìû*/
#pun-main h1 {
    color: transparent !important;
    box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    text-align: center;
    color: #0d0802 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-family: Cormorant unicase !important;
    letter-spacing: 1px;
    font-weight: 600;
    width: 955px;
    margin: 0px -30px 0px;
  }

/* îôîðìëåíèå âðåìÿ è êîë-âî ïîñòà */
#pun-viewtopic .post h3 {
   background: transparent url(https://funkyimg.com/i/2YiF8.png) no-repeat scroll center top;
    height: 34px!important;
    width: 955px!important;
    color: #aaabbb!important;
    padding: 5px 0px 0px;
    margin: 0px -30px -10px;
    border: none;
}

#pun-main .post .permalink {
    letter-spacing: 1px;
    text-align: center;
    margin-left: 75px;
    font-family: Cormorant unicase !important;
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgb(31, 18, 2), 0 0 5px rgba(179, 156, 140, 0.64);
    color: rgb(150, 112, 84) !important;
    font-size: 13px !important;
    padding: 0 !important;
    text-transform: uppercase;
}

/* profile */
.punbb .post .post-author {
  text-align: center;
  background: url(https://funkyimg.com/i/2YiNw.png) top center no-repeat, url(https://funkyimg.com/i/2YiNt.png) bottom center no-repeat, url(https://funkyimg.com/i/2YiNs.png) repeat-y;
  width: 226px;
  margin-top: 10px;
}


/* àâàòàð */
.punbb .pa-avatar img {
  max-width: 180px;
  border: 1px solid rgb(9, 5, 1);
  outline: 1px solid #432505;
}

/* ïîëÿ ëè÷íîãî çâàíèÿ è ïðîôèëÿ */
.pa-fld1 { 
    text-align: justify;
    margin-top: 0px !important;
    border: 1px #766572 solid;
    width: 215px;
    margin-left: -6px !important;
    position: relative;
    border-radius: 2px;
    border: 1px solid #281f0f;
    box-shadow: 0 0 4px #432505 inset;
    background: #b29885 url() no-repeat bottom right;
}

.pa-posts, .pa-respect, .pa-fld4, .pa-fld2 {
    vertical-align: text-top;
    display: inline-table;
    width: 40px;
    text-align: center;
    margin-top: 10px !important;
    padding: 2px 3px !important;
    color: rgb(150, 112, 84) !important;
    font-family: tahoma;
    font-size: 10px !important;
    text-transform: uppercase;
}

.pa-respect a, .pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
    color: rgb(150, 112, 84) !important;}

/* íàãðàäû*/
.punbb .pa-awards {padding-top: 10px; color: transparent; padding-bottom: 1px;}

#viewprofile h2 span, #profilenav h2 span {display: none;}


/* ïðîêðóòêà-ñïðàâà */
::-webkit-scrollbar
{  width: 7px;
    background-color: #b19885;
}
::-webkit-scrollbar-thumb{
    background-color: #70371e;
    border: 1px solid #b19784;
}


/*center category */
.punbb .category h2, #pun-stats h2, #pun-main #post-form h2, #pun-debug h2 {
    background: transparent url(https://funkyimg.com/i/2YiF8.png) no-repeat scroll center top;
    height: 40px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    margin: 0px 0px 0px -30px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 955px !important;
    font-family: Cormorant unicase!important;
    color: rgb(150, 112, 84) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600;
}

/* äëÿ øàïêè */
#accio {
    border: none;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=40);
}
#accio:hover{
    cursor: pointer;
    opacity: 1;
    color: #000000;
}


/* ëè÷íîå çâàíèå */
.name {
    font-size: 13px !important;
    text-align: center;
    text-transform: uppercase;
    margin-left: 2px !important;
    font-family: Trebuchet Ms;
    font-size: 11px;
    width: 211px;
    background-color: #070501 !important;
    margin-bottom: 2px !important;
    margin-top: 2px !important;
    padding: 2px 0px 2px 0px;
    font-family: Cormorant unicase!important;
    color: rgb(150, 112, 84) !important;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgb(31, 18, 2), 0 0 5px rgba(179, 156, 140, 0.26);
}

.info {
    width: 205px;
    font-size: 10.5px;
    font-family: arial;
    margin: 0px 0px 0px 0px !important;
    padding: 2px 0px 2px 5px;
    line-height: 11px;
    text-align: justify;
    position: relative;
}

.name a {
color: rgb(150, 112, 84) !important;
}

/* ññûëêè â øàïêå */
#linkt a {
     display: block;
    width: 230px;
    margin-bottom: 1px;
    padding: 2px 0px 1px 0px;
    background-color: rgb(8, 66, 8);
    font-size: 10px;
    text-align: center;
    color: #d2cebf;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    font-family: tahoma;
}

#linkt a:hover {
    display: block;
    width: 230px;
    margin-bottom: 1px;
    padding: 2px 0px 1px 0px;
    background-color: rgb(8, 66, 8);
    font-size: 10px;
    text-align: center;
    color: #d2cebf;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    font-family: tahoma;
    letter-spacing: 1px;
}

/* áàííåðû */
#banner-box {
    position: absolute;
    margin-left: 130px;
    margin-top: -38px;
    width: 820px;
    height: 35px;
    opacity: 0.8;
}


/* ÈÊÎÍÊÈ
-------------------------------------------------------------*/
#pun-title table tbody tr .title-logo span { display:none; }
.punbb div.icon { 
    display: block;
    border-style: none none none none;
    float: right;
    z-index: 8;
    background-repeat: no-repeat;
    background-image: url(http://funkyimg.com/p/2JKY4.png);
    width: 52px;
    height: 51px;
    margin-top: 2px;
    position: absolute;
    margin-left: 402px;
}

/* Íîâûå ñîîáùåíèÿ */
TR.inew Div.icon { background-repeat: no-repeat;  background-image: url(http://funkyimg.com/i/2JKY5.png);     width:52px;    height:51px; }

#pun-main div.catleft, #pun-main div.catright {display: none}

/* ñîîáùåíèÿ â ïîèñêå */
.forum div.icon, #profile div.icon, #pun-searchtopics div.icon {
    height: 15px;
    width: 15px;
    display: block;
    float: left;
    z-index: 8;
    position: absolute;
    margin-left: -20px !important;
    margin-top: 1px !important;
}

/* ñòàðûå */
.forum Div.icon, #profile div.icon, #pun-searchtopics div.icon {
    background-image: url(http://forumfiles.ru/files/0019/a0/cc/14402.png);
    width:15px  !important;    height:15px !important;
    background-repeat: no-repeat;
}
/* íîâûå */
.forum TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #profile TR.inew Div.icon {
    background-image: url(http://forumfiles.ru/files/0019/04/41/14402.png);
    width:15px  !important;    height:15px !important;
    background-repeat: no-repeat;
}

/* çàêðûòûå */
.forum TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background-image: url(http://forumfiles.ru/files/0019/a0/cc/14402.png);
   width:15px  !important;    height:15px !important;
    background-repeat: no-repeat;
}

/* âàæíûå */
.forum TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon, #profile TR.isticky Div.icon {
    background-image: url(http://funkyimg.com/p/2JKY4.png);
   width:15px  !important;    height:15px !important;
    background-repeat: no-repeat;
}



/* äëÿ øàïêè */
#accio {
    border: none;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=40);
}
#accio:hover{
    cursor: pointer;
    opacity: 1;
    color: #000000;
}

.zag2 {
    text-align: center;
    padding: 2px 1px 2px 0px;
    font-family: arial;
    font-size: 11px;
    font-weight: 600;
}

.vid-kat {
    padding: 2px 3px 7px 3px;
    text-align: justify;
    font-size: 11px;
    width: 400px;
    font-family: arial;
    background: rgba(249, 242, 236, 0.39) url() no-repeat bottom right;
    outline: 1px solid #cfbdaf;
    border: 1px solid #773d24ad;
    box-shadow: 0 0 0 2px #c4b3a6;
}
.zag {
    padding: 2px 0px 2px 0px;
    text-align: center;
    font-size: 11px;
    line-height: 11px;
    color: #010000;
    letter-spacing: 2px;
    font-family: arial;
}

/* âèä ðåïóòàöèè */
#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {
    background-image: none !important;
    width: 768px !important;
    margin-left: -4px;
    padding: 0px !important;
    height: 18px !important;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background-color: rgb(174, 169, 169);
    min-height: 20px;
    padding: 7px;
    margin: 19px 4px;
    border: 3px rgb(84, 65, 85) solid;
    max-width: 760px;
}

#gfsh {
    position: absolute;
    transition: all .5s ease-in-out 0s;
    opacity: 0;
}

/* àâàòàð íà ãëàâíîé */
.punbb .user-avatar img.ava {
    border: 2px solid currentColor !important;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    margin: 1px 9px 2px -10px !important;
    opacity: 0.85;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

/* âèä ðåïóòàöèè */
#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1 {
    background-image: none !important;
    width: 768px !important;
    margin-left: -4px;
    padding: 0px !important;
    height: 18px !important;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    background-color: #b39986;
    min-height: 20px;
    padding: 7px;
    margin: 19px 4px;
    border: 3px #784027 solid;
    max-width: 760px;
}

#gfsh {
    position: absolute;
    transition: all .5s ease-in-out 0s;
    opacity: 0;
}

/* äëÿ òåì */
.formitem {width: 430px;
    border: 1px #432505 solid;
    background-image: url(http://forumfiles.ru/files/0019/04/41/64644.png);
    box-shadow: 0px 0px 10px #784229;
    padding: 5px;
    font-family: Cormorant unicase!important;
    color: rgb(150, 112, 84) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600;}
.txtitem {width: 330px;
    background-color: #aeaaaa;
    font-family: 'times new roman';
    font-size: 13px;
    line-height: 11px;
    border: solid #432505 1px;
    padding: 10px;
    text-align: justify;
    background: rgba(249, 242, 236, 0.39) url() no-repeat bottom right;}