/* CS1 Background and text colours
-------------------------------------------------------------*/

/* фон */
body {background-image : url("https://funkyimg.com/i/2YKZR.jpg");
background-repeat: repeat; background-attachment: fixed ;
background-position : top center; background-color: #000000;}


/* шапка */
#pun-title.section {
  background: transparent url(https://funkyimg.com/i/2YWqf.png) top center scroll no-repeat; 
  height: 323px;
  width: 967px; 
  margin-top: 0px;
  margin-left: -40px;}

/* тело */
#pun {
width: 967px; 
background-color: transparent; 
background-image: url(https://funkyimg.com/i/2YWqe.png); 
background-attachment: scroll;}

.punbb {
padding: 0 30px!important;
width: 967px;}

/* футер */
#pun-about p.container {
background-image : url(https://funkyimg.com/i/2YWqh.png);
margin: 0px 0px -40px -45px;
background-position : center top;
background-repeat : no-repeat;
width: 967px;
height: 107px; 
overflow-x: hidden;
margin-left: -40px;}

#html-footer {
  margin: 0px;
  text-align: center; }

/* фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {background-color: transpanent;
color: #000000;
font-weight: normal;
font-style: normal;}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #28230b;
text-align:center; 
font-size: 15px; 
font-style: normal;  font-family: "cambria";}

/*цвет текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("https://funkyimg.com/i/2YWtf.jpg");
border-color: #5b544a;
border-style: solid;
border-width: 1px;
color: #000000;}

/* тень на форуме и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px; 
box-shadow: 0px 1px 1px;
    border-radius: 0px;}

/* цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
background-color: #000000; 
background-image: url(https://funkyimg.com/i/2YWtf.jpg); 
background-repeat: repeat; 
border-radius: 6px;
border: 3px double #755940;
-moz-box-shadow: inset 0px 0px 5px 1px #0000000;
-webkit-box-shadow: inset 0px 0px 1px 3px #000000;
box-shadow: inset 0px 0px 5px #000000;
}

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 0px 0px;}

/* фон окна наград и репутации в нем */
#pun-popup_awards div, #pun-reputation div {
background-image: url("https://funkyimg.com/i/2YM1Y.jpg");
background-color: #bbbcbb;}

/* CS2 Форум
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a:visited, .punbb a, .punbb a:link,
.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, #pun-navlinks a, #pun-ulinks a {color: #000000;
  text-decoration: none;
text-shadow: 0px 0px 1px #;
border-bottom: 0px none #000000;}

/* CS2.2 */
.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, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #000000;
  text-decoration: none;
 text-shadow: 0px 0px 1px #848280;}

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #000000;
  text-decoration: none;
  text-shadow: 1px 1px 0px 1gba(43, 24, 0, 0.7);}

#pun-ulinks a {
  font-size: 8px;
  color: #000000; 
  font-family: 'georgia';
  text-decoration: bold;
  text-transform: uppercase;
  text-shadow: 0px 0px 0px rgba(82, 46, 0, 0.4);}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #686548;
}

/* CS3 Прочие коды
-------------------------------------------------------------*/

/* CS3.1 иконки форума */

