/*
Theme Name: Gentleman Ledger Theme
Theme URI: https://example.com/gentleman-ledger
Author: ChatGPT
Author URI: https://openai.com/
Description: A custom WordPress theme inspired by vintage newspapers and the traditional look of classic journals such as The Imaginative Conservative.  This theme features a warm paper‑like background, elegant serif typography, subtle rules (lines) between sections, generous margins, and drop caps on the first paragraphs of posts.  It is lightweight and responsive, making it suitable for blogs, magazines and editorial websites hosted on WordPress via Bluehost or any other host.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gentleman-ledger-theme
Tags: blog, news, magazine, vintage, retro, classic, two-columns, responsive
*/

/* Base layout and typography */
body {
    background: #f5f0e8;
    color: #2f2f2f;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Container wraps the page content */
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header styles */
header.site-header {
    border-bottom: 3px double #8b572a;
    padding: 20px 0;
    text-align: center;
}

header.site-header h1.site-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 40px;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

nav.primary-navigation {
    margin-top: 10px;
}

nav.primary-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

nav.primary-navigation a {
    text-decoration: none;
    color: #8b572a;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

nav.primary-navigation a:hover,
nav.primary-navigation a:focus {
    text-decoration: underline;
}

/* Main content area */
main.site-main {
    padding: 40px 0;
}

.entry {
    margin-bottom: 60px;
    border-bottom: 1px solid #d1c8b6;
    padding-bottom: 40px;
}

.entry:last-of-type {
    border-bottom: none;
}

.entry-title {
    font-size: 30px;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    color: #2f2f2f;
    margin: 0 0 10px 0;
}

.entry-meta {
    font-size: 12px;
    color: #8b572a;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.entry-content p {
    margin: 0 0 15px 0;
}

/* Drop cap for first paragraph */
.entry-content p:first-of-type:first-letter {
    float: left;
    font-size: 60px;
    line-height: 0.8;
    padding-right: 8px;
    padding-left: 2px;
    color: #8b572a;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
}

/* Sidebar styles */
aside.sidebar {
    margin-top: 40px;
    padding: 20px;
    background: #f9f6f0;
    border: 1px solid #d1c8b6;
}

aside.sidebar h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    margin-top: 0;
    color: #8b572a;
    border-bottom: 2px solid #8b572a;
    padding-bottom: 5px;
}

aside.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

aside.sidebar li {
    margin-bottom: 10px;
}

aside.sidebar a {
    color: #2f2f2f;
    text-decoration: none;
    font-size: 14px;
}

aside.sidebar a:hover {
    text-decoration: underline;
}

/* Footer styles */
footer.site-footer {
    background: #eee7d8;
    border-top: 3px double #8b572a;
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    color: #8b572a;
}

/* Responsive design */
@media (min-width: 768px) {
    .content-wrapper {
        display: flex;
        gap: 40px;
    }
    .main-area {
        flex: 3;
    }
    .sidebar-area {
        flex: 1;
    }
}