/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
    background: url(https://i.imgur.com/3osds5p.png) top center no-repeat scroll, top center fixed #010718;
    transition: background .5s ease;
}

#pun {
    background: #e6e5e5;
    border: 1px solid #1e1d1d;
    box-shadow: 0 0 0 2px #e6e5e5, 0 0 0 3px #1e1d1d, 0 0 0 5px #e6e5e5;
}


/* 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-color: #e6e5e5;
    color: #120101;
}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: #e6e5e5;
    color: #a29ba3;
}

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

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    background-color: #e6e5e5;
    color: #13052d;
}

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background-color: #c9c8c8;
    color: #232222;
}

/* CS1.8 */
#pun-navlinks .container {
    background-color: #e6e5e5;
    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: #dedfdf
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
    border-color: #ccc #fff #fff #ccc;
}

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

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

.punbb .divider {
    border-color: #e6e5e5;
}

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

li.pa-online {
    border-left-color: #005EAB;
}


/* 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 {
    color: #13052d;
    transition: .5s;
    text-decoration: none;
}

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

/* 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: #B42000;
}

/* CS3.3 */
#pun-navlinks a {
    color: #240505;
    text-decoration: none;
    font-family: BaronNeue;
    text-transform: uppercase;
}

#pun-ulinks a {
    color: #3c3c3c;
    text-decoration: none;
}

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    background-color: #120101;
    color: #fff;
}

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

