body {
    padding: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 3ex;
    /* Old browsers */
    margin-left: 10%;
    margin-right: 10%;
    background-color: black;
    color: white;
    font-family: "Trebuchet", "Trebuchet MS", sans-serif;
}
/* New browsers will use the calcs as they come later */
body {
    margin-left: max(calc(calc(100vw - 70rem) / 2.4), 4px);
    margin-right: max(calc(calc(100vw - 70rem) / 2.4), 4px);
}
p.banner { font-weight: bold; font-size: 200%; }
p.banner .inula { color: #f6e70f; }
p.banner .year { color: #de6f47; }
p.mainmenu { margin-top: 0.2ex; margin-bottom: 0.2ex; font-size: 115%; }
p.submenu { margin-top: 1.2ex; margin-bottom: 0.2ex; }
nav img { border: none; }
nav a { padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.2ex; padding-bottom: 0.2ex; }
nav a.current { background-color: #356928; }
main a, nav a { text-decoration: none; }
nav a:link, nav a:visited { color: #f4cd0a; }
main a:link, main a:visited { color: #f4cd0a; }
nav a:hover, nav a:focus { color: #f6e70f; }
main a:hover, main a:focus { color: #f6e70f; }
h1 { color: #f4cd0a; }
h2, details summary { color: #70a53f; }
details summary { font-weight: bold; font-size: 120%; margin-top: 0.6ex; margin-bottom 0.6ex; }
h3 { color: #c35732; }
.error { color: red; font-weight: bold; }
main img { max-width: 100%; }
.logo img { width: 120px; vertical-align: middle; }
button { padding: 0.25ex 0.5em 0.25ex 0.5em; }

.zmena, .ok { color: #70a53f; }
.warning { color: #de6f47; }
/* Remove once we have nicer lists. */
dl.blog dt, dl.org dt { font-weight: bold; margin-top: 2ex; }
table.teams { border-collapse: collapse; }
table.teams td.members { padding-left: 1em; padding-right: 4em; }
.discussion { border-bottom: solid #808080 1px; }
.discussion dt .author, .discussion dt .datetime { position: absolute; }
.discussion dt .author { left: 1em; font-weight: bold; }
.discussion dt .datetime { right: 1em; }
.discussion dt {
    position: relative;
    border-top: solid #808080 1px;
    padding-top: 1ex;
    width: 100%;
}
.discussion dd {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 2ex;
    padding-bottom: 0.6ex;
    padding-left: 1em;
    padding-right: 1em;
}
.orgcomment { background-color: #123600; }
.recentcomments td { padding-left: 0.4em; padding-right: 0.4em; }
input[disabled] { background-color: #a0a0a0; color: #404040; }

.quote { margin-left: 45%; margin-top: 4ex; font-style: italic; }
form td { padding-right: 1em; }

table.hantec tr:nth-child(even) { background-color: #444444; }
table.hantec { border 0px; border-collapse: collapse; }
table.hantec td, table.hantec th {
    text-align: left;
    border: 0px; margin: 0px;
    padding: 0.25ex 0.5em 0.25ex 0.5em;
}
table.hantec th {
    border-top: 0.2ex solid white;
    border-bottom: 0.2ex solid white;
    padding-top: 0.4ex;
    padding-bottom: 0.4ex;
}

table.history {
    width: 100%;
    background-color: #d4d4d4;
    color: black;
    border-collapse: collapse;
 }
table.history td, table.history th {
    border: solid #404040 1pt;
    text-align: left;
    padding: 0.3ex 0.3em 0.3ex 0.3em;
    width: 1%;
}
table.history th.historymsg, table.history td.historymsg { width: 5%; }
table.history thead tr, table.history tfoot tr { background-color: #405060; }
table.history th { color: white; }
table.history td.badcode { background-color: #e00000; color: white; }
table.history td.message { background-color: #8dc7e7; color: black; }

div.stickers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
div.stickers > * {
    flex: 0 0 auto;
    background-color: #f5eb78;
    color: black;
    width: 15em;
    height: 10ex;
    padding: 0.5ex 1em 0.5ex 1em;
    margin: 0.3ex;
}
div.stickers p {
    margin: 0px;
    border: 0px;
    padding: 0.2ex 0px 0.2ex 0px;
}

table.results {
    border-collapse: collapse;
    border: solid black 2pt;
    background-color: #ffffff;
    color: #000000;
}
table.results tbody tr:first-child { border-top: solid black 2pt; }
table.results td, table.results th { padding-left: 3pt; padding-right: 3pt; border: solid black 1pt; }
table.results colgroup { border-right: solid black 2pt ;}
.help { background-color: #40ab54; }
.dead { color: white; background-color: black; }
.bonus { background-color: #ffc000; color: black; }
.loser { background-color: #b0b0b0; color: #e00000; }

hr { clear: both; }


main.game h3 { margin-bottom: 0.8ex; color: #70a53f; }
main.game input { width: 98%; justify: center; font-size: 110%; }
main.game button { width: 100%; padding: 1ex; font-weight: bold; font-size: 110%; }
main.game button[value='message'] { background-color: #8dc7e7; color: black; }
main.game button[value='submitcode'] { background-color: #70a53f; color: black; }
main.game button[value='help'], main.game button[value='confirmhelp'] { background-color: #eac22a; color: black; }
main.game button[value='dead'], main.game button[value='confirmdead'] { background-color: #ea932a; color: black; }
main.game button[value='giveup'], main.game button[value='confirmgiveup'] { background-color: #b40000; color: white; }
main.game button[value='help'], main.game button[value='confirmhelp'],
    main.game button[value='dead'], main.game button[value='confirmdead'],
    main.game button[value='giveup'], main.game button[value='confirmgiveup'],
    main.game button[value='reconsider'] { margin-top: 6ex; }
main.game button[disabled] { color: #606060; }
main.game button[value='message'][disabled] { background-color: #9ec0d2; }
main.game button[value='submitcode'][disabled] { background-color: #8ca566; }

main.game details summary { width: 100%; color: #c35732; margin-bottom: 1.2ex; }
main.game p { margin-top: 0.8ex; margin-bottom: 0.8ex; }
main.game .links a, main.actions .links a, main.stickers .links a {
    padding: 0.3ex 0.5em 0.3ex 0.5em;
    background-color: #404040;
}

.dbdump { border-collapse: collapse; margin-top: 1ex; margin-bottom: 1ex; }
.dbdump th { text-align: left; }
.dbdump td, .dbdump th {
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
}
.dbdump td {
    border-top: dotted #a0a0a0 1pt;
    border-bottom: dotted #a0a0a0 1pt;
}
.dbdump th {
    border-top: solid white 1pt;
    border-bottom: solid white 1pt;
}
.dangerousbutton { background-color: red; }

/* Not used (no about page). */
table.about th, table.about td { vertical-align: top; padding: 10px; }
table.about th { text-align: right; }

/* Madness! */
#thumblist { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
#thumblist img { max-width: 10%; max-height: 120px; }
#thumblist .backarrow { display: inline-block; padding-right: 0.4em; font-size: 140%; }
#thumblist .fwdarrow { display: inline-block; padding-left: 0.4em; font-size: 140%; }
#thumblist .thumbs { display: inline-block; text-align: center; max-width: 90%; }