.punbb table div.icon {
   float: left; 
   display: block; 
   text-align: center;
   width: 56px;
   height: 56px; 
   border-style: none; 
   background: url(https://funkyimg.com/i/2YNYL.png) no-repeat;  
   position: relative;
}
tr.inew div.icon {
   background: url(https://funkyimg.com/i/2YWta.png) no-repeat; 
}
tr.isticky div.icon {
   background: url(https://funkyimg.com/i/2SRrG.png) no-repeat; 
}
tr.iclosed div.icon {
background: url(http://funkyimg.com/i/2De8Z.png) no-repeat; 
}
tr.iredirect div.ico
background: url(https://funkyimg.com/i/2SRqV.png) no-repeat; 
}
#pun-main table div.tclcon {
padding-left: 30px;
}

/* CS3.2 */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-author ul {text-align: center}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "georgia";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

/* прокрутка */
::-webkit-scrollbar {background: #150e00; width: 6px; height: 5px;}
::-webkit-scrollbar-thumb {background: #b59e75; width: 8px}
::-webkit-scrollbar-corner {background: #b59e75;}

.punbb .post-content a, 
.punbb .post-content a:link {
color:#000000;
font-weight: bolder;
}
.punbb .post-content a:hover,
.punbb .post-content a:focus,
.punbb .post-content a:active {
color:#000000;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-color: rgba(218, 219, 205, 0.76);
    border: 1px solid #211f1f;
}

/*иконка в статистику*/
#pun-stats ul.container {
        background: transparent url() no-repeat 20px 30px;
        padding-left: 3px;
}

/*обрамление аватара рамкой*/
.punbb .pa-avatar img {
    max-width: 180px;
    height: auto;
    border-style: solid;
    border-width: 3px;
    -moz-border-image: url(https://funkyimg.com/i/2YLXy.png) 5 repeat;
    -webkit-border-image: url(https://funkyimg.com/i/2YLXy.png) 5 repeat;
    border-image: url(https://funkyimg.com/i/2YLXy.png) 5 repeat;
}

.pa-awards { 
background: transparent; 
color: #b59e75!important;
}

.pa-awards a {
background: transparent; 
color: #b59e75!important;
}

/*анкета и звание*/
.post-author ul li.pa-fld1 {
  text-align: center;
  padding: 1px;
  color: #c6af8c;
  font-size: 13px !important;
  font-family: Verdana;
  border-style: solid;
  border-width: 7px;
  border-color: transparent;
}

.post-author ul li.pa-fld1 a {
    color: #b59e75 !important;
}

/* монетки *
.pa-fld2 {
display: inline-block;
text-align: center;
font-family: Verdana;
font-size: 12px !important;
}

/*выравнивание постов и уважения в одну строку*/
.pa-posts, .pa-respect {
    color: #b59e75 !important;
    text-align: center;
    display: inline-block;
    width: 70px;
    padding: 3px 3px 3px 3px !important;
    font-weight: bold;
    margin-top: 3px
    margin-bottom: 5px !important;
    letter-spacing: 1px;
    margin-left: 6px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: Verdana;
}

/*активность*/
.post-author ul li.pa-online, .post-author ul li.pa-author {
color: #b59e75 !important;
}

/*визит*/
.pa-last-visit {
color: #b59e75 !important;
}

#pun-navlinks a {
    display: inline-block;
    font-family: Palatino Linotype;
    font-size: 12px;
    position: relative;
    padding: 0px 9px;
    color: #b59e75;
    text-shadow: 1px 1px 1px #000000;
    box-shadow: 0 0 3px #000000;
    border: 1px solid #000000;} 

#pun-ulinks a {
    display: inline-block;
    font-family: Palatino Linotype;
    padding: 0px 9px;
    font-size: 8px;
    position: relative;
    color: #b59e75;
    text-shadow: 1px 1px 1px #000000;
    box-shadow: 0 0 3px #000000;
    border: 1px solid #000000;} 

/* Категории */
#pun-category1.category h2 {
    background: url("https://funkyimg.com/i/2YWqg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 60px;
    width: 942px;
    margin-left: -32px;
}

#pun-category2.category h2 {
    background: url("https://funkyimg.com/i/2YWsA.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 60px;
    width: 942px;
    margin-left: -30px;
}

#pun-category3.category h2 {
    background: url("https://funkyimg.com/i/2SRcH.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 46px;
    width: 935px;
    margin-left: -30px;
}

#pun-category4.category h2 {
    background: url("https://funkyimg.com/i/2SRcR.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 46px;
    width: 935px;
    margin-left: -30px;
}

#pun-category5.category h2 {
    background: url("https://funkyimg.com/i/2SRdk.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 46px;
    width: 935px;
    margin-left: -30px;
}

#pun-category6.category h2 {
    background: url("https://funkyimg.com/i/2SRdm.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 46px;
    width: 935px;
    margin-left: -30px;
}

#pun-category7.category h2 {
    background: url("https://funkyimg.com/i/2SRdn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 46px;
    width: 935px;
    margin-left: -30px;
}

#pun-stats h2 {
    background: url("https://funkyimg.com/i/2YWsk.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 60px;
    width: 942px;
    margin-left: -32px;
}

/* Разделитесь постов */
#pun-viewtopic .post h3 {
    background: url("https://funkyimg.com/i/2YWqi.png") no-repeat scroll center top;
    color: #776947 !important;
    height: 44px;
    margin-bottom: 0px;
    margin-left: -32px;
    padding-top: 0px !important;
    width: 947px !important;
}

/* Настройки быстрого ответа*/ 
#post-form h2 span { 
display:none; 
} 

#post-form h2 { 
background: url(https://funkyimg.com/i/2SMqm.png) no-repeat; 
height: 45px; 
width: 954px; 
margin-left: -40px; 
}

/* Текст на разделителе */
#pun-viewtopic .post h3 span {
    color: #b59e75;
  text-shadow: 1px 1px 1px #000000; 
    margin-top: 10px;
    margin-left: 240px;
}

/* Ссылки на нем*/
.permalink {
    color: #b59e75 !important;
    font-family: 'Verdana';
    font-size: 11px;
    text-transform: lowercase;
    font-weight: bold;}

.post-box del {
    text-decoration: none;
    filter: blur(2px);
}

.post-box del:hover {
    filter: blur(0px);
}

/* амс таблички */
.tooltip { position: relative; }
.tooltip em { display: none; }
/* внутри */
.tooltip:hover em { position: absolute;
display: block;
padding: 4px 4px;
bottom: 15px;
min-width: 160px; max-width: 200px;
right: -80px;
background: #1f1d18;
color: #776947;
text-align: center;
font-style: normal;
 font-size: 9.5px!important;
border-radius: 2px;
border-top: 4px solid #776947;
border-bottom: 4px solid #776947;
border-right: 1px double #776947;
border-left: 1px double #776947;
box-shadow: 0 0 3px #776947;
z-index: 10;
	-webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #776947;
	-moz-box-shadow: 0 0 2px #776947;
}

/* всплывалки */
.tooltip:hover em i { position: absolute; display: block;
bottom: -100px; right: -20px;
border-top: 4px solid #000;
border-left: 4px solid transparent;}