/*ГРАФИКА -------------------------------------------------------------*/

/* Боди или фон форума */
body {
    background: url(https://funkyimg.com/i/2WFh2.jpg) top center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed; 
    background-color: #28315C;
overflow-x: hidden!important;
}

/* Шапка */
#pun-title TD.title-logo-tdr {
position: absolute; z-index: 1; left: 0px; top: -550px;
}
#pun-title table {
background-attachment: scroll; 
    background-image: url(https://funkyimg.com/i/2WFoT.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 298px;
    width: 876px;
    margin-left: -10px;
}


/* Пан или "тело" форума */
#pun {
    background-color: #CFC1B2;
    background-image: url(https://funkyimg.com/i/2WFjC.jpg);
}


/* футер */
#pun-about p.container {background-image: url(https://funkyimg.com/i/2WFoS.jpg);background-position: center top;background-repeat: no-repeat;height: 92px;width: 876px;margin-left: -25px;margin-bottom:-20px;text-align: center;border-color: transparent;}

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



#profilenav h2 {text-shadow: none;}

#pun-redirect.punbb  #pun-main h1 {
background: none;}

hr, .banner-line {
    height: 1px;
    background: #87623A center no-repeat;
    border: 1px solid white;}

/* Цвет текста на форуме */
.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 h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain 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: #28315C;font-weight: normal;font-style: normal;}

/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks {
    position: relative;
    width: 100%;
    text-align: center;
    top: -450px;
    left: 0px;
    }
div#pun-ulinks {
    position: relative;
    width: 100%;
    text-align: center;
    top: -64px;
    margin-bottom: 40px;
    }



/* Ссылки */

/* cs2.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: #413528;font: 700 9px tahoma;text-transform: uppercase;letter-spacing: 0.01em;border-bottom: 0px none #000;text-decoration: none;text-shadow: 0px 0px 0px #2E2F2F;-moz-transition: color 0.2s 0.02s ease;-o-transition: color 0.2s 0.02s ease;-webkit-transition: color 0.2s 0.02s ease;}

/* cs2.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: #28315C;
    border-bottom: 0px none #000;
    }

/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
    color: #413528;
    font: 11px arial;
    text-transform: uppercase;
    border-bottom: 0px none #000;
    letter-spacing: 1px;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
    color: #413528;
    font: bold 10px arial;
    text-shadow: 1px 1px 0px rgb(185, 179, 176);
    border-bottom: 0px none #000;
    padding: 0px 3px 0px 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
    }

/* cs2.5. верхняя навигация после наведения */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  border-bottom: 0px none #000;
  color: #28315C;
  border-bottom: 4px solid #60626A;
  }

/* cs2.5. нижняя навигация после наведения */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  border-bottom: 0px none #000;
  color: #28315C;
  }

/*ИКОНКИ -------------------------------------------------------------*/

