body {
font-size : 16px;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin : auto;
background-color : #f8f8f8;
color : #a0a0a0;
padding : 1px;
}
a:link, a:visited, a:active, a:hover {
color : #878787;
text-decoration : none;
}
a:hover {
color : #a0a0a0;
border-bottom : 1px dotted;
}
.hdrs {
background-image : url(go-wap/head.png);
color : #000000;
text-align : center;
font-weight : bold;
padding : 2px;
background-color : #e5e5e5;
padding : 3px;
border-top : 3px solid #adadad;
}
.gb {
background-color : #ffdabf;
padding : 1px;
border : 2px solid #ffa560;
background-repeat : repeat-x;
}
.gbinroom {
background-color : #c9f2ff;
padding : 1px;
border-top : 3px solid #42d2ff;
}
.menu {
background-color : #c9f2ff;
padding : 1px;
}
.links {
background-color : #c9f2ff;
padding : 1px;
}
.citata {
background-color : #ffdabf;
padding : 1px;
border-top : 3px solid #ffa560;
}
.foot {
background-image : url(go-wap/foot.png);
color : #a0a0a0;
padding : 2px;
background-color : #e5e5e5;
border-top : 3px solid #adadad;
}
.copy {
background-image : url(go-wap/foot.png);
color : #a0a0a0;
padding : 2px;
background-color : #e5e5e5;
border-bottom : 3px solid #adadad;
}
dl {
margin-top : 1ex;
margin-bottom : 0;
margin-left : 0;
}
dt {
border-bottom : 1px dotted #ffa560;
margin : 2px 1px 0 0;
padding : 2px;
}
input.ibutton {
background-color : #ffdabf;
color : #000000;
font-size : 12px;
padding : 3px;
font-family : tahoma, verdana, arial, sans-serif;
border : 3px;
border : 1px solid #ffa560;
background-repeat : repeat-x;
}
input.ibutton:hover {
background-color : #ffa560;
color : #0000FF;
font-size : 12px;
padding : 3px;
font-family : tahoma, verdana, arial, sans-serif;
border : 3px;
border : 1px solid #ffa561;
background-repeat : repeat-x;
}
/* VOBLJACHAT_WIDTH_1100 */
body {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

/* VOBLJACHAT_LAYOUT_FIX */
html {
    width: 100%;
}
body {
    width: 100% !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
body > table,
body > div {
    max-width: 1100px !important;
    box-sizing: border-box;
}

/* ОГРАНИЧЕНИЕ ШИРИНЫ КОНТЕНТА (go-wap) */
html, body {
    max-width: 1200px !important;
    width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #f4f4f4 !important;
}
body > div, body > table, .main, .hdrs {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ФИНАЛЬНОЕ ОГРАНИЧЕНИЕ ШИРИНЫ (v3) */
html, body {
    max-width: 1200px !important;
    width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #f4f4f4 !important;
    box-sizing: border-box !important;
}
.main, .hdrs, #main, .container, .wrapper, table {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ФИНАЛЬНОЕ ЦЕНТРИРОВАНИЕ (v4) */
html, body {
    max-width: 1000px !important;
    width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #f4f4f4 !important;
    box-sizing: border-box !important;
}
.main, .hdrs, #main, .container, .wrapper, table, div {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* ФИНАЛЬНОЕ ПРАВИЛО (v5) */
html, body {
    max-width: 1000px !important;
    width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #f4f4f4 !important;
    box-sizing: border-box !important;
}
body > div, body > table, .main, .hdrs, .gb, .copy {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* ЖЕСТКОЕ ЦЕНТРИРОВАНИЕ (v6) */
html {
    width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
body {
    width: 1000px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #f4f4f4 !important;
    box-sizing: border-box !important;
}
body > div, body > table, body > center {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* ЯДЕРНОЕ ОГРАНИЧЕНИЕ ШИРИНЫ (v7) */
html, body {
    width: 1000px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #f4f4f4 !important;
    box-sizing: border-box !important;
}
body > div, body > center, body > table,
.main, .hdrs, .gb, .copy, #main, .wrapper,
table, div, center {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* УВЕЛИЧЕНИЕ ШРИФТА (v1) */
body, .main, .hdrs, .gb, .copy, table, div, p, a, input, textarea, select {
    font-size: 16px !important;
}

/* ЯРКАЯ ЦВЕТОВАЯ СХЕМА (v1) */
body {
    background-color: #e0f2f1 !important; /* Светло-бирюзовый фон */
    color: #212121 !important; /* Темно-серый текст */
}
.hdrs {
    background: linear-gradient(to bottom, #26a69a, #00897b) !important; /* Градиент бирюзовый */
    color: #ffffff !important; /* Белый текст в шапке */
    border-top: 3px solid #004d40 !important; /* Темная полоса сверху */
}
a:link, a:visited, a:active {
    color: #1565c0 !important; /* Ярко-синий для ссылок */
    font-weight: bold;
}
a:hover {
    color: #0d47a1 !important; /* Темно-синий при наведении */
}
.gb {
    background-color: #fff9c4 !important; /* Светло-желтый фон для кнопок */
    border: 2px solid #fbc02d !important; /* Желтая рамка */
    border-radius: 4px !important;
    margin: 2px 0 !important;
}
.gb a {
    color: #e65100 !important; /* Оранжевый текст на желтых кнопках */
}
.copy {
    color: #757575 !important; /* Серый для копирайта */
    font-size: 12px !important;
}
/* Выделяем админку и важные ссылки */
a[href*="admin"] {
    color: #d32f2f !important; /* Красный для админки */
}

/* ЧЕРНЫЙ ПОДВАЛ С ЖЕЛТЫМ ТЕКСТОМ (v1) */
.copy {
    background-color: #000000 !important; /* Черный фон */
    color: #ffeb3b !important;            /* Ярко-желтый текст */
    padding: 5px 10px !important;         /* Отступы внутри */
    border-top: 2px solid #ffeb3b !important; /* Желтая полоса сверху (опционально) */
    font-weight: bold !important;
    text-align: center !important;
    margin-top: 10px !important;
}

/* СКРЫТИЕ БАННЕРОВ (v1) */
img[src*="validator.w3.org"],
img[src*="jigsaw.w3.org"],
a[href*="validator.w3.org"],
a[href*="jigsaw.w3.org"],
a[href*="161r.ru"],
img[src*="161r.ru"] {
    display: none !important;
}

/* Убираем серый фон у логотипа */
table { background-color: transparent !important; }


/* ПЕРЕНОСИМ ФОРМУ ВВОДА НАВЕРХ (v1) */
/* Находим блок с формой (gbinroom) и делаем его фиксированным вверху */
.gbinroom {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border-bottom: 2px solid #00897b !important;
    padding: 5px !important;
    margin: 0 !important;
}

/* Поле ввода (textarea) делаем широким и многострочным */
.gbinroom textarea {
    width: 100% !important;
    min-height: 60px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

/* Кнопку "Сказать" делаем крупной */
.gbinroom input[type="submit"] {
    padding: 5px 15px !important;
    font-size: 16px !important;
    margin-top: 5px !important;
}

/* ПЕРЕНОСИМ ФОРМУ ВВОДА НАВЕРХ (v2 - fixed) */
/* Находим блок с формой и фиксируем его вверху */
.gbinroom {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border-bottom: 2px solid #00897b !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* Сдвигаем всё содержимое вниз, чтобы форма не перекрывала сообщения */
body {
    padding-top: 150px !important;
}

/* Поле ввода делаем широким */
.gbinroom textarea {
    width: 100% !important;
    min-height: 60px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

/* Кнопку "Сказать" делаем крупной */
.gbinroom input[type="submit"] {
    padding: 5px 15px !important;
    font-size: 16px !important;
    margin-top: 5px !important;
}

/* ШИРОКАЯ ФОРМА ВВОДА (v3) */
/* Растягиваем textarea на всю ширину */
textarea[name="msg"] {
    width: 100% !important;
    min-height: 80px !important;
    font-size: 16px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    resize: vertical !important;
}

/* Делаем селекты и кнопку аккуратными */
select, input[type="submit"] {
    font-size: 14px !important;
    padding: 4px 8px !important;
    margin-top: 4px !important;
}

/* Кнопку "Сказать" делаем заметной */
input[type="submit"] {
    background-color: #f0f0f0 !important;
    border: 1px solid #999 !important;
    cursor: pointer !important;
}
input[type="submit"]:hover {
    background-color: #e0e0e0 !important;
}

/* СУЖАЕМ И УВЕЛИЧИВАЕМ ВЫСОТУ TEXTAREA (v4) */
textarea[name="msg"] {
    width: 80% !important;       /* Ширина 80% (можно 60% или 70%) */
    min-height: 200px !important; /* Высота 200px (больше строк) */
    font-size: 16px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    resize: vertical !important;  /* Можно менять высоту мышкой */
    display: block !important;
    margin: 0 auto !important;    /* Центрируем по горизонтали */
}

/* ОТСТУП СВЕРХУ ДЛЯ TEXTAREA (v5) */
textarea[name="msg"] {
    margin-top: 30px !important; /* Отступ сверху 30px (примерно 1 см) */
}

/* ВЫРАВНИВАЕМ TEXTAREA ПО ЛЕВОМУ КРАЮ (v6) */
textarea[name="msg"] {
    margin-left: 0 !important;   /* Убираем центрирование */
    margin-right: auto !important; /* Прижимаем влево */
    display: block !important;
}

/* FIX: нижние ссылки комнаты не должны перемещаться наверх */
.gbinroom {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
}

/* Возвращаем жёлто-персиковое оформление блоков ссылок комнаты */
.gbinroom {
    background-color: #ffdabf !important;
    border-top: 3px solid #ffa560 !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 1px !important;
    margin: 0 !important;
}

/* Оформление ссылок комнаты как стандартных блоков сайта */
.gbinroom {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    background-color: #ffdabf !important;
    border: 2px solid #ffa560 !important;
    border-top: 2px solid #ffa560 !important;
    border-bottom: 2px solid #ffa560 !important;
    padding: 1px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Комнатные ссылки оформляются как стандартные блоки сайта */
.gbinroom {
    background-color: #ffdabf !important;
    border: 2px solid #ffa560 !important;
    background-repeat: repeat-x !important;
}

.gbinroom a {
    color: #0000ee !important;
}

/* Цвета комнатных ссылок — как у стандартных блоков .gb */
.gbinroom {
    background-color: #fff9c4 !important;
    border-color: #fbc02d !important;
}

.gbinroom a,
.gbinroom a:link,
.gbinroom a:visited,
.gbinroom a:active {
    color: #e65100 !important;
}

/* ==================================================
   ОБЩАЯ ШИРИНА САЙТА ПОД ШАПКУ 750 PX
   Только тема go-wap
   ================================================== */

html {
    width: 100% !important;
    min-width: 0 !important;
}

body {
    width: 100% !important;
    max-width: 750px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

body > div,
body > table,
body > center,
.main,
.hdrs,
.gb,
.copy {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Убираем пустое место над шапкой */
html {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    margin: 0 auto !important;
    padding: 0 !important;
}


/* Финальное центрирование сайта и шапки */
html {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    display: block !important;
    width: 100% !important;
    max-width: 750px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body > div:first-child {
    width: 100% !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Исправление центрирования страницы */
html {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    display: block !important;
    width: 100% !important;
    max-width: 750px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Многострочное поле ввода сообщений в комнатах */
textarea[name="msg"] {
    width: 67% !important;
    max-width: 67% !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    resize: vertical;
}

/* Убираем лишний отступ между окном сообщения и настройками */
textarea[name="msg"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Компактные BBCode-кнопки в комнатах */
.room-bb-toolbar {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 2px 0 5px;
}

.room-bb-btn {
    min-width: 34px;
    padding: 4px 9px;
    background: #ffdabf;
    border: 1px solid #ffa560;
    border-radius: 4px;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}

/* Убираем отступы вокруг поля сообщения */
textarea[name="msg"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* FIX: разрешаем менять размер поля сообщения по ширине и высоте */
textarea[name="msg"] {
    resize: both !important;
    max-width: none !important;
}