body {
    background:#36304a;
    font-family: sans-serif;
    margin:0;
}

#wrap {
    width:80%;
    margin:2em auto;
    padding: 20px;
    border-radius:1em;
     background:  #FFE5BB;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(45.34deg, #119DA4 5.66%, #9BC7B2 31.53%, #FFE5BB 50.01%, #FFBE99 72.18%, #FF886A 94.35%);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(45.34deg, #119DA4 5.66%, #9BC7B2 31.53%, #FFE5BB 50.01%, #FFBE99 72.18%, #FF886A 94.35%);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

h1, h2, h3 {
    color:#000;
}

table {
    margin: 10px auto;
    width: 80%;
    overflow:hidden;
    border-collapse:collapse;
    border-radius:1em;
}

thead,
tfoot {
    background:#36304a;
    color:#fff;
}

thead th,
tfoot td {
    font-weight:unset;
    padding:15px;
    text-align:left;
}

tbody td {
    padding:15px;

}

tbody tr:nth-child(even) {
    background:#fff;
    color:#808080;
}

tbody tr:nth-child(odd) {
    background:#f5f5f5;
    color:#808080;
}

tbody tr:hover {
    color:#555 !important;
    background:#e5e5e5;
}

td.online {
    font-weight:bold;
    color:#3d8f1f;
}

caption {
    margin-bottom:10px;
    border-radius:1em;
}

.centered {
    margin:0 auto;
    text-align:center;
}

#sub_nav a {
    display:inline-block;
    padding:10px 20px;
    background:#36304a;
    color:#fff;
    text-decoration:none;
}

#sub_nav a:hover,
#sub_nav a:focus,
#sub_nav a.active {
    background:#46405a;
}

#sub_nav a:first-child {
    border-top-left-radius:1em;
    border-bottom-left-radius:1em;
}

#sub_nav a:last-child {
    border-top-right-radius:1em;
    border-bottom-right-radius:1em;
}

#footer {
    text-align:center;
    font-size:.7em;
}

span[title] {
    border-bottom: 1px dotted darkgrey;
}

td.winner {
    background:#FFD563;
    font-weight:bold;
    color:#0F1928;
}

#main_nav ul {
    background:#211d2e;
    display:block;
    margin:0 auto;
}

#main_nav ul li {
    display:inline-block;
}

#main_nav a {
    display:block;
    padding:10px 15px;
    color:#fff;
    text-decoration:none;
}

#main_nav a:hover,
#main_nav a.active,
#main_nav a:focus {
    background:#36304a;
}