/* Иконка старых сообщений*/
Div.icon {
background-image : url(https://funkyimg.com/i/2WFxd.png);
background-repeat: no-repeat;
}

/* Иконка новых */
TR.inew Div.icon {
background-image : url(https://funkyimg.com/i/2WFxf.png);
background-repeat: no-repeat;
}

/* Иконка важных*/
TR.isticky Div.icon {
background-image : url(https://funkyimg.com/i/2WFxe.png);
background-repeat: no-repeat;
}

/* Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(https://funkyimg.com/i/2WFxc.png);
background-repeat: no-repeat;
}



/* Быстрый ответ */

#post-form h2 {
    text-align: center;
    font-size: 0px !important;
    width: 652px;
    margin-bottom: -25px;
    margin-top: -35px;
    margin-left: 93px;
    height: 158px;
 }


/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box {
    background: #E7DBCF;
    border: 5px #657169 !important;
    box-shadow: 0 6px 0 #7C7F8E;
    }


.punbb textarea, .punbb select {background: #CFC1B2;
    border: 1px outset  #60626A!important;}


/* скрыть название категорий*/
#pun-main .category h2 span {
visibility: hidden;
}


/*------------------------скролинг-----------------------*/

::-webkit-scrollbar-thumb:vertical {
    background-color:#9B938B;
border-radius: 5px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#9B938B;
border-radius: 5px;
}

::-webkit-scrollbar-thumb:vertical:hover {background-color:#60626A;}
::-webkit-scrollbar-thumb:horizontal:hover{ background-color:#60626A;}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #60626A;
    border: 2px solid rgb(23, 14, 9);
    }


#post1 {margin-top: 4px;    margin-left: 72px;  color: #28315C;    overflow-y: auto;    height: 88px;    width: 129px;    text-align: justify;}
#post1::-webkit-scrollbar {width: 0px; height: 0px;}

/*---------------навигация в шапке---------------*/
.urls {
 margin-top: 3px!important;
 height: 5px;
 width: 85px;
 padding: 1px 4px 6px 4px;
 text-shadow: 0px 0px 0px rgb(109, 105, 100) !important;
 color: #CFC1B2 !important;
 font: 9px tahoma !important;
 background: #60626A;
 text-align: center;
 letter-spacing: 2px !important;
 display: inline-block;
 -moz-transition: all 0.2s 0.02s ease;
 -o-transition: all  0.2s 0.02s ease;
 -webkit-transition: all 0.2s 0.02s ease;
}
.urls:hover {opacity: 1;color: #657169 !important;background: #28315C;}



/*---------------кнопки---------------*/
input.button, #post fieldset .hashelp div input {
background: #CFC1B2;
    color: #28315C;
    padding: 3px 12px 3px 12px;
    text-transform: uppercase;
    font: bold 8px tahoma !important;
    cursor: pointer;
    letter-spacing: 1px;
    border: none !important;
    box-shadow: #7a6c5e 0px 4px 0px, 0px -2px 0 #9B938B;}

/*---------------личное звание---------------*/
.lz {
    position: relative;
    width: 180px;
    z-index: 9;
    margin-left: -90px !important;
    margin-top: 3px!important;
    padding: 1px;
    line-height: 7px !important;
    height: auto;
    text-align: justify;
    font: 9px tahoma;
    color: #0d0907;
    background: #CFC1B2;
    border: 3px solid #9B938B;
}

.lz a {text-transform: uppercase;font: bold 9px tahoma !important;color: #60626A !important;text-shadow: 1px 0 0 #CFC1B2 !important;letter-spacing: 1.5px !important;}



/*-----оформление ссылок в подфоруме--------*/
.pfs {position: relative;margin-top: 10px!important;width: 340px;padding-top: 6px;border-top: 3px solid #CFC1B2;}
.pfs a {
 -moz-transition: all 0.2s 0.02s ease;
 -o-transition: all 0.2s 0.02s ease;
 -webkit-transition: all 0.2s 0.02s ease;
 display: inline-block;
 width: 100px;
 text-align: center;
 height: 11px;
 background: #CFC1B2;
 font: bold 9px arial !important;
 color: #28315C !important;
 text-shadow: 1px 1px 0 #15273C !important;
 letter-spacing: 1px !important;
 }
.pfs a:hover {color: #CFC1B2 !important;}

#pun-stats a {font: 11px tahoma !important; text-transform: none !important;}
#pun-stats > div > ul > li.item4 > strong > a {font-weight: bold !important;}






thead {display: none;}

#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
display:none !important;
vertical-align: top;
}
#pun-index .category tr { width: 400px;     /*ширина поля, чем уже форум, тем меньше должно быть значение*/
display: inline-block;
background-color: #transparent;     /* цвет заливки */
}
#pun-index .category tr .Tems_And_messages {
display: none;
}

    /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */
#pun-index .category tr .bottom {
    line-height: 11px;
    font-size: 11px;
    font-family: arial;
    vertical-align: top;
    background-color: #transparent;     /* заливка */
    text-align: right;
    padding: 5px;     /* отступы */
color: #58544f;     /* цвет текста */
}

    /* ССЫЛКИ ПРИ НАВЕДЕНИИ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 14px;
    font-weight: bolder;
    font-family: arial;
    font-variant: small-caps;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}

.links1 {
    color: #e3e3e3 !important;
    letter-spacing: 0.3px;
    font-family: 'Open Sans Condensed';
    font-size: 15px;
    text-transform: uppercase;
    padding: 0px 3px 0px 3px;
    text-shadow: -1px 1px #271d25;
}

.links1:hover {
    color: #7b7462 !important;
    letter-spacing: 0.3px;
    font-family: 'Open Sans Condensed';
    font-size: 15px;
    text-transform: uppercase;
    padding: 0px 3px 0px 3px;
    text-shadow: -1px 1px #271d25;
}




.links2 {
    color: #e3e3e3 !important;
    letter-spacing: 0.3px;
    font-family: 'Open Sans Condensed';
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 1px 0px 1px;
    text-shadow: -1px 1px #271d25;
}

.links2:hover {
    color: #7b7462 !important;
    letter-spacing: 0.3px;
    font-family: 'Open Sans Condensed';
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 1px 0px 1px;
    text-shadow: -1px 1px #271d25;
}