/*
Theme Name: Web Museum Retro
Theme URI: https://example.com
Author: Irina
Description: Retro Web & SEO museum theme (oldschool web 2005 style)
Version: 1.0
Text Domain: web-museum-retro
*/

/* ======= GLOBAL ======= */
body {
    margin: 0;
    padding: 0;
    background: #003366;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
}
a { color: #003399; text-decoration: underline; }
a:hover { color: #ffffff; background: #003399; }

/* ======= WRAPPER ======= */
#wrapper {
    width: 960px;
    margin: 0 auto;
    background: #ffffff;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

/* ====== HEADER ====== */
#header {
    height: 120px;
    background: linear-gradient(to bottom, #0066cc, #003366);
    color: #ffffff;
}
#header h1 {
    margin: 0;
    padding: 20px 20px 0 20px;
    font-size: 26px;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px #000;
}
#header p {
    margin: 0;
    padding: 5px 20px 0 20px;
    font-size: 11px;
}

/* TOP BAR */
#top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 0 20px;
    font-size: 11px;
}
#top-menu a {
    color: #cce6ff;
    text-decoration: none;
    margin-left: 10px;
}
#top-menu a:hover {
    text-decoration: underline;
    color: #ffffff;
}

/* ====== TABLE LAYOUT ====== */
#layout-table { width:100%; border-collapse:collapse; }
#left-col {
    width: 210px;
    background:#e5edf7 url("data:image/gif;base64,R0lGODlhBAAEAIABAP///wAAACH5BAEAAAEALAAAAAAEAAQAAAIEjI+py+0Po5yUFQA7") repeat;
    vertical-align: top;
    border-right:1px solid #ccc;
}
#content-col { vertical-align:top; padding:10px; }

/* ===== SIDE MENU ===== */
.left-box-title {
    background:#003399; color:#fff; font-weight:bold;
    padding:5px; font-size:11px;
}
.left-menu { padding:5px; }
.left-menu a { display:block; padding:2px 3px; }
.left-menu a:hover { background:#003399;color:#fff; }

/* ===== CONTENT BLOCKS ===== */
.box { border:1px solid #ccc; margin-bottom:10px; }
.box-header {
    background:#f0f0f0;
    padding:5px; font-weight:bold; font-size:11px;
}
.box-body { padding:8px; font-size:11px; line-height:1.4; }

.mini-table{width:100%;border-collapse:collapse;font-size:11px}
.mini-table th,.mini-table td{border:1px solid #ccc;padding:4px}
.mini-table th{background:#eaeaea}

/* ===== FOOTER ===== */
#footer {
    text-align:center;
    padding:10px 0 20px 0;
    font-size:10px;
    color:#ccc;
    background:#003366;
}
#footer a { color:#cce6ff; }