body {
    background-color: #204050;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

a:link,
a:active,
a:visited {
    color: #003399;
    text-decoration: underline;
}

a:hover {
    color: #000000;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    background-image: url('/images/newsheader_light.gif');
    border-bottom: solid 1px #A6A194;
    color: #464131;
    font-weight: bold;
    padding: 3px 5px;
}

h1 {
    background-image: url('/images/newsheader.gif');
    font-size: 1.5em;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.1em;
    margin-bottom: 0.8em;
}

blockquote {
    background-color: #EDE8E0;
    border-left: solid 5px #C6C1B4;
    font-style: italic;
    margin: 0 2em;
    padding: 1em;
}

.main {
    border: solid 1px #000000;
    width: 97%;
    max-width: 1920px;
    margin: 1em auto 0;
}

@media (max-width: 1199px) {
    .main {
        border: none;
        border-bottom: solid 1px #000000;
        width: 100%;
        margin: auto;
    }
}

.main-logo {
    background: #FDF8F0 url('/images/logobg.jpg');
}

.topbar {
    background: #868178 url('/images/gradient1.gif');
    border-top: solid 1px #666151;
    border-bottom: solid 1px #666151;
    color: #DFD6C8;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

@media (max-width: 767px) {
    .topbar {
        background: #868178;
    }
}

@media (max-width: 991px) {
    .topbar {
        letter-spacing: 0;
    }
}

.topbar ul {
    margin: 0;
}

.topbar ul:before {
    content: '<';
}

.topbar ul:after {
    content: '>';
}

@media (max-width: 767px) {
    .topbar ul:before {
        content: '';
    }

    .topbar ul:after {
        content: '';
    }
}

.topbar li {
    list-style-type: none;
    display: inline;
}

.topbar li:not(:last-child):after {
    content: ' | ';
}

.topbar a {
    color: #EFE6D8;
    font-weight: bold;
    text-decoration: none;
}

.topbar a:hover {
    text-decoration: underline;
}

.content {
    background: #FDF8F0;
    padding: 1em;
}

.sidebar-toggler {
    background: #FDF8F0;
    margin: 0;
    padding: 0 1em 0.5em 1em;
}

.sidebar {
    background-color: #DFD6C8;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding: 0;
    min-width: 150px;
}

.sidebar-left {
    border-right: solid 1px #A6A194;
}

.sidebar-right {
    border-left: solid 1px #A6A194;
}

.sidebar-header {
    background: #C6C1B4 url('/images/gradient2.gif');
    border-bottom: solid 1px #A6A194;
    color: #666151;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    width: 100%;
    display: block;
}

@media (max-width: 991px) {
    .sidebar-left {
        border-top: solid 1px #A6A194;
        border-left: none;
    }
}

@media (max-width: 1199px) {
    .sidebar-right {
        border-top: solid 1px #A6A194;
        border-left: none;
    }
}

.sidebar-block {
    color: #464131;
    margin: 0.5em 0.5em 1em 0.5em;
    line-height: 1.4em;
    min-width: 140px;
}

.sidebar-block ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
}

.sidebar-block li:before {
    content: '›';
    font-weight: bold;
}

.sidebar-block li a {
    padding-left: 0.3em;
}

.search input {
    width: 140px;
}

@media (max-width: 1199px) {
    .search input {
        width: 100%;
    }
}

.social {
    font-size: 1.2em;
    text-align: center;
    margin: 1em 0;
}

.social a {
    margin: 0.5em 0.1em;
    padding: 0.3em 0;
}

.social div {
    color: #FFFFFF;
    width: 2em;
}

.social a:hover {
    opacity: 0.7;
}

.social .facebook {
    background-color: #3B5999;
}

.social .twitter {
    background-color: #55ACEE;
}

.social .reddit {
    background-color: #FF5700;
}

.social .google-plus {
    background-color: #DD4B39;
}

.social .pinterest {
    background-color: #BD081C;
}

.copyright {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #608090;
    margin-bottom: 2em;
}

.copyright a:link,
.copyright a:active,
.copyright a:visited {
    color: #608090;
    text-decoration: underline;
}

.copyright a:hover {
    color: #608090;
    text-decoration: none;
}

img.gallery {
    border: solid 1px #000000;
}

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

.section {
    margin: 1em 0;
    width: 100%;
}

.section .emulator {
    background-color: #EDE8E0;
    border-bottom: solid 1px #A6A194;
    color: #464131;
    font-size: 0.9em;
    text-align: center;
}

.section .emulator td:first-child {
    font-size: 1.2em;
    text-align: left;
    padding-left: 0.5em;
}

@media (min-width: 768px) {
    .section .emulator td:first-child {
        width: 40%;
    }
}

.section .emulator .fa {
    font-size: 0.9em;
    padding-left: 0.1em;
}

.section .description {
    font-size: 0.9em;
}

.section .description td {
    padding-left: 0.5em;
    padding-bottom: 1em;
}

.section .legend {
    color: #464131;
    font-size: 0.9em;
    text-align: center;
}

.section .legend td {
    padding-left: 0.5em;
    padding-bottom: 1em;
}

.votebox h2, .votebox h3 {
    background: #C6C1B4 url('/images/gradient2.gif');
    border-top: solid 1px #A6A194;
    border-bottom: solid 1px #A6A194;
    color: #464138;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: lowercase;
    text-align: center;
    padding: 0.2em;
    margin: 0;
}

.votebox .votedisplay, .votebox .vote {
    background-color: #EDE8E0;
    border-bottom: solid 1px #A6A194;
    text-align: center;
    white-space: nowrap;
    height: 2.5em;
}

.votebox h2, .votebox .votedisplay {
    border-left: solid 1px #A6A194;
}

.votebox h3, .votebox .vote {
    border-right: solid 1px #A6A194;
}

@media (max-width: 575px) {
    .votebox h2, .votebox .votedisplay {
        border-right: solid 1px #A6A194;
    }

    .votebox .votedisplay {
        border-bottom: none;
    }

    .votebox h3, .votebox .vote {
        border-left: solid 1px #A6A194;
    }
}

.dl {
    border: solid 1px #A6A194;
    width: 100%;
    margin: 0.8em 0;
}

.dl th {
    display: none;
    background: #C6C1B4 url('/images/gradient2.gif');
    border-top: solid 1px #A6A194;
    border-bottom: solid 1px #A6A194;
    color: #464138;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: lowercase;
    text-align: center;
    padding: 0;
    margin: 0;
}

.dl tr {
    background-color: #EDE8E0;
}

.dl tr:nth-child(odd) {
    background-color: #FDF8F0;
}

.dl tr:hover {
    background-color: #DDD8D0;
}

.dl td {
    display: block;
    padding: 0.2em 0.4em;
}

.dl td:first-child {
    font-size: 1em;
    text-align: left;
}

.dl td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    display: inline-block;
    width: 6em;
}

@media (min-width: 576px) {
    .dl td:before {
        display: none;
    }

    .dl th, .dl td {
        display: table-cell;
        font-size: 0.9em;
        text-align: center;
    }

    .dl th:first-child, .dl td:first-child {
        width: 50%;
    }
}

.google-play {
    height: auto;
    width: 160px;
}

@media (max-width: 575px) {
    .google-play {
        width: 100%;
    }
}

.news {
    margin-bottom: 1.5em;
}

.news h2 {
    font-size: 1.5em;
    margin-bottom: 0.8em;
}

.news small {
    font-size: 0.6em;
    color: #A6A194;
}

.news small a {
    color: inherit;
    text-decoration: none;
}

.news small a:hover {
    text-decoration: underline;
}

.news .comment {
    color: #A6A194;
}

.news .comment a {
    color: inherit;
    text-decoration: none;
    padding-right: 1em;
}

.news .comment a:hover {
    text-decoration: underline;
}