body {
	background: #8D9299;
	color: #616D7B;
}
a:link, a:visited, .intro a.email span.name {
	color: #616D7B;
}
a:link:hover {
	color: #616D7B;
}
a.post_no {
	color: #616D7B;
}
div.post.reply {
	background: #8D9299;
	border-color: #616D7B;
}
div.post.reply.highlighted {
	background: #8D9299;
	border-color: #616D7B;
}
div.post.reply div.body a {
	color: #616D7B;
}
.intro span.subject {
	color: #616D7B;
}
form table tr th {
	background: #8D9299;
	color: #616D7B;
	font-family: sans-serif;
	font-weight: 800;
	font-size: 14px;
	border: 1px outset;
    border-radius: 3px;
    box-shadow: .5px .5px 4px #ccc;
    border-color: #999;
    box-shadow: .5px .5px 2px #aaa;
}
textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover {
	border: 1px solid #EA8;
}
div.ban h2 {
	background: #8D9299;
	color: #616D7B;
}
div.ban {
	border-color: #616D7B;
}
div.ban p {
	color: #616D7B;
}
.bar {
	background-color: #e9e9e9;
	border-color: #616D7B;
	-moz-box-shadow: 0 0 40px #616D7C;
	-webkit-box-shadow: 0 0 40px #616D7B;
	box-shadow: 0 0 40px #444a57;
}
div.pages {
	background: #e9e9e9;
	border-color: #616D7B;
}
div.pages a.selected {
	color: #646464;
}
hr {
	 display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border: none;
    height: 0.5px;
    background-color: #b0b0b0; /* Grey line */
    box-shadow: 0 0.07px 0 #ffffff; /* White line for the 3D effect */
}
div.boardlist {
	color: #616D7B;
}
div.boardlist a {
	color: #616D7B;
}
table.modlog tr th {
	background: #8D9299;
}

/* options.js */
#options_div, #alert_div {
	background: #8D9299;
}

.desktop-style div.boardlist:nth-child(1) {
	background-color: #616D7B;
}

body {
    background: #FFFFFF url('back_2.png') repeat-x;  /* Background from older site */
    color: #3E4244;
}
a:link, a:visited, .intro a.email span.name {
    color: #787878;
}
a:link:hover {
    color: #3E4244;
}
div.post.reply {
    background: #F1F4F5;
    border-color: #D4DBDE;
}
#logo h1 {
    color: #FFFFFF;
}
#menu li a:hover {
    background-color: #8D9299;
    color: #FFFFFF;
}
#footer {
    background-color: #8D9299;
    color: #3E4244;
}
#footer a:hover {
    color: #FFFFFF;
}

body {
    background: #FFFFFF url('back_2.png') repeat-x;
    color: black;
    margin: 0;  /* Remove extra margins */
    padding: 0;
    font-family: "Times New Roman", sans-serif;  /* Match font with older version */
}
a:link, a:visited {
    color: #2780F9;
}
a:hover {
    color: #3E4244;
}
h1 {
    font-size: 24pt;  /* Adjust header sizes */
    color: #3E4244;
    

text-shadow: 0px 2px 0px #8c8c8c,  /* Slightly gray, closer shadow */
             0px 8px 6px rgba(0,0,0,0.1),  /* Reduced spread */
             0px 12px 2px rgba(0,0,0,0.08), /* Fainter, closer shadow */
             0px 16px 12px rgba(0,0,0,0.08); /* Reduced depth and lighter tone */
}

@media (max-width: 768px) {
    h1 {
        font-size: 20px;  /* Adjust header size for mobile */
    }
}

div.post.reply {
    background: #F1F4F5;
    border-color: #D4DBDE;
    padding: 10px;  /* Adding padding to posts */
}
#logo h1 {
    color: #FFFFFF;
    font-weight: bold;
}
#footer {
    background-color: #8D9299;
    color: #3E4244;
    text-align: center;
}

body {
    margin: 0;  /* Ensure no extra margin */
    padding: 0;
    background: rgb(216, 216, 216);  /* Adjust background color */
    color: black;  /* General text color */
    font-size: 18px;
}

#logo h1 {
    font-size: 32px;  /* Increase logo size */
    text-align: center;  /* Center align logo text */
    color: #800000;  /* Adjust color to match older version */
}

div.post.reply {
    background: rgb(180, 180, 180);  /* Adjust post background */
    border-color: #D4DBDE;  /* Soften the border color */
    padding: 5px 10px;  /* Add more padding for spacing */
    margin-bottom: 10px;  /* Add spacing between posts */
    border-radius: 3px;
    border: 1px solid #ccc;
    border-color: #999;
    box-shadow: .5px .5px 2px #aaa;
}


a:link, a:visited {
    color: #787878;  /* Hyperlink color */
}

a:hover {
    color: #000;  /* Hover color adjustment */
}

form table tr th {
    background-color: #8C8C8C;  /* Form background color tweak */
    color: black;  /* Text color on forms */
    
}

input, textarea {
    background-color: #b4b4b4 !important;
    font-size:17px;
    font-family: "Times New Roman";
    color: black !important;
    border-color: #616D7B !important;
    border-radius: 3px !important;
    border: 1px solid #ccc !important;
    box-shadow: .5px .5px 4px #ccc !important;
    border-color: #999 !important;
    box-shadow: .5px .5px 2px #aaa !important;
}