/* ==========================================================================
   1. Firefox Default User Agent Styles (Baseline Defaults)
   ========================================================================== */

/* Page Setup & Default Font */
html {
  font-size: 16px; /* Standard browser default root size */
}

body {
  margin: 8px; /* Standard browser body margin */
  font-family: "Times New Roman", Times, serif; /* Firefox default unstyled font family */
  font-size: 1rem; /* 16px default */
  line-height: 1.2; /* Normal default text line-height */
  color: #000000; /* Standard default body text color */
  background-color: #ffffff; /* Standard background color */
}

/* Firefox Default Link Styling */
a {
  color: #0000ee; /* Standard Firefox unvisited link blue */
  text-decoration: underline;
  cursor: pointer;
}

a:visited {
  color: #551a8b; /* Standard Firefox visited link purple */
}

a:active {
  color: #ff0000; /* Standard Firefox active link red */
}

/* Default Heading Sizes & Margins */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: bold;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
  font-weight: bold;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
  font-weight: bold;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
  font-weight: bold;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
  font-weight: bold;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
  font-weight: bold;
}

/* Paragraphs & Lists */
p {
  margin: 1em 0;
}

ul, ol {
  margin: 1em 0;
  padding-left: 40px;
}

/* Tables */
table {
  border-collapse: separate;
  border-spacing: 2px;
  text-align: left;
}

th {
  font-weight: bold;
  text-align: center;
  padding: 1px;
}

td {
  padding: 1px;
}

/* Horizontal Rule */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #767676;
  margin: 0.5em auto;
}

/* Form Elements Baseline */
input, button, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  color: initial;
}


/* ==========================================================================
   2. 4chan-Style Footer Styles
   ========================================================================== */

.chan-footer {
  text-align: center;
  font-family: arial, helvetica, sans-serif; /* Switches footer specifically to 4chan's sans-serif font */
  font-size: 11px;
  color: #707070;
  margin: 30px auto 20px auto;
  clear: both;
}

.chan-hr {
  border: 0;
  border-top: 1px solid #d9d9d9;
  margin: 20px auto 12px auto;
  width: 95%;
}

.chan-footer-links {
  margin-bottom: 6px;
}

.chan-footer-links a {
  color: #34345c;
  text-decoration: underline;
  margin: 0 4px;
}

.chan-footer-links a:hover {
  color: #d00000;
}

.chan-footer-copy {
  color: #888888;
  font-size: 10px;
}
/* Add this alongside your footer styles in facade.css */
.chan-nav {
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #707070;
  margin: 15px auto 20px auto;
}

.chan-nav-links {
  margin-top: 6px;
}

.chan-nav-links a {
  color: #34345c;
  text-decoration: underline;
  margin: 0 4px;
}

.chan-nav-links a:hover {
  color: #d00000;
}
/* ==========================================================================
   Chan Footer Form Styling
   ========================================================================== */

.chan-footer-form {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.chan-footer-form label {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #707070;
}

.chan-footer-form input[type="password"] {
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  width: 70px;
  padding: 1px 2px;
  border: 1px solid #767676;
  background-color: #ffffff;
  color: #000000;
  margin: 0 3px;
}

.chan-footer-form input[type="submit"] {
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  padding: 1px 4px;
  border: 1px solid #767676;
  background-color: #efefef;
  color: #000000;
  cursor: pointer;
  margin-left: 2px;
}

.chan-footer-form input[type="submit"]:hover {
  background-color: #e3e3e3;
}