/* SEOHuddle - TF_Ideal vBulletin 4 Theme (index.html)
   Reconstructed CSS for Wayback Machine archive */

/* === RESET & BASE === */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333333;
    background: #404040;
    line-height: 1.4;
}
a { color: #2060a0; text-decoration: none; }
a:hover { color: #d05000; text-decoration: underline; }
img { border: 0; }
ul { list-style: none; }

/* === MAIN WRAP === */
.main_wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}

/* === NAVBAR CONTAINER === */
#navbar_container {
    background: #222222;
    border-bottom: 2px solid #0066cc;
}
#navbar.navbar { }
ul#navtabs.navtabs {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    list-style: none;
}
ul#navtabs li { position: relative; }
ul#navtabs li a.navtab {
    display: block;
    padding: 10px 16px;
    color: #ccddee;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
ul#navtabs li a.navtab:hover,
ul#navtabs li.selected a.navtab {
    color: #ffffff;
    background: #0055bb;
    text-decoration: none;
}

/* Popup menus */
.popupmenu { position: relative; }
.popupbody {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #333333;
    border: 1px solid #0066cc;
    min-width: 160px;
    z-index: 1000;
    padding: 4px 0;
}
.popupmenu:hover .popupbody { display: block; }
.popupbody li a {
    display: block;
    padding: 6px 14px;
    color: #aaccee;
    white-space: nowrap;
    font-size: 11px;
}
.popupbody li a:hover { background: #0055bb; color: #ffffff; text-decoration: none; }

/* Login popup */
#popup_login { left: auto; right: 0; width: 280px; padding: 10px; }
#popup_login .logindetails div { margin-bottom: 8px; }
#popup_login .textbox {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid #555;
    background: #fff;
    font-size: 11px;
    margin-bottom: 4px;
}
.navbar_hr { border-top: 1px solid #555; margin: 8px 0; }

/* === HEADER === */
#header.doc_header {
    background: #1a1a1a;
    padding: 10px 0;
}
#header .logo-image img { max-height: 80px; display: block; }
.ad_global_header { text-align: right; }

