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

#mask_dialog .inner {background: #f3f3f3;border: 1px solid #f3f3f3;border-radius: 35px;}


/*флоат*/
.left {display: block; float: left;}

/*** УЛУЧШИТЬ АККАУНТ ***/
#pun-status .item4 {display:none;}

/* фон*/
html {
background-color: transparent;
}

body {
background-image: url(https://i.imgur.com/iyI43qE.png);
background-color:#f4f4f4;
background-attachment: fixed; 
background-position: top center;
}

/* шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/5Nw3Okl.png);
background-color: transparent;
    background-repeat : no-repeat;
    background-position: top center;
    width: 961px;
    height: 384px;
margin-left: -1px;
}

/* тело */
#pun {
width: 960px; 
background-color: transparent;
background-image: url(https://i.imgur.com/BVIXMAK.jpg);
background-repeat: repeat-y;
}


/* низ */
#pun-about p.container {
    background-image: url(https://i.imgur.com/sMMVrq3.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    width: 961px;
    height: 63px;
    margin-left: 15px;
    margin-top: -150px;
}

/* CS1.1 фон и цвет текста */
.punbb .post-body, .punbb .post-links, #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 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: #241e28;font-weight: normal;font-style: normal;}

.punbb .post-body, .punbb .post-links, #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 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: #241e28;font-weight: normal;font-style: normal;}

.punbb .section .container {
    color: #121212;
    font-family: roboto;
}

.punbb td.tc2, .punbb td.tc3 {
    color:#cacaca;
    font-size: 11px;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

#punbb .main h1, pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #c7ccce;
    font-style: normal;
    margin-right: 4px;
    text-transform: uppercase;
    margin-left: 2px;
    font-family: arial;
}

/* цитата и выделить код */
.punbb .quote-box, .punbb .code-box {background-color: #ffffff;color: #121212;font-size: 11px;font-family: arial;border: 1px solid #ececec;border-radius: 20px!important;}


/* текст в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-color: #ffffff!important;
    border: 1px solid #ececec;
    border-radius: 20px!important;
}

/* кнопки */
input {
position: relative!important;
z-index: 800!important;
}

.punbb .formsubmit {
}

input.button {
    height: 25px;
    width: 106px;
    font-family: roboto!important;
    text-transform: uppercase;
    background-image: none;
    color: #3c3c3c;
    font-size: 9px!important;
    font-weight: 600!important;
    }

input[type="submit" i] {
    background-color: #ffffff!important;
    border: 1px solid #e8e8e8;
    }

input[type="submit" i]:hover {
background-color: #fcfcfc!important;
    border: 1px solid #e8e8e8;
}

/* переключение раскладки */
#button-transL {
background-image: url('http://forumstatic.ru/files/001a/0a/42/17473.png');
}

/* тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://i.imgur.com/cSdL16b.png);
    background-color: #cdd0d6;
}

button.st1 {
    padding: 5px 10px 5px 10px;
    border: 1px solid #eaeaea!important;
    background-color: #ffffff;
    font: 10px arial;
    /* font-weight: 600; */
    /* font-style: italic; */
    color: #000000;
}

/* CS2 ссылки
-------------------------------------------------------------*/

.punbb a, .punbb a:link {
    color: #040404;
    text-decoration: none;
}

.punbb a:visited {
    color: #040404;
    text-decoration: none;
    transition: all 0.6s ease;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-ulinks a, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
 color: #040404;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
 transition: all 0.6s ease;
 text-decoration: none;
 }

#pun-navlinks a {
  color: #121212;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0.21, 1.28);
  text-decoration: none;
}

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulink  a:active {
  color: #040404; 
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
  }
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
    color: #040404;
    text-decoration: none;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
}

#pun-ulinks a {font-size: 7px;font-family: arial;letter-spacing: 0.5px;text-transform: uppercase;margin-left: 2px;color: #cacaca;}


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

/* CS3 остальное 
-------------------------------------------------------------*/

/* CS3.1 иконки*/

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

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

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

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


/* CS3.2 всякое*/
/* CS3.2 всякое*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center;color: #e8e8e8;font-size: 10px;text-transform: lowercase;font-family: arial;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}

#navpm .unreads {
  background-color: #222222;
}

/*---прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #e7ac50; height: 5px; border: 2px solid #e7ac50;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #e7ac50; height: 5px; border: 2px solid #e7ac50;
}

::-webkit-scrollbar {
    background-color: #99aba1;
    height: 5px;
    width: 5px;
}

::selection {
    background: #f3ca8a !important;
    color: #262626;
}

#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

.category .container thead {display: none;}

/*---аватар---*/
.punbb .pa-avatar img {
    max-width: 180px!important;
    max-height: 180px!important;
    margin-bottom: 4px;
}

td.tcr a {
    color: 797ca2!important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    font-size: 10px;
}

/*---разделитель---*/
#pun-viewtopic .post h3 {
    width: 962px;
    margin-bottom: 28px;
    margin-top: 15px;
    height: 30px;
    background-repeat:no-repeat;
    font-family: arial;
    font-size: 8px;
    margin-left: -10px;
}

