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


/* Боди или фон форума */
body { background: url(http://funkyimg.com/i/2pRiY.png) repeat; 
    background-color: #4c4c4c;
}

/* Шапка */
#pun-title table {
    background-image: url(https://funkyimg.com/i/2Z69z.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 290px;
    width: 918px;
    margin-left: -40px;}


/* Пан или "тело" форума */
#pun {background-color: #828786;
    background-image: url(http://funkyimg.com/i/2pRga.png);
background-position: center top;
background-size: 99,9%;
}

/* футер */
#pun-about p.container {
background-image: url(http://funkyimg.com/i/2pRhz.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 210px;
    width: 918px;
    margin-left: -55px;
    text-align: center;
    border-color: transparent;
}
div#pun-about {
   margin-bottom: -200px;
}


#profilenav h2 {text-shadow: none;}

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

hr, .banner-line {
border: none;
    height: 1px;
    background: #4c4c4c center no-repeat;
   }



/* Цвет текста на форуме */
.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: #000000;
font-weight: normal;
font-style: normal;}

/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks {    position: relative;
    width: 70%;
    text-align: center;
    top: -134px;
    left: 122px;}
div#pun-ulinks {    position: relative;
    width: 70%;
    text-align: center;
    top: 13px;
left: 122px;}


/* Ссылки */

/* 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: #383636;
  border-bottom: 0px none #000;
  text-decoration: none;
-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: #414141;
  border-bottom: 0px none #000;}

/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
color: #676767;
    font-family: Palatino Linotype;
    font-size: 11px !important;
    border-bottom: 0px none #000;
    letter-spacing: -1px;
    text-transform: uppercase;
}
/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {
    color: #535048;
    font-family: arial;
    font-size: 8px !important;
    border-bottom: 0px none #000;
    letter-spacing: 0px;
    text-transform: uppercase;}

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

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

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

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

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

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

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

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2pRgT.png);
height: 85px;
width: 200px;
font-size:0 !important;
margin-left: 350px;}

#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2pRgT.png);
height: 85px;
width: 200px;
font-size:0 !important;
margin-left: 350px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2pRgT.png);
height: 85px;
width: 200px;
font-size:0 !important;
margin-left: 350px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2pRgT.png);
height: 85px;
width: 200px;
font-size:0 !important;
margin-left: 350px;}

/* Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    height: 75px;
    width: 300px;
    margin-left: 43px;
    background-color: transparent;
    background-image: url("--");
    background-origin: padding-box;
    background-position: 10% 10%;
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 0px;}


/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #9d9b9b; 
background-image: url("--");
color: #000000}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
    background-image: url("--");
    -webkit-box-shadow: 0px 0px 1px #aeaeae;
    -khtml-box-shadow: 0px 0px 1px #aeaeae;
    -moz-box-shadow: 0px 0px 1px #aeaeae;
    box-shadow: 0px 0px 1px #aeaeae;}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("--");
    background-color: #777777;
    color: #000000;}


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


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

::-webkit-scrollbar-thumb:vertical {
    background-color:#6f6f6f;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#6f6f6f;
}

::-webkit-scrollbar {
width: 8px;
    height: 6px;
    background-color: #55454d;
    border: 3px solid #b6989d);
    }


/*---------------оформление названий подфорумов---------------*/
#pun-index.punbb .tclcon h3 > a {
    color: #32525a;
    text-shadow: 0px 0 0px rgba(0, 0, 0, 0.33);
    font-family: arial;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 3px;
    font-size: 12px !important;
}
#pun-index.punbb .tclcon h3 > a:hover {
   color: #383a49;
}

/*---------------оформление описаний подфорумов---------------*/
.punbb td div .tclcon, .category .container table .hasicon .tc1 {
    line-height: 10px;
    padding: 9px;
}

.pf {    width: 91%;
    padding: 6px 6px 6px 6px;
    background: #d1d5d7;
    box-shadow: inset 0px 0 2px rgba(0, 0, 0, 0.25);
    margin-left: 21px !important;
    font: 6px arial;
    color: #5c615f;
    line-height: 12px;}

/*---------------боковая панель---------------*/
.sidebg { position: fixed;
    right: -173px;
    width: 226px;
    height: 333px;
    background: url(http://funkyimg.com/i/29GFZ.png);
    -moz-transition: all 0.2s 0.02s ease;
    -o-transition: all 0.2s 0.02s ease;
    -webkit-transition: all 0.2s 0.02s ease;}
.sidebg img {display: inline-block; margin: -1px;}
.sidebg:hover {position: fixed;
    right: -7px;
    width: 226px;
    height: 333px;
    background: url(http://funkyimg.com/i/29GFZ.png);
    font: 10px arial;}

#activ {margin-top: 23px;margin-left: 72px;}

#post1 {margin-top: 4px;    margin-left: 72px;  color: #181d25;    overflow-y: auto;    height: 88px;    width: 129px;    text-align: justify;}
#post1 a {color: rgba(221, 224, 226, 0.75)!important; font: normal 500 12px arial, serif !important; text-shadow: 1px 0 1px black!important;}
#post1 img {float: left; margin-right: 4px !important; margin-top: 4px !important;}
#post1::-webkit-scrollbar {width: 0px; height: 0px;}
#mam { margin-top: 7px; margin-left: 72px;}

/*---------------админы---------------*/
.ams {position: absolute;
    top: 33px;
    margin-left: 515px !important;
    padding: 4px 10px;
    background: #936b7a;
    width: auto;
    text-align: right;
    color: #dde0e2 !important;
    text-shadow: 1px 0 1px black;
    font: bold 12px arial;}
.ams a {color: #dde0e2 !important;
    text-shadow: 1px 0 1px black !important;
    font: 300 normal 12px code;
    letter-spacing: 1px;
    text-transform: uppercase !important;}

#pun-ulinks li.item3 {
display: none;
}

#pun-ulinks li.item5 {
display: none;
}

.pa-fld1 {background: none;
    width: 180px;
    font: 600 12px arial;
margin-top: -2px !important;
margin-left: 1px !important;}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://funkyimg.com/i/2pRgM.png) 0 0 repeat; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:0px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/2pRgN.png) 0 top no-repeat,url(http://funkyimg.com/i/2pRgL.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-10px 0 10px 0!importan;
  padding:10px 10px!important;
}