@import url(http://fonts.googleapis.com/css?family=Roboto:400:700:800);

body
{
 margin: 0;
 padding: 0;
 font-family: FreeSans, 'Nimbus Sans L', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
 position: relative;
}

header
{
 padding: 1em;
 overflow: auto;
}

.scarlet
{
 background-color: hsl(5, 93%, 52%);
}

img#logo,img.logo
{
 width: 7em;
 height: 7em;
 display: block;
 float: left;
 margin-right: 1em;
}

h1
{
 margin: 0 0 0 2.75em;
 padding: 0;
 line-height: 1;
 font-size: 3em;
 letter-spacing: -1px;
 font-family: FreeSans, 'Nimbus Sans L', "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif;
 color: black;
 text-shadow: -2px 0 1px white, 0 -2px 1px white, 0 2px 1px white, 2px 0 1px white;
}

h1 small
{
 font-size: .5em;
 color: white;
 letter-spacing: -2px;
 text-shadow: -1px 0 0 black, 0 -1px 0 black, 0 1px 0 black, 1px 0 0 black;
 display: block;
}

#stats header + p
{
 text-align: center;
}

nav
{
 position: relative;
 background-color: hsl(5, 50%, 2%);
 color: white;
 line-height: 2;
 padding-left: 1.5em;
 font-size: .85em;
}

nav ol,
nav ol li
{
 padding: .25em 0;
 margin: 0;
 list-style-type: none;
 line-height: 1;
}

nav ol > li
{
 display: inline-block;
 background-color: white;
 color: black;
 font-weight: bold;
 padding: .25em .5em;
 border: 1px solid transparent;
 border-radius: .3em;
 background-image: linear-gradient( hsl(0, 77%, 60%), hsl(0, 95%, 93%));
 text-shadow: 1px 1px 0 white;
 margin: .25em;
}

nav ol > li:hover
{
 background-image: linear-gradient( hsl(0, 95%, 93%),hsl(0, 77%, 60%));
 text-shadow: -1px -1px 0 white;
}

nav ol li a
{
 color: black;

}

nav li ul li
{
 display: block;
}

table.teamsched th
{
 background-color: black;
 color: white;
}

table.teamsched td
{
 padding: 0 .5em;
}

td
{
 border-bottom: 1px solid black;
}

a
{
 text-decoration: none;
}

#scheds a
{
 color: hsl(5, 93%, 32%);
 font-weight: bold;
}

.drop td
{
 border: none;
}

.drop tr
{
 margin-bottom: .5em;
 line-height: 1.5;
}

.drop a
{
 text-decoration: none;
 font-weight: bold;
 color: hsl( 0, 50%,35% );
 border: 3px solid transparent;
 padding: 0 .25em;
 line-height: 1.5;
}

.drop a:hover
{
 text-decoration: none;
 border-bottom: 2px solid black;
 background-color: white;
 color: hsl( 0, 50%, 0% );
 transition: .75s;
 border-color: black;
}

nav li:hover .drop
{
 display: block;
}

.drop
{
 position: absolute;
 display: none;
 padding-top: 1em;
 text-decoration: none;
 cursor: auto;
 background-color: transparent;
 margin-left: -.5em;
}

.drop table, .drop div, .drop ul
{
 background-color: #ffd;
 padding: 1em;
 border: 1px solid black;
 border-radius: .25em;
 text-align: center;
 color: black;
}

.drop th
{
 text-align: right;
 font-weight: normal;
 padding-right: .5em;
}

.drop h3
{
 margin: 0;
}

.drop #aboutci
{
 margin: 0;
 text-align: left;
}

.drop #aboutci li
{
 margin: 0;
 text-align: left;
}

nav li + li
{
 margin-left: 1em;
}

.t,.T, .Torquemada
{
 background-color: #bcd;
}

.j,.J, .Jaworski
{
 background-color: #dcb;
}

.team
{
 padding-top: 2em;
}

table.teamsched
{

 border: 1px solid black;
}

#teamsched header
{
  padding-left: 15em;
}

#teamsched #main
{
 margin-left: 15em;
 margin-bottom: 4em;
}

#main table
{
 width: 43em;
 max-width: 99%;
 min-width: 20em;
}

#teamlist
{
 width: 15em;
 position: fixed;
 left: 0;
 top: 0;
 height: auto;
 overflow: auto;
 padding: 0;
 margin: 0;
 font-size: .85em;
 list-style-type: none;
}

#teamlist h3
{
 margin: 0;
}

#teamlist li,
#teamlist li a
{
 display: block;
 width: 12em;
 margin-bottom: 3px;
 padding: 0 .5em;
 color: black;
}

#teamlist li a
{
 border: 1px solid black;
 border-radius: .35em;
}

#teamlist li a:hover
{
 border-style: inset;
 text-decoration: underline;
 color: black;
}

.date
{
 background-color: #fcc;
 color: black;
 text-align: right;
}

.pub
{
 background-color: #bbb;
 font-weight: normal;
}

.gamesched
{
 border: 1px solid black;
 border-radius: .25em;
 width: 36em;
 max-width: 100%;
 padding-bottom: .25em;
 margin-left: 5%;
}

.gamesched th
{
 border: 1px solid transparent;
 border-radius: .25em;
 background-color: black;
 color: white;
}

.gamesched td
{
 padding: .125em .5em;
 color: black;
 text-align: left;
}

footer
{
 font-size: .85em;
 text-align: right;
 margin-top: 3em;
 border-top: 1px solid hsl(5, 93%, 52%);
 padding: .25em 1em;
}

.results
{
 width: 35em;
 margin: auto;
}

.results td,.results th
{
 text-align: left;
 padding-left: .5em;
}

.gameresult
{
 text-align: center;
}

.notes
{
 width: 12em;
 margin: 1em auto;
 text-align: left;
}

#prevlist
{
 margin:  0;
 padding: 0;
 width: 10em;
 line-height: 1.1;
}

#prevlist li
{
 text-align: left;
 margin: 0 0 0 1em;
 padding: 0;
}

.t,.T, .Torquemada
{
 background-color: #bcd;
}

.j,.J, .Jaworski
{
 background-color: #dcb;
}

table.game
{
 max-width: 95%;
 width: 36em;
 margin: 1em 5%;
 border: 1px solid black;
 padding: .25em;
 border-radius: .25em;
 background-color: #eee;
}

td { padding: .125em .75em; }
td + td { text-align: center; }
td + td + td + td { text-align: left; }