body {
  padding-right: 0;
  padding-left: 0;
  background: #555; /* Slightly lighter background */
  padding-bottom: 0;
  margin: 6px auto; /* Centered with auto margins */
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #CCCCCC;
  max-width: 89%; /* Max width 89% */
}

/* ... (rest of your existing CSS) ... */

/* Updated styles for tables and other elements for better contrast */
.code_td, .php_td, .q_td, .quote_td {
  color: #eee; /* Lighter text color */
}

.code_table, .php_table, .q_table, .quote_table {
  border: 1px solid #777; /* Slightly lighter border */
  width: 95%;
  font-family: Verdana, Arial, Helvetica;
  background-color: #666; /* Added background color to tables */
}

th {
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  background: #666; /* Slightly darker header background */
  color: #ccc; /* Lighter header text */
  white-space: nowrap;
  height: 27px;
  text-align: center;
}

.row1 {
  background: #666; /* Lighter row background */
}

.row2 {
  background: #777; /* Lighter row background */
}

.row3 {
  background: #888; /* Lighter row background */
}

.postbody {
  font-size: 14px;
  line-height: 125%;
  color: #eee; /* Lighter post body text */
}

.quote {
  border: 1px solid #888; /* Lighter border */
  background: #777; /* Slightly darker background */
  color: #eee; /* Lighter text */
  line-height: 125%;
}

.code {
  border: 1px solid #888; /* Lighter border */
  padding: 5px;
  background: #555; /* Slightly darker background */
  font: 13px Courier, sans-serif;
  color: #90EE90; /* Light green for code */
}


/* ... (rest of your existing CSS) ... */

/* QR Code - Adjust styling as needed */
#qr img {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 10px;
  top: 10px;
  border: 1px solid #888; /* Lighter border */
  padding: 1px;
  background-color: #666; /* Slightly darker background */
}

/* ... (rest of your existing CSS) ... */


/* Example of a lighter button style */
INPUT.button, .fakebut, INPUT.catbutton, INPUT.mainoption {
  border: 1px solid #888; /* Lighter border */
  font-size: 13px;
  background: #777; /* Lighter background */
  color: #eee; /* Lighter text */
}

/* ... (rest of your existing CSS) ... */

.copyright {
  font-size: 12px;
  color: #ddd; /* Slightly lighter copyright text */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
}