/* Retro Xbox 360 Homebrew Archive - old-browser friendly CSS */
html, body {
    margin: 0;
    padding: 0;
    background: #111;
    color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
body { border-top: 5px solid #76b900; }
a { color: #9bd400; text-decoration: none; }
a:hover { text-decoration: underline; }
#wrap {
    width: 900px;
    margin: 0 auto;
}
#header {
    background: #1b1b1b;
    border: 1px solid #333;
    border-top: 0;
    padding: 18px 20px 14px 20px;
}
#logo {
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
}
#logo span { color: #76b900; }
#tagline { color: #777; margin-top: 4px; }
#nav {
    background: #252525;
    border: 1px solid #333;
    border-top: 0;
    padding: 0;
}
#nav a {
    display: inline-block;
    padding: 11px 17px;
    border-right: 1px solid #333;
    color: #ddd;
    font-weight: bold;
}
#nav a:hover, #nav a.active {
    background: #76b900;
    color: #111;
    text-decoration: none;
}
#content {
    margin-top: 12px;
}
.box {
    background: #1b1b1b;
    border: 1px solid #333;
    margin-bottom: 12px;
}
.box h2 {
    margin: 0;
    padding: 8px 10px;
    background: #292929;
    border-bottom: 1px solid #3a3a3a;
    color: #9bd400;
    font-size: 15px;
}
.box .inner { padding: 11px; }
.hero {
    background: #202020;
    border-left: 4px solid #76b900;
    padding: 15px;
}
.hero h1 {
    margin: 0 0 6px 0;
    color: #fff;
    font-size: 23px;
}
.notice {
    background: #181818;
    border: 1px dashed #555;
    padding: 9px;
    color: #aaa;
}
.green { color: #9bd400; }
.small { color: #777; font-size: 11px; }
ul { margin-top: 6px; }
li { margin-bottom: 5px; }
.item {
    border-bottom: 1px solid #303030;
    padding: 9px 2px;
}
.item:last-child { border-bottom: 0; }
.item h3 { margin: 0 0 4px 0; color: #eee; font-size: 14px; }
.button {
    display: inline-block;
    background: #5f9700;
    border: 1px solid #83c600;
    padding: 5px 9px;
    color: #fff;
    font-weight: bold;
    margin-top: 5px;
}
.button:hover { background: #76b900; color: #111; text-decoration: none; }
.cols { width: 100%; }
.left { width: 58%; vertical-align: top; }
.right { width: 42%; vertical-align: top; }
#footer {
    clear: both;
    color: #666;
    text-align: center;
    padding: 16px 0 25px 0;
    font-size: 11px;
}
hr { border: 0; border-top: 1px solid #333; }
table { width: 100%; border-collapse: collapse; }
th, td {
    border: 1px solid #333;
    padding: 7px;
    text-align: left;
}
th { background: #292929; color: #9bd400; }
@media screen and (max-width: 920px) {
    #wrap { width: 94%; }
}