/* style.css - Дизайн 2003 года */
body {
    background-color: #ffffff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #000000;
}

a { color: #003399; text-decoration: underline; }
a:hover { color: #cc0000; }

.container {
    width: 980px;
    margin: 0 auto;
    background-color: #fff;
}

/* Шапка TAT.BY */
.header {
    padding: 10px;
    border-bottom: 2px solid #cc0000;
}

.logo {
    font-size: 36px;
    font-weight: bold;
    color: #cc0000; /* Красный как у TUT.BY */
    font-family: "Arial Black", sans-serif;
    text-decoration: none;
}
.logo span { color: #003366; } /* Синий для .BY */

.slogan { font-size: 12px; color: #666; font-weight: normal; margin-left: 10px;}

/* Меню навигации (Красная полоса) */
.nav-bar {
    background-color: #cc0000;
    color: white;
    padding: 5px;
    font-weight: bold;
}
.nav-bar a { color: #fff; text-decoration: none; margin-right: 15px; }
.nav-bar a:hover { text-decoration: underline; }

/* Сетка сайта (имитация таблиц) */
.main-grid {
    display: flex;
    margin-top: 10px;
}

.sidebar-left, .sidebar-right { width: 200px; padding: 5px; background-color: #f0f0f0; border-right: 1px solid #ccc; }
.content-center { flex-grow: 1; padding: 10px; }

/* Блоки меню */
.menu-block { margin-bottom: 15px; border: 1px solid #999; background: white;}
.menu-title {
    background: linear-gradient(to bottom, #cc0000, #990000); /* Эффект "стекла" */
    color: white;
    padding: 3px;
    font-weight: bold;
    font-size: 11px;
}
.menu-items { padding: 5px; }
.menu-items ul { list-style: none; padding: 0; margin: 0; }
.menu-items li { margin-bottom: 4px; }

/* Новости */
.news-item { margin-bottom: 15px; }
.news-date { color: #cc0000; font-weight: bold; }
.news-title { font-weight: bold; font-size: 13px; display: block; margin-bottom: 3px;}

/* ВКонтакте Виджет (фейковый стиль) */
.vk-widget {
    border: 1px solid #4a76a8;
    background: #fff;
    margin-top: 20px;
}
.vk-header { background: #4a76a8; color: white; padding: 5px; font-weight: bold; }
.vk-chat-area { height: 150px; overflow-y: scroll; padding: 5px; background: #f5f5f5; border-bottom: 1px solid #ccc; }
.vk-input { width: 100%; box-sizing: border-box; }

/* Кнопки */
button {
    background: #e0e0e0;
    border: 1px solid #666;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    cursor: pointer;
    font-size: 11px;
}
button:active { border: 1px solid #666; }