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


/* Боди или фон форума */
body {
    background: url(http://funkyimg.com/i/2ewDa.png) top  repeat-x, url(http://funkyimg.com/i/2ewDb.png) fixed;
    background-color: #5f7f82;
}

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


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

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

#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: #332922;font-weight: normal;font-style: normal;}


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


/* Ссылки */

/* 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: #674a28;font: 700 13px cuprum;letter-spacing: 0.01em;border-bottom: 0px none #000;text-decoration: none;text-shadow: 1px 0 0px #ffffff;-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: #234c50;
    border-bottom: 0px none #000;
    }

/* cs2.3. верхняя навигация до наведения */
#pun-navlinks a {
    font: italic bold 16px bebas neue;
    text-transform: uppercase;
    border-bottom: 0px none #000;
    color: #62361d;
    text-shadow: #cca377 1px 0px 0px;
    padding: 0px 5px 0px 3px;
    -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: #50757b;text-shadow: 1px 0  rgb(255, 255, 255);font: bold 12px cuprum!important;border-bottom: 0px none #000;text-transform: lowercase;-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;
  background: #77a5a6;
  }


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

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

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

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

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

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


/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box {
    background: #dcd6d0;
    background-image: url("");
    border: 3px groove rgba(204, 190, 175, 0.31) !important;
    border-radius: 29px;
    box-shadow: inset 0 0 10px #a8c8cc;
    }


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


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


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

::-webkit-scrollbar-thumb:vertical {
    background-color: #ac8458;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #ac8458;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #83b8bb;
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #83b8bb;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #cdc6be;
    }


#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 {
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;
    font-family: cuprum!important;
    text-transform: lowercase;
    text-shadow: #ffffff 1px 1px!important;
    padding: 1px 10px 1px 10px!important;
    font-size: 12px!important;
    background: #dcd6d0;
    border: 3px groove rgba(204, 190, 175, 0.31) !important;
    border-radius: 29px;
    box-shadow: inset 0 0 10px #a8c8cc;
}
.hashelp center div a button:active, .button:active {
position:relative;
top:1px;
} 


/* CS1.3 */
/*------------------категории - быстрый ответ - статистика--------------*/
#pun-stats h2, .punbb .main h2, #pun-debug h2
 {
 text-align: center;
 font: bold italic 30px georgia;
 text-transform: lowercase;
 color: #e0d3c4;
 text-shadow: 1px 1px 0px #928474;
 background: url(http://funkyimg.com/i/2ewHe.png) center no-repeat;
 width: 730px;
 margin-bottom: 27px;
 margin-top: 16px;
 height: 50px;
 padding: 17px 0px 3px 77px !important;
 }

/*------------------ссылки в шапке--------------*/
.mainlink1 {position: absolute;}
.mainlink1 a {    display: inline-block;
    color: #966e9b!important;
    text-shadow: #ffffff 1px 1px!important;
    text-transform: uppercase;
    font: bold 12px bebas neue !important;
    width: 134px;
    text-align: center;}

.mainlink1 a:hover {
 color: #926747 !important;
    text-shadow: rgb(255, 255, 255) 1px 1px !important;
}

/*АМС картинки*/ 
.thumbnail{  
position: relative;  
z-index: 0;  
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 50;  
}  
.thumbnail span{   
position: absolute;  
background-color: #e0af6b;  
padding: 5px;  
left: -1000px;  
border: 1px solid #dda24f;  
visibility: hidden;  
color: #ffffff;  
text-decoration: none;  
border-radius: 6px 6px 6px 6px; 
-moz-border-radius: 6px 6px 6px 6px;  
-webkit-border-radius: 6px 6px 6px 6px;  
}  
.thumbnail span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 2px;  
}  
.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: 0;  
left: 6px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/

@font-face {
    font-family: 'Nautilus Pompilius';
    src: url('ifjshtok-webfont.eot');
    src: url('ifjshtok-webfont.eot?#iefix') format('embedded-opentype'),
         url('ifjshtok-webfont.woff2') format('woff2'),
         url('ifjshtok-webfont.woff') format('woff'),
         url('ifjshtok-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;