@font-face {
    font-family: 'Ejchan';
    src: url('ejchan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ejchan';
    src: url('ejchan_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

html, body {
    background-color: rgb(58, 56, 82); /* Темный фон */
    color: rgb(213, 174, 150); /* Цвет для обычных ссылок */
 /* Белый цвет для обычного текста */
    font-family: 'Ejchan', 'Trebuchet MS', Trebuchet, serif; /* Используем шрифт Ejchan */
    box-sizing: border-box; /* Упрощение управления размерами элементов */
}

a {
    color: rgb(213, 174, 150); /* Цвет для обычных ссылок */
}

a:visited {
    color: rgb(213, 174, 150); /* Цвет для посещенных ссылок */
}

a:hover {
    color: rgb(197, 158, 133); /* Цвет для активных ссылок (на тон темнее) */
}

h1, h2, h3 {
    font-family: 'Ejchan'; /* Используем шрифт Ejchan для заголовков */
    font-weight: bold; /* Жирный шрифт для заголовков */
    margin-bottom: 0;
    border: 1px solid rgb(213, 174, 150); /* Граница для заголовков */
    border-radius: 5px; /* Закругления углов */
    padding-left: 5px; /* Отступ слева */
    font-size: 16px; /* Размер шрифта для заголовков */
    color: rgb(213, 174, 150); /* Цвет для обычных ссылок */
}

h2 {
    background: rgb(58, 56, 82); /* Фон для h2 */
    border-bottom: 1px solid #rgb(58, 56, 82); /* Граница снизу */
    font-size: 0.9em; /* Размер шрифта для h2 */
}

h3 {
    text-align: center; /* Выравнивание по центру */
    font-size: 1em; /* Размер шрифта для h3 */
}

.logo {
    clear: both;
    text-align: left;
    font-size: 2em;
    font-weight: bold;
    color: rgb(213, 174, 150); /* Цвет для логотипа */
}

.rules {
    font-size: 0.7em; /* Размер шрифта для правил */
}

.footer {
    text-align: center;
    font-size: 12px; /* Размер шрифта для подвала */
    font-family: serif; /* Шрифт для подвала */
    margin: 2em 0 0 0; /* Отступы для подвала */
}

.row1 {
    background: #DDDDDD; /* Фон для первой строки */
    color: #002244; /* Цвет текста для первой строки */
}

.row2 {
    background: #CCCCCC; /* Фон для второй строки */
    color: #002244; /* Цвет текста для второй строки */
}

.reflink {
    font-size: .8em; /* Размер шрифта для реферальных ссылок */
    font-weight: bold; /* Жирный шрифт для реферальных ссылок */
}

blockquote {
    margin: .5em .5em .5em 1em; /* Отступы для блока цитирования */
}

blockquote p {
    margin: 0; /* Убираем отступы для абзацев в блоке цитирования */
    padding: 0; /* Убираем отступы для абзацев в блоке цитирования */
}

hr {
    border-style: solid none none none; /* Стиль для горизонтальной линии */
    border-width: 1px; /* Ширина линии */
    border-color: rgb(213, 174, 150); /* Цвет линии */
}

table {
    border-style: none; /* Убираем границы таблицы */
}

table td {
    border-style: none; /* Убираем границы ячеек таблицы */
}

.category {
    margin-bottom: 9px; /* Отступ снизу для категории */
    border: 1px solid #CCCCCC; /* Граница для категории */
    border-radius: 5px; /* Закругления углов */
    font-size: .9em; /* Размер шрифта для категории */
}

.header {
    background: #DDDDDD; /* Фон для заголовка */
    padding: 0px 5px; /* Отступы для заголовка */
    border-bottom: 1px solid #CCCCCC; /* Граница снизу */
    font-size: 0.9em; /* Размер шрифта для заголовка */
}

.list {
    padding: 0px 5px 5px 5px; /* Отступы для списка */
}

.content {
    margin-bottom: 9px; /* Отступ снизу для контента */
    border: 1px solid #CCCCCC; /* Граница для контента */
    border-radius: 5px; /* Закругления углов */
    font-size: .9em; /* Размер шрифта для контента */
}

.newssub {
    background: #DDDDDD; /* Фон для новостной подсекции */
    padding: 0px 5px; /* Отступы для новостной подсекции */
    border-bottom: 1px solid #CCCCCC; /* Граница снизу */
    font-size: 14px; /* Размер шрифта для новостной подсекции */
}

.permalink {
    padding: 2px; /* Отступы для постоянной ссылки */
    text-align: right; /* Выравнивание по правому краю */
}

.permalink a {
    text-decoration: none; /* Убираем подчеркивание для постоянной ссылки */
    font-size: 14px; /* Размер шрифта для постоянной ссылки */
}

.sitelogo {
    background: url(/images/0chan-autumn.png); /* Фоновое изображение для логотипа сайта */
    width: 420px; /* Ширина логотипа */
    height: 150px; /* Высота логотипа */
    margin-top: 8px; /* Отступ сверху для логотипа */
}

ul {
    list-style: none; /* Убираем маркеры списка */
    padding-left: 3px; /* Отступ слева для списка */
    margin: 0px; /* Убираем отступы для списка */
    margin-left: 3px; /* Отступ слева для списка */
    border-left: solid 1px rgb(213, 174, 150); /* Граница слева для списка */
}

li {
    margin: 0px; /* Убираем отступы для элементов списка */
    background: rgb(58, 56, 82); /* Фон для элементов списка */
}

li:hover {
    background: #000000; /* Цвет фона при наведении на элемент списка */
}

.plus {
    float: right; /* Выравнивание по правому краю */
    font-size: 8px; /* Размер шрифта для кнопки плюс */
    font-weight: normal; /* Нормальный вес шрифта для кнопки плюс */
    padding: 1px 4px 2px 4px; /* Отступы для кнопки плюс */
    margin: 0px 0px; /* Отступы для кнопки плюс */
    background: rgb(213, 174, 150); /* Фон для кнопки плюс */
    background-repeat: repeat-x; /* Повтор фона по оси X */
    color: #000; /* Цвет текста для кнопки плюс */
    border: 1px solid rgb(213, 174, 150); /* Граница для кнопки плюс */
    border-radius: 5px;
    cursor: pointer; /* Указатель для курсора при наведении */
}

input, textarea, #dropZone, select {
    background-color: rgb(58, 56, 82); /* Фон для input, textarea, dropZone и select */
    color: #FFFFFF; /* Цвет текста белый */
    border: 1px solid rgb(213, 174, 150); /* Обводка для input и textarea */
    border-radius: 8px; /* Закругления как в .reply */
}