/* Classic Old Web / Lower Res aesthetic */

body {
    background-color: #c0c0c0; /* Classic Windows 95 gray */
    color: #000000;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    margin: 20px;
    /* Force pixelated rendering on everything for that low-res crunch */
    image-rendering: pixelated; 
    -webkit-font-smoothing: none;
}

#content {
    background-color: #ffffff;
    width: 800px; /* Fixed width for older monitor resolutions (e.g. 800x600 or 1024x768) */
    margin: 0 auto;
    padding: 20px;
    border: 3px outset #ffffff;
    box-shadow: 5px 5px 0px #808080;
}

h1 {
    font-family: "Comic Sans MS", "Arial", sans-serif;
    color: #000080; /* Navy blue */
    text-shadow: 2px 2px #cccccc;
}

h2 {
    color: #800000; /* Maroon */
    border-bottom: 2px solid #800000;
}

a {
    color: #0000FF; /* Default blue link */
    text-decoration: underline;
}

a:visited {
    color: #800080; /* Default purple visited link */
}

a:active {
    color: #FF0000; /* Default red active link */
}

table {
    background-color: #e0e0e0;
    border-collapse: separate;
    border: 3px outset #ffffff;
}

th {
    font-family: Arial, sans-serif;
    background-color: #000080;
    color: #ffffff;
    padding: 5px;
    border: 2px inset #ffffff;
}

td {
    padding: 10px;
    border: 2px inset #ffffff;
    background-color: #ffffff;
}

img {
    border: 2px solid #000000;
    /* Extra pixelation insurance for images */
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

marquee {
    background-color: #ffff00;
    padding: 5px;
    border: 1px solid #000000;
}