body {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 90%;
  margin: 0 10%;
  padding: 0;
  color: #032946;
}

img {
  border: none;
  background-color: #ffffff;
}

#header h1 {
  font-weight: normal;
  text-align: left;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 8px;
}

h1 {
  font-size: 110%;
  text-align: center;
}

div#profile {
  width: 16%;
  float: left;
  margin: 0;
  padding: 0;
}

#profile img {
  margin-right: 8px;
  vertical-align: top;
}

div#player {
  width: 36%;
  margin: 0;
  padding: 0;
  float: left;
}

#player h1, #player h2, #player h3, #player h4 {
  margin: 0 8px 4px 0;
  text-align: left;
  width: 98%;
}

div#number {
  width: 36%;
  float: left;
  margin: 0;
  padding: 0;
}

#number h4 {
  font-size: 500%;
  margin: 0 8px 4px 0;
  text-align: right;
  width: 98%;
}

h2 {
  font-size: 105%;
  width: 98%;
}

h3 {
  font-size: 105%;
  font-weight: bold;
  text-align: center;
  width: 98%;
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 2px solid #e61717;
  color: #e61717;
  /*border-bottom: 2px solid #6d0303;
  color: 2px solid #6d0303;*/
}

h4 {
  font-size: 100%;
  margin: 8px 0;
}

h5 { font-size: 95%; }
h6 { font-size: 90%; }

a {
  text-decoration: none;
  color: #032946;
}

a.light {
  color: #709de5;
  text-decoration: underline;
}

a:visited {
  /*color: #2e415f;*/
  color: #709de5;
}

a:hover {
  text-decoration: underline;
}

h2 a, h2 a:hover, h2 a:visited {
  text-decoration: none;
  color: #032946;
}

h3 a, h3 a:hover, h3 a:visited {
  text-decoration: none;
  color: #e61717;
}

h4 a, h4 a:hover, h4 a:visited {
  text-decoration: none;
  color: #032946;
}

td {
  white-space: nowrap;
}

#userbar {
  text-align: right;
  border-bottom: 2px solid #032946;
  padding: 4px 8px;
}

#header {
  margin: 8px 0;
}

#header a {
  float: left;
  padding: 4px 8px;
}

#footer {
  border-top: 2px solid #032946;
  padding: 8px;
  text-align: center;
  font-size: 80%;
}

#search {
  text-align: right;
  padding: 4px 8px;
}

.sep {
  border-top: 2px solid #032946;
  background-color: #a6c9e4;
  padding: 4px 8px;
  font-weight: bold;
  margin: 16px 8px 4px 0;
}

#content {
  width: 65%;
  float: left;
}

#right {
  width: 33%;
  float: right;
}

#content div, #right div {
  padding: 0 2px;
}

#home, #away, #scoring, #penalties {
  width: 100%;
  border: none;
}

p {
  margin: 12px 4px;
}

.column {
  width: 48%;
  padding: 0 1%;
  float: left;
}

.clear {
  clear: both;
}

.team {
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  margin: 16px;
}

.score {
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  margin: 16px;
}

.sm-score, .sm-wins, .sm-points {
  font-weight: bold;
}

.level {
  font-size: 120%;
  text-align: center;
  margin: 16px;
}

.stats {
  width: 100%;
  text-align: center;
}

#rosters, #roster {
  width: 100%;
}

.comment {
  margin: 8px;
  padding: 8px;
  border: 1px dashed #a6c9e4;
  margin: 16px;
}

ul.errorlist, ul.formlist, ul.toollist {
  list-style: none;
  margin: 12px 4px;
  padding: 0;
}

ul.errorlist li {
  color: #e61717;
}

label { display: block; }

#contact { padding: 8px; }
#comments input { font-size: 90%; }
#comments textarea { font-size: 90%; }
