html, body {
  background: #F8F8F8;
  color: #002866;
  font-family: Georgia, “Times New Roman”, serif;
  line-height: 1.5;
}

a {
  color: #BF0A30;
  text-decoration: none;
}
a:hover {
  color: #E03C31;
  text-decoration: underline;
}

/* Divider */
hr {
  border: none;
  height: 2px;
  background: linear-gradient(
    to right,
    rgba(248, 248, 248, 1),
    rgba(0, 40, 102, 0.75),
    rgba(248, 248, 248, 1)
  );
  margin: 1em 0;
}

/* Logo/Header */
.logo {
  text-align: center;
  font-size: 2.5em;
  font-weight: bold;
  color: #fff;
  padding: 1em 0;
	background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 50%, #9b1c2c 50%, #9b1c2c 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#9b1c2c), color-stop(50%,#9b1c2c));
background: -webkit-linear-gradient(top,  #ffffff 50%,#9b1c2c 50%,#9b1c2c 50%);
background: -o-linear-gradient(top,  #ffffff 50%,#9b1c2c 50%,#9b1c2c 50%);
background: -ms-linear-gradient(top,  #ffffff 50%,#9b1c2c 50%,#9b1c2c 50%);
background: linear-gradient(to bottom,  #ffffff 50%,#9b1c2c 50%,#9b1c2c 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b1c2c',GradientType=0 );
background-size: 100% 10px;
  text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;

}
.logo::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 107px;
  height: 49%; /* Adjust as needed */
  background-image: url('https://i.ibb.co/93NwrYk4/america.png');
  background-size: cover;
  z-index: 1;
}
.logo {
  position: relative;
  z-index: 0;
}

/* Mode banners */
.replymode {
  background: #BF0A30;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5em;
}
.manageinfo {
  background: #004C97;               /* bright blue */
  color: #FFFFFF;
  text-align: center;
  padding: 0.5em;
}
.catalogmode {
  background: #FFFFFF;
  color: #002866;
  border: 2px solid #BF0A30;
  text-align: center;
  padding: 0.5em;
}

/* Rules list */
.rules {
  width: 460px;
  font-size: 0.85em;
  font-family: Arial, sans-serif;
  color: #333;
}
.rules li {
  margin-bottom: 0.5em;
}

/* Post blocks */
.postblock {
  background: #EDEDED;
  color: #002866;
  font-weight: bold;
  padding: 0.5em;
}

/* Footer */
.footer {
  font-size: 0.9em;
  font-family: “Times New Roman”, serif;
  color: #555;
  text-align: center;
  margin-top: 2em;
}

.passvalid {
  background: #002866;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5em;
}

.dellist {
  text-align: center;
  font-weight: bold;
  margin: 1em 0;
}
.delbuttons {
  text-align: center;
  padding-bottom: 0.5em;
}

.managehead {
  background: #BF0A30;
  color: #FFFFFF;
  padding: 0.5em;
  font-weight: bold;
}

.postlists {
  background: #FFFFFF;
  color: #002866;
  width: 100%;
  padding: 0;
}

.row1 {
  background: #F0F0F0;
}
.row2 {
  background: #E0E0E0;
}

.unkfunc {
  color: #4A7023;
}
.filesize {
  text-decoration: none;
}
.filetitle {
  font-size: 1.2em;
  color: #BF0A30;
  font-weight: bold;
}
.postername {
  color: #124E15;
  font-weight: bold;
}
.postertrip {
  color: #196F3D;
}
.oldpost {
  color: #BF0A30;
  font-weight: bold;
}
.omittedposts {
  color: #777;
}
.reply {
  background: #FFF1E6 !important;
  color: #002866 !important;
}
.replyhl {
  background: #FFE1D6;
  color: #002866;
}
.replytitle {
  font-size: 1.3em;
  color: #BF0A30;
  font-weight: bold;
}
.hoverpost {
  background: #FFFFEE;
}
.commentpostername {
  color: #124E15;
  font-weight: bold;
}
.thumbnailmsg {
  font-size: 0.9em;
  color: #002866;
}
.abbrev {
  color: #777;
}
.highlight {
  background: #FFF1E6;
  color: #002866;
  border: 2px dashed #BF0A30;
}
