/* Universal Reset */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Body Styling */
body, td, th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

body {
    margin-top: 0px;
    background-color: #474848;
    background-image: url("https://www.smashsomestuff.com/img/bg2.gif");
    background-repeat: repeat;
}

/* Links */
a {
    text-decoration: none;
    color: #003366;
}
a:visited {
    color: #003366;
}
a:hover {
    color: #FF9933;
}
a:active {
    color: #006699;
}

/* Header and Footer Nav Background */
.nav-footer-bg {
    background-color: #474848;
    padding: 4px 0;
    color: #ffffff;
    text-align: center;
    max-width: 790px;
    margin: 2px auto;
    border-radius: 8px;
}

/* Content Box Styling */
.content-box {
    max-width: 790px !important; /* Standardized to match header and footer */
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: 2px solid #474848;
}

/* Header Navigation */
.nav-footer-bg nav a {
    font-weight: normal;
    color: #ffffff;
    padding: 0 10px;
}

.nav-footer-bg nav a[href="./videos.php"] {
    font-weight: bold;
}

/* Footer Bar */
.footerbar {
    background-color: #474848;
    color: #ffffff;
    max-width: 790px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
}

/* News Section Styling */
div.post h2, div.archive_post h2 {
    padding: 10px 0 2px 0;
}

h2.newsTitle {
    border: 0;
    margin: 0;
    padding: 0;
}

.postinfo {
    color: #4D5D80;
}

div.entry {
    clear: left;
    padding: 0px 10px 2em 25px;
    line-height: 1.3;
}

/* Avatar Styling */
img.avatar {
    display: inline;
    float: left;
    vertical-align: top;
    margin: 0 0 6px 24px;
    background-color: white;
    padding: 2px;
    border: 1px solid #000000;
}

/* Footer Images */
.footer-images {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-top: 10px;
}

/* Specific Styling for Header and Footer Link Bars */
.footerbar nav, .nav-footer-bg nav {
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
    padding: 4px;
    box-sizing: border-box;
}

/* Index Page Spacing for News Sections */
.news-spacing {
    height: 20px;
    background-color: #ffffff;
    border: none;
}

/* Mobile Adjustments */
@media only screen and (max-width: 600px) {
    .footerbar, .nav-footer-bg {
        width: 95%; /* Ensure alignment on smaller screens */
    }
    h2.newsTitle, .postinfo {
        font-size: larger;
    }
}