@import url("//fonts.googleapis.com/css?family=Courgette");
#container-contest { max-width: 800px; }

body { background: url("images/bg.png") top center repeat green; background-size: 500px; background-attachment: fixed; color: #000; }
body:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; z-index: -1; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); background-attachment: fixed; }

/* Navigation */
#navigation { background-color: #004d00; color: #fff; border-bottom: 5px solid rgba(0, 0, 0, 0.2); }
#navigation ul li a { transition: background 200ms; color: inherit; }
#navigation ul li a:hover { background: green; }
#navigation li.is-active:after { bottom: -25px; color: #003F00; }

/* Contest Container */
#container-contentbg, #container-footer { background-color: #FFF; color: #000; }

#header h1 a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); color: #FFF; font-family: "Courgette", cursive; font-size: 1.5em; }

.pagetitle { color: green; font-family: "Courgette", cursive; font-size: 2rem; }

input.smalltext, textarea.largetext, select { border: 1px solid #999; }

.di-uix-button { display: inline-block; cursor: pointer; padding: 0.5em 1.5em; font-size: 1em; border: 0; background-color: #F7C117; margin: 0; }
.di-uix-button:hover { text-decoration: none; }
.di-uix-button:hover { background-color: #ecb508; }
.di-uix-button.disabled, .di-uix-button[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; }
.di-uix-button::-moz-focus-inner { padding: 0 !important; margin: -1px !important; }

.button-toggle__btn { display: inline-block; cursor: pointer; padding: 0.5em 1.5em; border-radius: 3px; font-size: 1em; border: 0; background-color: #CCC; padding: 0.4em 1.2em; }
.button-toggle__btn:hover { text-decoration: none; }
.button-toggle__btn:hover { background-color: #bfbfbf; }
.button-toggle__btn.disabled, .button-toggle__btn[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; }
.button-toggle__btn::-moz-focus-inner { padding: 0 !important; margin: -1px !important; }
.button-toggle__radio:checked + .button-toggle__btn { border: 0; background-color: #F7C117; color: #000; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; cursor: default; }

/* Bracket Styles */
.bracket__cell-item:before, .bracket-container .bracket--two-column .right .bracket__cell-item:before, .bracket--two-column .bracket__col4 .top:before, .bracket--two-column .bracket__col4 .top:after, .bracket--two-column .bracket__col4 .bottom:before, .bracket--two-column .bracket__col4 .bottom:after, .bracket--two-column .bracket__col2 .bracket__cell-item:after, .bracket--two-column .bracket__col3 .bracket__cell-item:after, .bracket--two-column .bracket__col4 .bracket__cell:after, .bracket__match:before { border-color: #CCC !important; }

.bracket__cell-item { border: 1px solid; background: #EEE; color: #666; border-color: #a2a2a2; }

@media screen and (min-width: 680px), print { .bracket--one-column:not([readonly="readonly"]) .bracket__cell-item:hover { background: #bbbbbb; } }

/* Table Styles - Leaderboard and Dates */
.table__data { border: 0px solid #333; }

.table { border: 0px solid #333; }

.table__header { background-color: #F7C117; color: #000; }

.table__body .table__row { background-color: #EEE; color: #000; }
.table--leaderboard .table__body .table__row:hover { background: #d5d5d5; cursor: pointer; }
.table__body .table__row.is-active { background: #0069ac; color: #fff; }
.table__body .table__row.is-active:hover { background: #004a79; }

.table__data:first-child { border-left: 0; }
@media only screen and (max-width: 480px) { .table__data { border: 0px solid #333; } }

.bracket__match:after { background-color: green; border-radius: 5px; }

/*# sourceMappingURL=style.css.map */
