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


/* Боди или фон форума */
body {
    background: url(http://funkyimg.com/i/2duj5.png) repeat-x top left, url(http://funkyimg.com/i/2duj9.png);
    background-color: #1e0604;
}

/* Шапка */
#pun-title table {background-image: url(http://funkyimg.com/i/2dun6.png);background-repeat: no-repeat;background-position: top center;border: none;height: 540px;width: 1032px;margin-left: -110px;}


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

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


#profilenav h2 {text-shadow: none;}

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

hr, .banner-line {
    height: 1px;
    background: #4E4848 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: #151111;
font-weight: normal;
font-style: normal;}

/* двигалка навигации, общие ссылки и пользовательские*/
div#pun-navlinks {
    position: relative;
    width: 100%;
    text-align: right;
    top: -36.3em;
    left: 3.5em;
    }
div#pun-ulinks {
    position: relative;
    width: 50%;
    text-align: left;
    top: -18em;
    left: 33.9em;
    margin-bottom: -10em;
    display: inherit;
    }    

div#pun-ulinks > ul > li.item1 {
margin-left: 9px; }

#pun-status > p > span.item1 {color: #a7aaac;
    font-family: bebas neue;
    text-shadow: 1px 0 rgba(0, 0, 0, 0.68);
    font-weight: bold;
    font-size: 12px !important;
    border-bottom: 0px none #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 39em;
    left: 33.6em;
    position: absolute;}
#pun-status > p > span.item2 {color: #a7aaac;
    font-family: bebas neue;
    text-shadow: 1px 0 rgba(0, 0, 0, 0.68);
    font-weight: bold;
    font-size: 12px !important;
    border-bottom: 0px none #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 39em;
    left: 43.6em;
    position: absolute;}


/* Ссылки */

/* 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: #2d486d;font: 700 13px cuprum;border-bottom: 0px none #000;text-decoration: none;text-transform: none;text-shadow: 1px 0 0px #ccdcea;-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: #7d3e37;
    border-bottom: 0px none #000;
    }

/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
    font-family: bebas neue;
    text-transform: uppercase;
    font-size: 18px !important;
    border-bottom: 0px none #000;
    text-shadow: none!important;
    color: #91989d;
    font-weight: bold;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

/* cs2.4. нижняя навигация до наведения */
#pun-ulinks a {color: #a7aaac;font-family: bebas neue;text-shadow: 1px 0  rgba(0, 0, 0, 0.68);font-weight: bold;font-size: 12px !important;border-bottom: 0px none #000;text-transform: uppercase;letter-spacing: 1px;-webkit-transition: .3s all;-moz-transition: .3s all;-ms-transition: .3s all;-o-transition: .3s all;transition: .3s all;}

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

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

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

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

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

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

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



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


/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
    background: #c4ccd2;
    background-image: url("");
    -webkit-box-shadow: inset 0px 0px 9px rgb(159, 181, 199);
    -khtml-box-shadow: inset 0px 0px 9px rgb(159, 181, 199);
    -moz-box-shadow: inset 0px 0px 9px rgb(159, 181, 199);
    box-shadow: inset 0px 0px 9px rgb(159, 181, 199);
    border: 3px double rgb(174, 181, 187) !important;
    }

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

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


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

::-webkit-scrollbar-thumb:vertical {
    background-color: #638da6;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #638da6;
}

::-webkit-scrollbar {
width: 6px;
    height: 6px;
background-color: #230805;
    border: 2px solid rgb(107, 46, 39);
    }


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

/*----------------------кнопки типа отправить_посмотреть----------------------------*/
.hashelp center div a button{
  width:86px!important;
padding: 5px 10px 5px 10px!important;
margin-right:5px!important;
}
.hashelp center div a button, .button {
    border-radius: 20px;
    border: none;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-family: cuprum!important;
    text-transform: lowercase;
    text-shadow: #ffffff 1px 1px!important;
    padding: 5px 10px 5px 10px!important;
    font-size: 13px!important;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
}

/*---------------ams в шапке---------------*/
.urls {
 margin-top: 2px!important;
 height: 3px;
 padding: 2px 0px 7px 0px;
 background: #2e3f5c;
 color: rgba(196, 200, 206, 0.7) !important;
 font: bold 8px arial narrow !important;
 text-align: center;
 width: 60px;
 text-shadow: none!important;
 text-transform: uppercase !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 {background: #000000; opacity: 1;}

.urls2 {
 margin-top: 2px!important;
 height: 3px;
 padding: 2px 0px 7px 0px;
 background: #6b150e;
 color: rgba(196, 200, 206, 0.7) !important;
 font: bold 8px arial narrow !important;
 text-align: center;
 width: 60px;
 text-shadow: none!important;
 text-transform: uppercase !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;
}
.urls2:hover {background: #000; opacity: 1;}



.urlss {
 color: rgba(117, 138, 150, 0.8)!important;
 font: bold 8px arial narrow !important;
 text-align: center;
 text-shadow: none!important;
 text-transform: uppercase !important;
 display: inline-block;
opacity: 0.8;
 -moz-transition: all 0.2s 0.02s ease;
 -o-transition: all  0.2s 0.02s ease;
 -webkit-transition: all 0.2s 0.02s ease;
}
.urlss:hover {opacity: 1;}