/*---текст в подфоруме---*/
.podfl {
    margin-top: 88px !important;
    padding-left: 30px;
    text-align: justify;
    padding-bottom: 6px;
    color: #d0d0d0;
    font-size: 8px;
    text-transform: lowercase;
    width: 400px;
    line-height: 10px;
}

.forumlinks {text-transform: uppercase;word-spacing: 8px;padding-top: 4px;padding-bottom: 2px;width: 459px;margin-left: 0px!important;margin-top: -1px!important;text-align: center;color:#9db1ae;}

.forumlinks a {
font-family: Roboto;font-weight:600;font-size: 9px;
color:#9db1ae!important;
word-spacing: 8px;
}

.forumlinks a:hover {
font-family: Roboto;font-weight:600;font-size: 9px;
color:#ba8669!important;
word-spacing: 8px;
}

.info2 {
position: absolute;
    height: 72px;
    width: 204px;
    text-align: justify;
    color: #2b2b2b;
    font-family: arial;
    padding-right: 7px;
    font-size: 9px;
    opacity: 0.8;
    overflow-y: scroll;
}

.content {
position: absolute;
    top: 0;
    left: 78px;
    right: -38px;
    padding-right: 25px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}

#counters A IMG{opacity:1; -moz-opacity:1; filter:alpha(opacity=80);}
#counters a:hover img {opacity:1; -moz-opacity:1;
filter:alpha(opacity=80); transition-duration: 2s;}

.info3 {
    height:37px;
    position: relative;
    overflow: hidden;
    margin-top: 6px !important;
    text-align: justify;
    color: #e6e6ea;
    font-family: tahoma;
    padding-right: 6px;
    font-size: 10px;
}

.content3 {
    position: absolute;
    top: 0;
    left: 0;
    right: -30px;
    padding-right: 25px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

/*профиль*/
.punbb .post .post-author {
    background: url() 0 0 repeat-y;
background-color: transparent;
    overflow: visible!important;
    margin: 0px 0px 0px 0px!important;
}

.punbb .post .post-author > ul {
    background: url() 0 top no-repeat, url() 0 bottom no-repeat;
    background-color: transparent;
    margin: -20px 0px 0px 0!important;
    padding: 9px 9px 0px 9px!important;
}

/*сообщения-репутация-деньги*/
.pa-posts, .pa-respect {
    padding: 7px 13px!important;
    display: inline-block!important;
    float: none!important;
    max-width: 62px!important;
    height: 31px!important;
    text-align: center;
    text-transform: uppercase;
    font-family: roboto;
    font-size: 8px !important;
    color: #1c1c1c;
    font-weight: 600;
    margin-top: 4px!important;
}

.pa-fld1 {height:auto;font-family: roboto;text-transform: uppercase;font-weight:600;font-size: 8px;color: #9db1ae;text-align: center;margin-top: -1px!important;padding-bottom: 8px;line-height: 14px;}

.pa-fld2 {font-family:roboto;text-transform:uppercase;font-weight:600;font-size: 11px;color:#000;text-align:center;padding: 5px;border-bottom: 1px solid #000;width: 172px;margin-left: 10px!important;margin-bottom: 7px!important;}

.pa-fld3 {font-family:arial;text-transform:lowercase;color: #1c1c1c;font-size: 10px;text-align:justify;width: 180px;margin-left: 10px!important;line-height: 10px;}

.pa-fld4 {font-family:roboto;text-transform:uppercase;font-weight:600;font-size: 10px;color:#000;text-align:center;margin-bottom: 13px!important;margin-top: -16px!important;}


/*категории*/
#pun-index div.category h2, #pun-index #pun-stats h2 {
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    border: none;
    margin-left: 50px;
    margin-top: 40px;
    width: 960px;
}

.subforlinks {
    text-align: center;
    margin-top: 3px !important;
}

.subforlink {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
}

.subforlink:hover {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
    background-color: #6e7291;
    color: #e2e3ea !important;
    transition-duration: 1s;
}

.infottt {
    color: #4b506e;
    font-size: 9px;
}

.infottt first {
    color: #474d78;
    letter-spacing: -1px;
}

.infottt secc {
    color: #474d78;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}

.pa-respect a {
    color: #312f2d !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;width: 150px;position: absolute;right: 6px;top: 43px;height: 128px;overflow-y: auto;background: #f9f9f9;border: 1px solid #c7c2bd6e;}

/* список тем */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* автор темы */
#pun-main .forum .tcl .byuser {
    display: block;
    font-size: 10px;
    font-family: arial;
    text-transform: lowercase;
}
#pun-main .forum .tcl .byuser:before {
    content: "x";
    font-size: 10px;
    font-family: arial;
font-weight:600;
}

/*подсказки */
#tooltip {
  position:absolute;
  background:#ffffff;
border-radius:8px;
  border: 1px solid #dcdcdc!important;
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 0.4em;
  font-size:10px;
font-family: roboto;
color: #040404;
font-weight:600;
text-transform:lowercase!important;
  display:none;
z-index:9999;
}

.punbb .modmenu .container span, .pl-reports, .pl-share {display:none!important;}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    background: white;
    max-height: 44em;
    margin: 12% auto 0;
    /* box-shadow: 0 0 14px #edf; */
    position: relative;
    z-index: 120000;
    overflow: hidden;
}