/*************************************************************
A - SETUP
**************************************************************/

/* Основные настройки */
html, body {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
}

#pun-wrap {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.punbb {
    width: 1020px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    font: normal 68.75% verdana, arial, helvetica, sans-serif;
}

/* A1 Import the colour scheme */
@import url(style_cs.1755433346.css);

/* A2 Deal with browser defaults */
.punbb * {
    margin: 0;
    box-sizing: border-box;
}

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

.punbb img {
    border: none;
}

/* Центрирование основных элементов */
#pun-title, #pun-navlinks, #pun-main, #pun-stats, #pun-about {
    text-align: center;
    margin: 0 auto;
}

/*************************************************************
Основные цвета (мокрый асфальт)
**************************************************************/

/* Основной цвет */
#pun-title, #pun-title .container, 
.punbb .modmenu .container,
#pun-stats h2, .punbb .main h1, 
.punbb .main h2, #pun-debug h2, 
.punbb-admin #pun-admain h2 {
    background-color: #b7b9bf;
    color: #fff;
}

/* Темный акцент */
#pun-navlinks .container {
    background-color: #2C3A46;
    color: #f1f1f1;
}

/* Светлые элементы */
.punbb .section .container, .punbb .post-body, 
.punbb .post-links, .punbb td.tc2, 
.punbb td.tc3, .punbb .formal fieldset .post-box {
    background-color: #f1f1f1;
    color: #333;
}

/* Ссылки */
.punbb a, .punbb a:link, .punbb a:visited {
    color: #3D4F5D;
}

.punbb a:hover, .punbb a:focus, .punbb a:active {
    color: #B42000;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* Центрирование таблиц */
.punbb .main table {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
}

/* Центрирование форм */
.punbb form {
    text-align: center;
    margin: 0 auto;
    max-width: 980px;
}

/* Посты и сообщения */
.punbb .post {
    margin: 10px auto;
    max-width: 980px;
}

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* Логотип и заголовок */
#pun-title {
    padding: 15px 0;
    margin-bottom: 10px;
}

#pun-title h1 {
    font-size: 1.5em;
    margin: 0;
}

/* Навигация */
#pun-navlinks .container {
    padding: 10px 0;
}

#pun-navlinks li {
    display: inline-block;
    margin: 0 10px;
}

/* Статистика и информация */
#pun-stats .container, 
#pun-about .container {
    padding: 15px 0;
    text-align: center;
}

/*************************************************************
Адаптивность
**************************************************************/

@media (max-width: 1040px) {
    .punbb {
        width: 95%;
    }
    
    #pun-wrap {
        padding: 10px 0;
    }
}

/* Дополнительные стили для центрирования */
.punbb .container {
    margin: 0 auto;
}

.punbb .main .container {
    padding: 15px;
    text-align: center;
}

.punbb input[type="submit"], 
.punbb button {
    display: block;
    margin: 10px auto;
}

/* Центрирование заголовков */
.punbb h1, .punbb h2, .punbb h3 {
    text-align: center;
    margin: 10px 0;
}