/* Books.css (cleaned & optimized for readability) */

/* Base */
body {
    font: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url(Photos/Starfield_Fade.jpg);
    font-size: 1rem;
}
h2 {
    font-size: 3vw;
}
#apDivFloatRight {
    position: absolute;
    z-index: auto;
    height: 200px;
}

/* Layout container */
.twoColHybRtHdr #container {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #000;
    text-align: left;
}

/* Header */
.twoColHybRtHdr #header {
    padding: 0 10px;
    border-bottom: medium groove #FFF;
}
.twoColHybRtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 3em;
    font-style: italic;
    font-weight: bolder;
    color: #FFF;
}

/* Sidebar */
.twoColHybRtHdr #sidebar1 {
    float: right;
    width: 12em;
    padding: 15px 0;
    background-image: url(Bkgnd/seamless-light-gray-material-background.jpg);
    border: medium ridge #CCC;
    border-radius: 20px;
}
.twoColHybRtHdr #sidebar1 h3 {
    margin: 0 0 0 10px;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
}
.twoColHybRtHdr #sidebar1 p {
    margin: 0 10px 0 10px;
    font-family: "Times New Roman", Times, serif;
    font-size: 1em;
}

/* Main content */
.mainContent h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3rem;
    font-weight: bold;
    color: #FFF;
}
.mainContent h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2rem;
    font-weight: bold;
    color: #FFF;
}
.mainContent p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    color: #FFF;
}
.twoColHybRtHdr #mainContent {
    border: thick ridge #CCC;
    border-radius: 10px;
    margin: 0 0 0 3px;
    padding: 0.5em;
    background-image: url(Bkgnd/seamless-light-gray-material-background.jpg);
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.0rem;
}

/* Article boxes */
.ArticleBox {
    border: thick ridge #CCC;
    border-radius: 10px;
    width: 92%;
    margin: 1em 1em 1em 0.5em; /* normalized margins */
    padding: 0.5em 20px 0 20px;
    background-color: #000;
    color: #FFF;
    clear: right;
    font-size: 14px;
}
.ArticleBox h2 {
    font-size: 1rem;
    font-weight: bold;
    color: aqua;
}   .ArticleBox a,
    .ArticleBox p a {
        color: red;
        font-weight: bold;
        margin-bottom: 3em;
    }
    .ArticleBox img {
        display: block;
        margin: 0 1em auto;
        border: 1px ridge aqua;
        border-inline-style: ridge;
    }

/* Small variant */
.ArticleBox1 {
    border: thick ridge #CCC;
    border-radius: 10px;
    width: 92%;
    margin: 1em 1em 1em 0.5em;
    padding: 0.5em 20px 0 20px;
    background-color: #998;
    color: inherit;
    clear: right;
}

/* Buttons / misc */
.DivButton {
    border: thick ridge #CCC;
    background-color: #CCC;
    color: #000;
    font-weight: 600;
    font-family: Tahoma, Geneva, sans-serif;
    border-bottom-color: #FFF;
}

/* Footer */
.twoColHybRtHdr #footer {
    padding: 0 10px;
    background: #DDDDDD;
}
.twoColHybRtHdr #footer p {
    margin: 0;
    padding: 10px 0;
}

/* Utility classes */
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0; }