/*навигация*/
#navindex a:before {content:"\f015"; font-family: FontAwesome;} /* Форум */
#navuserlist a:before {content:"\f007"; font-family: FontAwesome;} /* Участники */
#navsearch a:before {content:"\f002"; font-family: FontAwesome;} /* Поиск */
#navprofile a:before {content:"\f0d0"; font-family: FontAwesome;} /* Профиль */
#navpm a:before {content:"\f086"; font-family: FontAwesome;} /* Сообщения */
#navadmin a:before {content:"\f085"; font-family: FontAwesome;} /* Админка */
#navregister a:before {content:"\f067";  font-family: FontAwesome;}  /* Регистрация */
#navlogin a:before {content:"\f011"; font-family: FontAwesome;} /* Вход */
#navlogout a:before {content:"\f011"; font-family: FontAwesome;} /* Выход */
#navpr_1 a:before {content:"\f0ac"; font-family: FontAwesome;} /* Реклама */
#pun-navlinks li a span {display:none;} #navpr_1 li a span {display:none;}

#tooltip {
  position: absolute;
  background: #6f566c; /* фон */
  z-index: 999;
  max-width: 180px;
  border: 0px solid #294f5a;
  border-radius: 5px;
  font-family: roboto; /* шрифт */
  font-size: 11px; /* размер текста */
  display: none;
  color: #ffffff; /* цвет текста */
  text-align: center;
  padding: 3px;
}

.links1 {
    color: #ffffff!important;
    letter-spacing: 0.5px;
}

.banners-box {
    position: absolute;
    margin-left: -75px!important;
    margin-top: 66px!important;
    width: 910px;
    height: 59px;
    text-align: center;
    overflow-y: scroll;
    padding-right: 1px;
    word-spacing: -1px;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* фон*/

/*OLD url("https://i.imgur.com/ia8FnOe.png*/ 
body {background: url(https://i.imgur.com/ia8FnOe.png) repeat; 
background-color:  #5d4073; 
background-position : top center; 
background-attachment: fixed;; 
}

/* логотип */
#pun-title table {
   background-image: url(https://i.imgur.com/QJlDylm.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 1038px;
    height: 365px;
    margin-left: -127px;
}

/* тело */
#pun {
    background-position: top center;
    background-color: #dcc7b8;
    background: url(https://i.imgur.com/H1v2a5Y.png) top center scroll repeat-y;
}

/* футер */
#pun-about .container {
     background: url(https://i.imgur.com/XiZQKiz.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 1036px;
    height: 146px;
    
   
    
}



/* категории */
#pun-category1.category h2 {
    font-size: 0 !important;
    margin: 16px 0 16px 150px!important;
    width: 638px;
    display: block;
    height: 39px;
    font-family: verdana;
    text-transform: uppercase;
    background-image: url(https://i.imgur.com/7c8BKl9.png);
}
#pun-category2.category h2 {
    font-size: 0 !important;
    margin: 16px 0 16px 150px!important;
    width: 638px;
    display: block;
    height: 43px;
    font-family: verdana;
    text-transform: uppercase;
    background-image: url(https://i.imgur.com/cgaKduX.png);
}
#pun-category3.category h2 {
    font-size: 0 !important;
    margin: 16px 0 16px 150px!important;
    width: 638px;
    display: block;
    height: 43px;
    font-family: verdana;
    text-transform: uppercase;
    background-image: url(https://i.imgur.com/K4ezNFG.png);
}
#pun-category4.category h2 {
font-size: 0 !important;
    margin: 16px 0 16px 150px!important;
    width: 638px;
    display: block;
    height: 43px;
    font-family: verdana;
    text-transform: uppercase;
    background-image: url(https://i.imgur.com/QJj44w7.png);
}
#pun-category5.category h2 {
 font-size: 0 !important;
    margin: 16px 0 16px 150px!important;
    width: 638px;
    display: block;
    height: 37px;
    font-family: verdana;
    text-transform: uppercase;
    background-image: url(https://i.imgur.com/7O1iIVE.png);
}
#pun-category6.category h2 {
 font-size: 0 !important;
    margin: 16px 0 16px 150px!important;
    width: 638px;
    display: block;
    height: 43px;
    font-family: verdana;
    text-transform: uppercase;
    background-image: url(https://i.imgur.com/mt8JX4g.png);
}
/*статистика*/
#pun-stats.section h2 { 
    background-attachment: scroll;
    background-clip: border-box;
    text-align: right;
    font-size: 0 !important;
    margin: 16px 0!important;
    width: 570px;
    margin: 0px;
    display: block;
    height: 11px;
    font-family: verdana;
    text-transform: uppercase;
}
#pun-stats.section h2 span {
display: none;
}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #333;
  }


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background: rgba(204, 199, 199, .2);
    color: #767067;
    font-family: arial;
    text-transform: uppercase;
    margin: 4px;
    font-weight: normal;
    text-align: center;
     letter-spacing: 0.7px;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    color: #423e38;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: arial!important;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background-color: rgba(192, 187, 180, .0);
    color: #555555;
  }


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    box-shadow: inset 0 0 0 2px rgb(228, 227, 227);
    border: solid 1px rgb(69, 24, 55);
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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 {
    text-decoration: none;
    color: #622082;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #333;
  }

