body {
    color:#FFFFFF;
    background-color:#000000;
}

.inline-group > div.social-media {
    /* Need to force a consistent width here so that
       spacing is even and the icons remain horizontally
       centered */
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}

.img-link a {
    text-decoration: none;
}

a {
    color:#0000FF;
}

a:visited {
    color:#800080;
}

a:hover {
    color:#008000;
}

a:active {
    color:#FF0000;
}

.tablefont {
    font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

header, .content, footer {
    text-align: center;
}

footer {
    color: rgba(255, 255, 255, 0.5);
    font-size: smaller;

    margin-top: 1em;
}

@font-face {
    font-family: THAC;
    src: url("../resources/thac-font_3.woff");
}

.logo.banner {
    font-size: 125pt;
    font-weight: normal;
}

.logo {
    font-family: THAC, sans-serif;
    color: rgba(242, 15, 171, 1);
    text-shadow:
        rgba(242, 15, 171, 0.75) 0px 0px 0.09em,
        rgba(159, 255, 255, .75) -0.03em 0.03em,
        rgba(159, 255, 255, .75) -0.03em 0.03em 0.09em,
        rgba(80, 255, 255, .75) -0.06em 0.06em,
        rgba(80, 255, 238, .75) -0.06em 0.06em 0.09em,
        rgba(37, 164, 196, .75) -0.09em 0.09em,
        rgba(37, 164, 196, .75) -0.09em 0.09em 0.09em;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}