/* === BREADCRUMB === */
#breadcrumb.breadcrumb {
    background: #303030;
    border-bottom: 1px solid #444;
    padding: 5px 0;
}
#breadcrumb ul.floatcontainer { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; list-style: none; }
.navbithome img { width: 16px; height: 16px; vertical-align: middle; }
.navbit { font-size: 11px; color: #aaa; }
.navbit:before { content: " \00BB "; color: #666; }
.navbit a { color: #88aacc; }
.lastnavbit { font-size: 11px; color: #ccc; font-weight: bold; }

/* === BODY === */
#body_bg { background: #f0f0f0; }
#page_title_container {
    background: #1a3a6a;
    padding: 0;
}
#page_title_container_inner { padding: 0 10px; }
#page_title_container h1 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
#page_title_container h1 li { list-style: none; }

/* === BODY WRAPPER (main content + sidebars) === */
.body_wrapper {
    background: #f5f5f5;
    padding: 10px 0;
}
.body_wrapper > .main_wrap > table { width: 100%; }

/* === SIDEBAR BLOCKS === */
.collapse {
    background: #ffffff;
    border: 1px solid #c8d8e8;
    border-radius: 2px;
    overflow: hidden;
}
.blockhead {
    background: #1a4a80;
    color: #ffffff;
    padding: 6px 10px;
    font-size: 12px;
    position: relative;
}
.blockhead a { color: #aaccff; }
.blockhead a.collapse { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
.blockbody, .vba_module.blockbody { background: #ffffff; }
.blocksubhead {
    background: #dde8f4;
    padding: 4px 8px;
    font-size: 11px;
    color: #444;
    font-weight: bold;
}
.blockrow {
    padding: 5px 8px;
    border-bottom: 1px solid #eee;
    font-size: 11px;
}
.blockrow:last-child { border-bottom: none; }
.blockrow a { color: #2060a0; }
.blockrow .textbox { width: 100%; padding: 3px 5px; border: 1px solid #aac0d8; font-size: 11px; }
.blockrow .button { padding: 3px 8px; background: #1a4a80; color: #fff; border: none; cursor: pointer; font-size: 11px; border-radius: 2px; }
.blockrow .button:hover { background: #2060a0; }

/* === LOGIN MODULE === */
.logindetails table { width: 100%; font-size: 11px; }
.logindetails td { padding: 3px 5px; }
.logindetails .textbox { width: 100%; padding: 3px 5px; border: 1px solid #aac0d8; }
.logindetails .button { padding: 3px 8px; background: #1a4a80; color: #fff; border: none; cursor: pointer; }

/* === RECENT THREADS TABLE === */
table.blockbody { width: 100%; border-collapse: collapse; }
.vba_module td, .vba_module th { font-size: 11px; }
td.blockrow { vertical-align: top; padding: 6px 8px; border-bottom: 1px solid #eee; }
td.blocksubhead { background: #dde8f4; padding: 5px 8px; font-weight: bold; font-size: 11px; color: #1a4a80; }

/* === MAIN FORUM AREA === */
#above_threadlist_controls { margin: 8px 0 4px 0; }
.foruminfo { }
.collapse_tcat img { width: 12px; height: 12px; }

/* Thread bits */
li.threadbit, tr.vba_module {
    border-bottom: 1px solid #e0e8f0;
}
li.threadbit { padding: 7px 8px; background: #fff; }
li.threadbit:hover { background: #f5f9ff; }
.threadtitle a.title { color: #1a4a80; font-weight: bold; font-size: 12px; }
.threadtitle a.title:hover { color: #d05000; }
.threadmeta { font-size: 11px; color: #666; margin-top: 2px; }
.threadstats li { font-size: 11px; color: #666; }

/* === NOTICES === */
#notices { margin-bottom: 10px; }
.restore {
    background: #fffbcc;
    border: 1px solid #ddc020;
    padding: 8px 12px;
    font-size: 11px;
    color: #333;
    border-radius: 2px;
}

/* === CALENDAR === */
table.calendar.mini { border-collapse: collapse; font-size: 11px; }
table.calendar.mini th.blocksubhead { background: #1a4a80; color: #fff; padding: 3px; text-align: center; }
table.calendar.mini td { padding: 3px 5px; text-align: center; border: 1px solid #e0e8f0; }
table.calendar.mini td.othermonth { color: #bbb; }
.simpleday { }

/* === FOOTER === */
#body_footer {
    background: #222;
    padding: 8px 0;
    border-top: 2px solid #0066cc;
}
#body_footer .footer_select select { background: #333; color: #aaa; border: 1px solid #555; padding: 2px 5px; font-size: 11px; }
.footer_copyright { color: #888; font-size: 10px; text-align: center; padding: 4px 0; }
.footer_copyright a { color: #888; }

/* === FOOT (lower footer section) === */
#foot { background: #1a1a1a; }
#foot_top { background: #222; padding: 15px 0; border-top: 1px solid #333; }
.below_body { overflow: hidden; }
.footer_column_header {
    color: #ddeeff;
    font-size: 12px;
    margin-bottom: 8px;
    border-bottom: 1px solid #333;
    padding-bottom: 4px;
}
#footer_column_1, #footer_column_2, #footer_column_3, #footer_column_4 {
    float: left;
    width: 23%;
    margin-right: 2%;
}
.footer_column_inner ul li a { color: #6688aa; font-size: 11px; display: block; padding: 2px 0; }
.footer_column_inner ul li a:hover { color: #aaccff; text-decoration: none; }
.footer_column_inner div { color: #666; font-size: 11px; line-height: 1.5; }

#foot_bottom { background: #111; padding: 8px 0; }
#footer.footer { overflow: hidden; }
ul#footer_links.footer_links { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
ul#footer_links.footer_links a { color: #555; font-size: 11px; }
ul#footer_links.footer_links a:hover { color: #aaccff; }

/* Social icons */
#social_icons_footer img { width: 24px; height: 24px; margin-right: 4px; opacity: 0.7; }
#social_icons_footer img:hover { opacity: 1; }

/* Footer search */
.footer_search .textbox { padding: 3px 6px; border: 1px solid #444; background: #333; color: #ccc; font-size: 11px; width: 150px; }
#footer_advanced_search { margin-top: 4px; }
#footer_advanced_search a { color: #6688aa; font-size: 11px; }

/* === UTILITY === */
.floatcontainer:after { content: ""; display: table; clear: both; }
.clear { clear: both; }
.hidden { display: none; }
.shade { color: #888; }
.time { color: #888; font-size: 11px; }
hr { border: none; border-top: 1px solid #ddd; margin: 4px 0; }

/* === BUTTONS === */
.button, input.button {
    background: #1a4a80;
    color: #ffffff;
    border: 1px solid #0055bb;
    padding: 4px 10px;
    font-size: 11px;
    cursor: pointer;
    border-radius: 2px;
}
.button:hover { background: #2060a0; }
input.textbox {
    padding: 4px 6px;
    border: 1px solid #aac0d8;
    font-size: 11px;
    font-family: inherit;
}

/* === CUFON FALLBACK === */
.navtabs li a.navtab { font-family: Verdana, sans-serif; }

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .main_wrap { padding: 0 5px; }
    #footer_column_1, #footer_column_2, #footer_column_3, #footer_column_4 { width: 48%; margin-bottom: 12px; }
    ul#navtabs { flex-direction: column; }
    body > .main_wrap > table,
    body > .main_wrap > table > tbody > tr,
    body > .main_wrap > table > tbody > tr > td { display: block; width: 100% !important; }
}