/* Y2K Website Styling - Black/Grey Theme */
body {
    font-family: Arial, Verdana, sans-serif;
    background-color: #121212;
    color: #E0E0E0;
    margin: 0;
    padding: 0;
}

a {
    color: #8c8c8c;
    text-decoration: none;
}
    
h2 {
    color: #dbdbdb;
    text-decoration: none;
}

a:hover {
    color: #ffaa00;
    text-decoration: underline;
}

/* Marquee styling */
marquee {
    background-color: #000000;
    padding: 5px;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
}

/* Blinking text for alerts */
.blink {
    animation: blink 1s step-end infinite;
    color: #FF0000;
    font-weight: bold;
}

@keyframes blink {
    50% { opacity: 0; }
}

/* Navigation styling */
ul {
    padding-left: 20px;
}

li {
    margin-bottom: 5px;
    color: #E0E0E0;
}

/* Table borders */
table {
    border-collapse: collapse;
}

td {
    padding: 10px;
    border: 1px solid #333333;
}

/* Main content area */
td[width="600"] {
    background-color: #1E1E1E;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
}

/* Sidebar styling */
td[width="200"] {
    background-color: #252525;
}

/* Form styling */
input, textarea, select {
    background-color: #252525;
    color: #FFFFFF;
    border: 1px solid #444444;
    font-family: Arial, sans-serif;
}

/* Buttons */
input[type="submit"], input[type="button"] {
    background-color: #333333;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px outset #555555;
}

/* Footer styling */
td[bgcolor="#000000"] {
    border-top: 2px solid #444444;
}

/* Platform buttons */
.y2k-button {
    background-color: #333333;
    color: #FFFFFF;
    border: 1px solid #555555;
    padding: 3px 8px;
    margin: 2px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
}

/* Emulator details styling */
details {
    margin: 10px 0;
    border: 1px solid #444444;
    padding: 5px;
    background-color: #252525;
}

details summary {
    color: #00FFFF;
    cursor: pointer;
    font-weight: bold;
}

details ul {
    margin-top: 5px;
    padding-left: 20px;
}

/* Scrollbar styling (for IE) */
body {
    scrollbar-face-color: #333333;
    scrollbar-shadow-color: #222222;
    scrollbar-highlight-color: #444444;
    scrollbar-3dlight-color: #222222;
    scrollbar-darkshadow-color: #111111;
    scrollbar-track-color: #1E1E1E;
    scrollbar-arrow-color: #FFFFFF;
}