div.icon {
    background: url(https://i.imgur.com/CGM7hy5.jpg) top center no-repeat;
}

.category div.icon {
    background: url(https://i.imgur.com/53aUr1P.jpg) top center no-repeat;
}


.punbb div.inew, .punbb div.icon-new, .punbb .isticky div.icon-new {
    background: url(https://i.imgur.com/qE162i1.jpg) top center no-repeat;
}

.isticky div.icon {
    background: url(https://i.imgur.com/53aUr1P.jpg) top center no-repeat;
}

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

.punbb .forum-button-p {
    margin-top: 1em;
}

.punbb a.forum-button {
    background: #13052d;
    padding: 2px 5px;
    font-size: 10px;
    color: #cebfdc;
    font-weight: bold;
}

.punbb .user-avatar .avatar-image {
    border-radius: 0 !important;
    box-sizing: border-box;
    border: 1px solid black;
}

.punbb .user-avatar .isonline {
    width: 15px !important;
    height: 21px !important;
    background: url(https://i.imgur.com/bTd4Eu0.png) top center no-repeat transparent !important;
    top: -10px !important;
    right: -7px !important;
}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    background-color: #c9c8c8;
    color: #232222;
    border: 0;
    box-shadow: 0px 1px 6px 2px #7b7b7b;
    outline: none;
}

.punbb select, .punbb optgroup, .punbb input[type="radio"], .punbb input[type="checkbox"] {
    box-shadow: none;
}

/* Таблица в шапке */
.punbb .header-information {
    position: absolute;
    top: 3px;
    color: #e6e5e5;
    background: #13052d;
    width: 940px;
    text-align: center;
    font-family: Century Gothic;
    text-transform: uppercase;
    padding: 3px 1em;
    font-weight: bold;
    text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black;
    box-sizing: border-box;
}

.punbb .header-active-users {
    position: absolute;
    width: 120px;
    top: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.punbb .header-mini-image {
    height: 48px;
    width: 48px;
    background: #a8a3a3;
    border: 1px solid #010004;
    box-shadow: 0 0 0 2px #13052d;
    margin-right: 7px;
    margin-bottom: 7px;
}

.punbb .header-mini-image a, .punbb .header-month-episode a {
    display: block;
    width: 100%;
    height: 100%;
}

.punbb .header-in-search {
    position: absolute;
    width: 179px;
    top: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: 770px;
}

.punbb .header-administration {
    position: absolute;
    width: 290px;
    top: 250px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: 664px;
}

.punbb .header-active-users:before {
    content: 'Активные игроки';
    color: #e6e5e5;
    font-family: BaronNeueBold;
    text-transform: lowercase;
    font-size: 14px;
    position: absolute;
    transform: rotate(-90deg);
    width: 135px;
    margin-left: -142px;
    margin-top: -5px;
}

.punbb .header-administration:after {
    content: 'АМС';
    color: #e6e5e5;
    font-family: BaronNeueBold;
    text-transform: lowercase;
    font-size: 18px;
    position: absolute;
    transform: rotate(90deg);
    width: auto;
    margin-left: 298px;
    margin-top: -5px;
}

.punbb .header-in-search:after {
    content: 'Мы ищем';
    color: #e6e5e5;
    font-family: BaronNeueBold;
    text-transform: lowercase;
    font-size: 14px;
    position: absolute;
    margin-left: 0;
    margin-top: 56px;
    width: 100%;
    text-align: center;
}

.punbb .header-month-episode {
    width: 108px;
    height: 50px;
    background: #a8a3a3;
    position: absolute;
    top: 51px;
    margin-left: 136px;
    border: 1px solid #010004;
    box-shadow: 0 0 0 2px #13052d;
}

.punbb .header-month-episode:before {
    content: 'Эпизод месяца \2193';
    display: block;
    color: #e6e5e5;
    font-family: BaronNeueBold;
    text-transform: lowercase;
    font-size: 14px;
    position: absolute;
    margin-left: -12px;
    margin-top: -23px;
    width: 136px;
    text-align: center;
}

.punbb .header-quote {
    width: 275px;
    height: 75px;
    position: absolute;
    top: 150px;
    margin-left: 5px;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    color: #e6e5e5;
    font-size: 9px;
}

.punbb .header-news {
    width: 275px;
    height: 40px;
    position: absolute;
    top: 260px;
    margin-left: 5px;
    box-sizing: border-box;
    padding: 0 5px 0 0;
    color: #e6e5e5;
    font-size: 9px;
}

.header-container {
    overflow: auto;
    width: 100%;
    height: 100%;
}

.punbb .header-quote:before {
    content: 'Цитата \2193';
    display: block;
    color: #e6e5e5;
    font-family: BaronNeueBold;
    text-transform: lowercase;
    font-size: 16px;
    position: absolute;
    margin-left: 170px;
    margin-top: -24px;
    width: 100px;
    text-align: center;
}

.punbb .header-container a {
    color: #a78eec;
}

.punbb .header-style--icon {
    height: 19px;
    width: 19px;
    display: inline-block;
    cursor: pointer;
    margin-right: .5em;
}

.punbb .header-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 234px;
    margin-left: 5px;
}

.punbb .header-style {
    margin-left: 1em;
}

.punbb .header-top > * {
    margin-right: 2em;
}

.announce-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.punbb .announce-links a {
    background: #13052d;
    font-size: 12px;
    text-transform: lowercase;
    font-family: 'BaronNeueBold';
    color: white;
    padding: 1px 3em 3px;
    margin: 0 1em;
}

/* another */

.punbb input.button {
    background: #13052d;
    box-shadow: none;
    font-family: BaronNeueBold;
    color: #d9cde5;
    padding: 3px 5px 5px;
    font-size: 11px;
    cursor: pointer;
    text-transform: lowercase;
}

#form-buttons {
    margin-bottom: .7em;
}

#tags .container {
    border: 1px solid #c9c8c8;
}

::-webkit-scrollbar{
    width: 4px;
}

.header-container::-webkit-scrollbar{
    width: 1px;
}

::-webkit-scrollbar-thumb {
    background: #a0a9b4;
}

li.pa-gifts, li.pa-ua, li.pa-online {
    display: none;
}

.punbb .post .post-author ul li.pa-awards {
    background: transparent;
    font-size: 0;
    color: transparent;
    line-height: 0;
    border: 0;
    box-sizing: border-box;
    margin-top: 3px;
}

.punbb .mini_awards_label {
    background: url(https://i.imgur.com/MsCsXw8.png) top center no-repeat;
    height: 17px;
    display: block;
    cursor: pointer;
    width: 54px;
    margin: 0 auto;
    transition: .5s;
}

.punbb .mini_awards_label:hover {
    opacity: .7;
}

.punbb span.mini_awards {
    display: none;
    padding-top: 1em;
    min-height: 1px;
}

.go-arrows {
    position: fixed;
    margin-left: 980px !important;
    cursor: pointer;
}

.go-up {
    bottom: 50%;
}

.go-down {
    bottom: 40%;
}

.forum span.byuser:before {
    content: ' -';
}

/* дополнительные поля профиля */
.post-author ul li.pa-fld1 {
    background: url(https://i.imgur.com/vWhIuCf.jpg) top center no-repeat #b0afaf;
    width: 40px;
    height: 40px;
    color: #ecebee;
    font-size: 9px;
    font-weight: bold;
    padding: 0 3px;
}

.post-author ul li.pa-fld5 {
    background: url(https://i.imgur.com/zmJZNhw.jpg) top center no-repeat #b0afaf;
    width: 40px;
    height: 40px;
    color: #ecebee;
    font-size: 9px;
    font-weight: bold;
    padding: 0 3px;
}

.post-author ul li.pa-fld5 a {
    color: #ecebee;
}

.post-author ul li.pa-fld2 {
    background: url(https://i.imgur.com/GuvF5Tu.jpg) top center no-repeat #b0afaf;
    width: 40px;
    height: 40px;
    font-size: 0;
    color: transparent;
    padding: 0 3px;
}

.post-author ul li.pa-fld3 {
    display: none !important;
    font-size: 0;
    color: transparent;
}

.post-author ul li.pa-fld4 {
    background: url(https://i.imgur.com/YWBpLca.jpg) top center no-repeat #b0afaf;
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    color: transparent;
    padding: 0 3px;
}

.post-author ul li.pa-fld4 img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

li.pa-fld1 .fld-name,
li.pa-fld2 .fld-name,
li.pa-fld3 .fld-name,
li.pa-fld4 .fld-name,
li.pa-fld5 .fld-name {
    display: none;
}

li.pa-fld1,
li.pa-fld2,
li.pa-fld3,
li.pa-fld4,
li.pa-fld5 {
    display: none;
}

li.pa-fld2 a,
li.pa-fld4 a{
    display: block;
    width: 100%;
    height: 100%;
}

li.post-author--pa-fld-container {
    background: #b0afaf;
    box-sizing: border-box;
}

li.post-author--pa-fld-container ul {
    padding-bottom: 0 !important;
}

#smilies-block {
    overflow: auto;
    max-height: 230px;
    text-align: center;
}

.punbb .smile-pack-container {
    margin-top: 0.5em;
    margin-right: 1em;
}

.punbb .fs-box .smile-pack-container > p {
    padding: 2em 0;
}

.punbb .smile-pack-menu {
    display: flex;
    margin-top: 1em;
}

.punbb .smile-pack-menu > * {
    margin-right: 1em;
}

.punbb span.GamePst, .punbb strong.GamePst2 {
    padding: 0 !important;
}