/* Pioneers of South Georgia - styles.css */
/* Navy #1a2b4a | Gold #b89968 | Cream #f5ecd7 | Text #222 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background: #2a2a2a;
    font-family: Georgia, 'Times New Roman', serif;
    color: #222;
    font-size: 15px;
    line-height: 1.6;
}

/* ── Outer wrapper ── */
#wrapper {
    max-width: 860px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

/* ── Logo banner ── */
#logo-banner {
    width: 100%;
    display: block;
    border-bottom: 4px solid #b89968;
}
#logo-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* ── Layout: sidebar + content ── */
#layout {
    display: flex;
    align-items: flex-start;
}

/* ── Left sidebar ── */
#sidebar {
    width: 155px;
    flex-shrink: 0;
    background: #eaeaea;
    border-right: 2px solid #b89968;
    padding: 10px 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#sidebar hr {
    border: none;
    border-top: 1px solid #b89968;
    margin: 6px 0;
}
#sidebar .sidebar-head {
    font-weight: bold;
    font-size: 12px;
    color: #1a2b4a;
    margin: 4px 0 2px;
}
#sidebar a {
    color: #1a2b4a;
    text-decoration: none;
    display: block;
    padding: 2px 0;
}
#sidebar a:hover { color: #940F04; font-weight: bold; }
#sidebar .home-link { text-align: center; font-weight: bold; }

/* ── Main content ── */
#content {
    flex: 1;
    padding: 18px 20px 24px;
    min-width: 0;
}
#content h1, #content h2, #content h3 {
    color: #1a2b4a;
    font-family: Georgia, serif;
    margin-top: 14px;
    margin-bottom: 8px;
}
#content h1 { font-size: 1.5em; }
#content h2 { font-size: 1.25em; }
#content h3 { font-size: 1.1em; }
#content hr { border: none; border-top: 1px solid #b89968; margin: 14px 0; }
#content a { color: #1a2b4a; }
#content a:hover { color: #940F04; }
#content blockquote { margin-left: 20px; }
#content table { border-collapse: collapse; }
#content td { vertical-align: top; padding: 2px 5px; }

/* nav arrow images */
#content img[alt="Home"],
#content img[alt="Next"],
#content img[alt="Prev"],
#content img[alt="Last"],
#content img[alt="First"] {
    vertical-align: middle;
    margin: 0 3px;
}

/* ── Footer ── */
#site-footer {
    background: #1a2b4a;
    color: #f5ecd7;
    text-align: center;
    padding: 12px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-top: 4px solid #b89968;
}
#site-footer a { color: #f5d77a; text-decoration: none; }
#site-footer a:hover { text-decoration: underline; }
#site-footer .footer-links { margin-bottom: 6px; }
#site-footer .footer-links a { margin: 0 8px; }

@media (max-width: 640px) {
    #layout { flex-direction: column; }
    #sidebar { width: 100%; border-right: none; border-bottom: 2px solid #b89968; }
}