/* The subRed Theme for phpBB version 2+
Based on the original subSilver Theme for phpBB version 2+
http://www.subBlue.com */

body {
  background-color: #f0f0f5; /* Slightly lighter background */
  scrollbar-face-color: #e0e0e5;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #e0e0e5;
  scrollbar-3dlight-color: #d0d0d5;
  scrollbar-arrow-color: #000080; /* Darker blue */
  scrollbar-track-color: #f5f5fa;
  scrollbar-darkshadow-color: #9999cc; /* Lighter blue shadow */
  max-width: 68%; /* Максимальная ширина 76% */
  margin: 0 auto;
}

/* General font families for common tags */
font, th, td, p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

a:link, a:active, a:visited {
  color: #000080; /* Darker blue */
}

a:hover {
  text-decoration: underline;
  color: #0066cc; /* Brighter blue */
}

hr {
  height: 0px;
  border: solid #d0d0d5 0px; /* Lighter blue */
  border-top-width: 1px;
}

.bodyline {
  background-color: #FFFFFF;
  border: 1px #9999cc solid; /* Lighter blue */
}

.forumline {
  background-color: #FFFFFF;
  border: 2px #8f8fbc solid; /* Lighter blue */
}

td.row1 {
  background-color: #f5f5fa; /* Lighter blue */
}

td.row2 {
  background-color: #e0e0e5; /* Lighter blue */
}

td.row3 {
  background-color: #d0d0d5; /* Lighter blue */
}

td.rowpic {
  background-color: #FFFFFF;
  background-image: url(images/cellpic2.jpg);
  background-repeat: repeat-y;
}

th {
  color: #add8e6; /* Light blue header text */
  font-size: 13px;
  font-weight: bold;
  background-color: #000080; /* Darker blue */
  height: 25px;
  background-image: url(images/cellpic3.gif);
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
  background-image: url(images/cellpic1.gif);
  background-color: #d0d0d5; /* Lighter blue */
  border: #FFFFFF;
  border-style: solid;
  height: 28px;
}

td.cat, td.catHead, td.catBottom {
  height: 29px;
  border-width: 0px 0px 0px 0px;
}

th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
  font-weight: bold;
  border: #FFFFFF;
  border-style: solid;
  height: 28px;
}

td.row3Right, td.spaceRow {
  background-color: #d0d0d5; /* Lighter blue */
  border: #FFFFFF;
  border-style: solid;
}

th.thHead, td.catHead {
  font-size: 14px;
  border-width: 1px 1px 0px 1px;
}

th.thSides, td.catSides, td.spaceRow {
  border-width: 0px 1px 0px 1px;
}

th.thRight, td.catRight, td.row3Right {
  border-width: 0px 1px 0px 0px;
}

th.thLeft, td.catLeft {
  border-width: 0px 0px 0px 1px;
}

th.thBottom, td.catBottom {
  border-width: 0px 1px 1px 1px;
}

th.thTop {
  border-width: 1px 0px 0px 0px;
}

th.thCornerL {
  border-width: 1px 0px 0px 1px;
}

th.thCornerR {
  border-width: 1px 1px 0px 0px;
}

.maintitle, h1, h2 {
  font-weight: bold;
  font-size: 22px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 120%;
  color: #000000;
}

/* ... (rest of the CSS with blue color substitutions) */

.code {
  font-size: 13px;
  color: #000080; /* Darker blue */
  background-color: #FAFAFA;
  border: #0000cc; /* Blue border */
  border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.quote {
  font-size: 13px;
  color: #444444;
  line-height: 125%;
  background-color: #FAFAFA;
  border: #7979a5; /* Blue border */
  border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

/* ... (rest of the CSS with blue color substitutions) */

#cssbar-border {
  border: 3px solid rgb(0, 0, 80); /* Blue border */
  height: 100%;
  width: 100%;
  position: relative;
  left: -50%;
  top: -50%;
  padding: 4px 3px;
}

#cssbar-line {
  background-color: rgb(0, 0, 80); /* Blue background */
  position: absolute;
  height: 100%;
  width: 100%;
  animation: cssbar-slide 4s steps(40) infinite;
  -o-animation: cssbar-slide 4s steps(40) infinite;
  -ms-animation: cssbar-slide 4s steps(40) infinite;
  -webkit-animation: cssbar-slide 4s steps(40) infinite;
  -moz-animation: cssbar-slide 4s steps(40) infinite;
}