html * {
    color: #000;
    font-family: Arial;
}
html {
    background-color: #ecf0f1;
}
h1 {
    margin-top: 100px;
}
h2 {
    padding-top: 20px;
    margin-bottom: 0px;
    font-size: 2em;
}
h2 > img {
    height: 1em;
    vertical-align: text-bottom;
}
body {
    margin: 0;
}
body > p {
    margin-top: 5px;
}
ul.navbar {
    top: 0;
    position: fixed;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    width: 100%;
    opacity: 0.95;
}
ul.navbar > li {
    float: left;
}
ul.navbar > li > a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}
ul.navbar > li > a.active.everything {
    background-color: #ecf0f1;
    color: #333;
}
ul.navbar > li > a.active.tournament {
    background-color: #3498db;
}
ul.navbar > li > a.active.trainer {
    background-color: #ecf0f1;
    color: #333;
}
ul.navbar > li > a.active.trade {
    background-color: #27ae60;
}
ul.navbar > li > a.active.draft {
    background-color: #f39c12;
}
ul.navbar > li > a.active.unofficial-tournament {
    background-color: #9b59b6;
}
ul.navbar > li > a:hover {
    background-color: #111;
}
p.margin-bottom-0 {
    margin-bottom: 0px;
}
.tournaments table,
#playoffs    table,
#drafts      table,
#trades      table {
    margin-top: 20px;
    margin-bottom: 20px;
}
.tournaments table tr:first-child td,
#playoffs    table tr:first-child td,
#drafts      table tr:first-child td,
#trades      table tr:first-child td {
    font-weight: bold;
    padding-bottom: 8px;
}
.tournaments table tr:not(:first-child) td,
#playoffs    table tr:not(:first-child) td,
#drafts      table tr:not(:first-child) td {
    padding-right: 30px;
}
.tournaments table tr:not(:first-child) td:nth-child(3),
#trades      table tr:not(:first-child) td:nth-child(3) {
    text-align: center;
}
.tournaments table tr.winner {
    font-weight: bold;
}
.tournaments div.match {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    border-radius: 5px;
}
.tournaments div.match.win {
    background-color: #2ecc71;
}
.tournaments div.match.loss {
    background-color: #e74c3c;
}
.tournaments div.match.none {
    visibility: hidden;
}
#drafts {
    max-width: 400px;
}
#drafts table tr:not(:first-child) td {
    padding-bottom: 10px;
}
#trades table tr:not(:first-child) td {
    padding-left: 10px;
    padding-right: 10px;
}
.pokemon-large {
    display: inline-block;
    border: 3px solid #444;
    border-radius: 10px;
    margin: 5px;
}
.pokemon-img {
    border-radius: 50%;
    width: 125px;
}
.pokemon-large > p {
    text-align: center;
    margin-top: 0px;
}
.pokemon-img.kamon, .tournaments table tr.winner.kamon, #drafts table tr.kamon, #trades table tr.kamon, #playoffs td.winner.kamon {
    background: radial-gradient(#e74c3c 5%, #ecf0f1 70%);
}
.pokemon-img.jbird, .tournaments table tr.winner.jbird, #drafts table tr.jbird, #trades table tr.jbird, #playoffs td.winner.jbird {
    background: radial-gradient(#f1c40f 15%, #ecf0f1 70%);
}
.pokemon-img.steve, .tournaments table tr.winner.steve, #drafts table tr.steve, #trades table tr.steve, #playoffs td.winner.steve {
    background: radial-gradient(#9b59b6 5%, #ecf0f1 70%);
}
.pokemon-img.james, .tournaments table tr.winner.james, #drafts table tr.james, #trades table tr.james, #playoffs td.winner.james {
    background: radial-gradient(#74b9ff 15%, #ecf0f1 70%);
}
.pokemon-img.arod, .tournaments table tr.winner.arod, #drafts table tr.arod, #trades table tr.arod, #playoffs td.winner.arod {
    background: radial-gradient(#e67e22 15%, #ecf0f1 70%);
}
.pokemon-img.nolan, .tournaments table tr.winner.nolan, #drafts table tr.nolan, #trades table tr.nolan, #playoffs td.winner.nolan {
    background: radial-gradient(#2ecc71 15%, #ecf0f1 70%);
}
a:hover > .pokemon-large > p {
    text-decoration: underline;
}
a:hover .pokemon-img.kamon {
    background: radial-gradient(#e74c3c 50%, #ecf0f1 70%);
}
a:hover .pokemon-img.jbird {
    background: radial-gradient(#f1c40f 50%, #ecf0f1 70%);
}
a:hover .pokemon-img.steve {
    background: radial-gradient(#9b59b6 50%, #ecf0f1 70%);
}
a:hover .pokemon-img.james {
    background: radial-gradient(#74b9ff 50%, #ecf0f1 70%);
}
a:hover .pokemon-img.arod {
    background: radial-gradient(#e67e22 50%, #ecf0f1 70%);
}
a:hover .pokemon-img.nolan {
    background: radial-gradient(#2ecc71 50%, #ecf0f1 70%);
}
.pokemon-large.kamon {
    border-color: #e74c3c;
}
.pokemon-large.jbird {
    border-color: #f1c40f;
}
.pokemon-large.steve {
    border-color: #9b59b6;
}
.pokemon-large.james {
    border-color: #74b9ff;
}
.pokemon-large.arod {
    border-color: #e67e22;
}
.pokemon-large.nolan {
    border-color: #2ecc71;
}

h1, h2 {
    text-align: center;
}
h2 {
    margin-top: 0px;
    padding-top: 0px;
}
span {
    display: block;
    padding-bottom: 10px;
}
.pointer {
    cursor: pointer;
}
.visibility-hidden {
    visibility: hidden;
}
a.art-holder {
    display: inline-block;
    padding-bottom: 15px;
    text-decoration: none;
}
a.art-holder > span {
    text-align: center;
    padding: 0px;
}
div.champ {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
div.event {
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 20px;
}
div.event > div.body {
    padding: 10px;
}
div.event > div.header {
    border-radius: 5px 5px 0px 0px;
    padding: 10px 10px;
    border-bottom: 1px solid #444;
    font-weight: bold;
}
div.event.grey > div.header {
    background-color: #2d3436;
    color: #dfe6e9;
}
div.event.draft > div.header {
    background-color: #f39c12;
}
div.event.draft {
    max-height: 33em;
    overflow: hidden;
}
div.event.draft:hover {
    cursor: pointer;
}
div.event.draft.expanded {
    max-height: none;
}
div.event.round > div.header {
    background-color: #e74c3c;
}
div.event.tournament > div.header {
    background-color: #3498db;
}
div.event.trade > div.header {
    background-color: #27ae60;
}
div.event.unofficial-tournament > div.header {
    background-color: #9b59b6;
}
img.art {
    width: 125px;
}
div.kamon img.art {
    background: radial-gradient(#e74c3c 3%, #ecf0f1 70%);
}
div.jbird img.art {
    background: radial-gradient(#f1c40f 15%, #ecf0f1 70%);
}
div.steve img.art {
    background: radial-gradient(#9b59b6 3%, #ecf0f1 70%);
}
div.james img.art {
    background: radial-gradient(#74b9ff 15%, #ecf0f1 70%);
}
div.arod img.art {
    background: radial-gradient(#e67e22 15%, #ecf0f1 70%);
}
div.nolan img.art {
    background: radial-gradient(#2ecc71 15%, #ecf0f1 70%);
}
img.art.large {
    height: 256px;
    width: auto;
}
img.art.large.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.sprite {
    width: 48px;
}
img.trainer_sprite {
    height: 64px;
}
img.trainer_sprite.large {
    height: 256px;
}
li.allowed {
    color: #38761d;
}
li.restricted {
    color: #c0392b;
}
table.standard {
    margin-top: 10px;
    text-align: center;
    border-spacing: 5px;
    margin-left: auto;
    margin-right: auto;
}
table.standard th {
    background-color: #bdc3c7;
    border-radius: 5px;
}
table.standard td,
table.standard th {
    margin-top: 10px;
    padding: 5px 10px;
}
table.standard > tr > td.james.winner,
table.standard > tr.james.winner > td,
div.james.winner > img {
    background: radial-gradient(#74b9ff 15%, #ecf0f1 70%);
}
table.standard > tr > td.jbird.winner,
table.standard > tr.jbird.winner > td,
div.jbird.winner > img {
    background: radial-gradient(#f1c40f 15%, #ecf0f1 70%);
}
table.standard > tr > td.kamon.winner,
table.standard > tr.kamon.winner > td,
div.kamon.winner > img {
    background: radial-gradient(#e74c3c 3%, #ecf0f1 70%);
}
table.standard > tr > td.steve.winner,
table.standard > tr.steve.winner > td,
div.steve.winner > img {
    background: radial-gradient(#9b59b6 3%, #ecf0f1 70%);
}
table.standard > tr > td.arod.winner,
table.standard > tr.arod.winner > td,
div.arod.winner > img {
    background: radial-gradient(#e67e22 15%, #ecf0f1 70%);
}
table.standard > tr > td.nolan.winner,
table.standard > tr.nolan.winner > td,
div.nolan.winner > img {
    background: radial-gradient(#2ecc71 15%, #ecf0f1 70%);
}
#cst > tr > td {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}