/* CS3.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: #938d85;
  }

/* CS3.3 */
#pun-navlinks a {
  padding: 10px 0px;
  text-decoration: none;
  color: #d4d4d4;
display: block;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #660066; }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: #777068;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;}



/* CS4 Post status icons
 -------------------------------------------------------------*/


div.icon {
background: url(https://i.imgur.com/e9R8zRe.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/uqG6YSy.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/ezaHWNc.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/ezaHWNc.png) no-repeat;
}


#pun-main div.catleft, #pun-main div.catright {display: none}

/*Стиль выделения */
::selection {
    background: none repeat scroll 0 0 rgb(169, 162, 156);
    color: #e1e1e1;
    opacity: 1;
} 
*::-moz-selection {
    background: none repeat scroll 0 0 rgb(169, 162, 156);
    color: #e1e1e1;
    opacity: 1;
}

/* Стиль списка тем в форуме */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(https://i.imgur.com/tpbYrhv.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  width: 218px!important;
  margin-top:0px!important;
}
.punbb .post .post-author > ul {
  background:url(https://i.imgur.com/TLxdi28.png) 0 top no-repeat,url(https://i.imgur.com/3s9STi2.png) 0 bottom no-repeat; /*Фон верха - низа*/
  padding-top:8px!important;
    padding-bottom:15px!important;
}


/*Форма ответа стиль выпадающих окошек*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    background-image: url(https://i.imgur.com/Zfp6Y9U.png);
}

/*Фон окошка репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    background-image: url(https://i.imgur.com/NPRiDoE.png)!important;
}

#pun-respect.punbb .main .tc3 {text-transform: none !important;}
#pun-respect.punbb .main {font-size:10px;}


/* скроллбар */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track { background-color: #afbbba;
    border: solid 1px #afbbba;} 
::-webkit-scrollbar-thumb { background-color: #5c4b73;
    border: solid 2px #5c4b73;}



/*форум тем соо прозрачность*/
#pun th {text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;}
#pun-userlist th {opacity: 1;font-size: 9px;}

#pun-viewtopic h1, #pun-viewtopic h2 {display:none;}
#pun-viewforum h1 {display:none;}
#pun-messages h3 {display:none;}
#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
  display: block;
  margin-bottom: 0pt;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7)!important;
    border: solid 1px rgba(145, 145, 143, .1)!important;
    background-color: rgba(213, 212, 208, .5)!important;
}
#main-reply {
    border: solid 1px rgba(142, 1, 11, 0.41)!important;
    background-color: #dedfdf!important;
    height: 180px;
}

.punbb .main .tcr a {
    font-weight: bold;
    padding-left: 10px;
}
.punbb .main .tcr span {
    font-size: 10px;
}
#pun-viewforum .tclcon a {
    font-size: 11px;
}
#pun-viewforum .tcr a {
    text-transform: lowercase;
    font-size: 10px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: #e1e1e1!important;
}

.post-content .spoiler-box > div {background: url('http://forumfiles.ru/files/0019/42/40/47609.png') no-repeat left center!important;cursor:pointer;padding-left:18px;}
.post-content .spoiler-box > div.visible {background-image:url('http://forumfiles.ru/files/0019/42/40/79217.png')!important}



/* кнопка */
.button {
    cursor: pointer;
    color: rgb(105, 102, 102);
    font-family: arial !important;
    font-size: 10px;
    font-weight: bold !important;
    margin-top: 0px !important;
    padding: 2px 6px 2px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
}




#messages .icon {margin-top: 7px;}
#pun-messages .fs-box {margin-top: -35px;}
#pun-messages #profile .container fieldset {width: 640px;}
#pun-messages #profile .container {width: 665px; margin-left:-30px; border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}



#font-area {overflow-y: auto; height: 300px; width:170px;}


.pa-posts, .pa-respect {
    text-align: center;
    width: 100px;
    margin-top: 4px!important;
    margin-bottom: 2px!important;
    color: rgba(51, 51, 51, .95);
    font-family: arial;
    font-stretch: condensed;
    font-size: 9px;
    display: inline-block;
    text-transform: lowercase;
    word-wrap: break-word;}

.pa-fld1 {text-align: justify;
    width: 190px;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
    font-size: 10px;
    line-height: 10px;
    font-family: arial;
    text-transform: lowercase;
    border: 4px solid #4e1a68;
    border-image-source: url(https://i.imgur.com/ksyTnHs.png);
    border-image-slice: 4;
    border-image-repeat: round;
    padding: 7px 0 !important;}

.lz {text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 5px !important;}

.lz a {color:#e6e6e6!important;
         line-height: 1.3em;}
.lz a:hover {color:#ccccff !important;}


/* УБРАТЬ - модераторов, "отредактировано", "объявление", награды */
#pun-index .modlist {display: none;}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}