a { font-family: Arial, Verdana, sans-serif; font-weight: bold; color: #E2D2AE; line-height: 120%; text-decoration: none;}
a:hover { color: white; }
#splash { background-image: none; height: 88px; padding: 0px;}

/* Specific CafeStats */
#mapgraph { float: right; width: 500px; height: 100px; background-color: #e1e1e1; margin: 10px; }
#sort { border-right: 3px solid white;  float: left; text-align: center; }
#sortbox {overflow: auto; height: 317px; padding: 1em;}
.statitem { display: block; text-align: left; line-height: 130%;}
#sortbox a { text-decoration: none; font-size: 12px; text-align: right; }
#sortbox a:hover { color: #c3c3c3; text-shadow: .5px .5px .8px #000; }
#sort h4 { font-family: monospace; font-size: 14px; font-weight: bold; }
#sortlist { font-family: Verdana, sans-serif;  margin-left: 185px; }
#sortlist h1 { font-size: 18px; font-family: Arial, sans-serif; display: block; border-bottom: 1px solid black; margin-bottom: 1em;}
h6.explain { text-align: right; font-size: 10px; color: #212121; font-style: italic; }
#sortlist li { padding-left: 1em;  color: black;}
#sortlist li strong { margin-left: 3em;}
#sortlist li.user { font-family: monospace; border-bottom: 1px dotted #373331; padding: .25em;  margin-top: 1em; }
#sortlist li.data { width: 50%; background-color: #788987; padding: .25em; padding-left: 2em; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
#sortlist span.num { width: 20px; height: 20px;  background-color: #445A77; color: white; font-weight: bold; float: left; font-size: 14px; font-family: monospace; }

/** TEAM COLORS **/
.blu { color: #62778C; }
.red { color: #B23C3C; }

/* Map Stats */
#statnav { margin-bottom: 1em; display: block; width: 100%; background-color: #E3BA93; padding-top: .3em; padding-bottom: .33em; text-align: left; }
#statnav a { font-size: 12px; color: black; text-decoration: none; margin-left: 1em; }
#score {padding: 3px; display: block; }
.zips { margin: 3px; border: 2px solid black; }
.biggraphlabel { padding: 3px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; margin-left: auto; margin-right: auto; display: block; width: 410px; }

/* Cafestats Overview */
#selectstats { position: relative; margin-left: auto; margin-right: auto; font-family: Verdana, Arial, sans-serif; margin-bottom: 25px; }
#selectstats a:hover {  line-height: 120%; text-decoration: none;}
.sshead { text-align: center; display: block;  padding: .33em; background-color: #806F5B; font-size: 14px; padding: .66em; color: white; font-weight: bold; }
.sshead a { color: white; text-align: right; }
.sshead a:hover { color: #ffffff !important; }
.sslist { vertical-align: top; border-bottom: 4px double #c3c3c3;  min-height: 134px; min-width: 200px; text-align: left; display: inline-block;}
.sslist li { font-size: 12px;  padding: .25em; line-height: 120%; font-family: Verdana, Arial, sans-serif; }
li.explain { font-style: italic; font-size: 10px; line-height: 80%; }
.hover a { font-size: 12px; }
li.hover:hover { background-color: #A7957F; }
#statsbody { font-family: Verdana, sans-serif; color: white; background-color: #494136; border: 3px double black;} 

.overview { font-family: Verdana, Arial, sans-serif; font-size: 12px; margin: 1em; }
.overview td { width: 150px; }
.overview th { font-weight: bold; border-bottom: 1px solid #373737; }
.statseperator { text-align: left; font-size: 18px; font-family: Arial; font-weight: bold; color: #313131; border-bottom: 1px dotted #cdcdcd; margin-top: 1em; margin-bottom: .5em; padding-left: 2em; }
.stacker { display: inline-block; }

.bigtable { color: white; margin-left: auto; margin-right: auto; width: 90%; line-height: 130%; font-size: 12px; font-family: Verdana, Arial, sans-serif; }
.bigtable th { text-align: center; border-bottom: 1px solid #373371; }
td.data { text-align: center; }
.lastline { padding-left: 5em; font-size: 10px; font-style: italic; }
tr.rowhover:hover {background-color: #806F5B; border-bottom: 1px solid #37331; }
.bigtable th { background-color: #806F5B; padding: .5em; }
/* User */
h1.userseperator { border-bottom: 1px solid #B23C3C; margin-bottom: 1em; margin-top: .5em; }

#classbreakdown hr { width: 99%; color: #62778C; }

.role { float: left; font-size: 12px; width: 15%;  margin-left: 1em; margin-right: 1em;}
.rolehead { font-size: large; }

.username { color: #E2D2AE; margin-left: 150px; text-align: left; font-family: Tahoma, Geneva, sans-serif; font-size: 24px; display: block; }

.bio { background-color: #806F5B; font-size: 10px; font-family: Verdana, Arial, sans-serif; margin-left: 150px; width: 500px;  padding: .5em; -moz-border-radius: 5px;}
.bio a { font-weight: normal; }
.bio dt { padding: 2px; -moz-border-radius: 2px;  float: left; clear: left; width: 70px; text-align: right; margin: 0 0 2px 0; }
.bio dd { -moz-border-radius: 2px;  width: 200px; margin: 0 0 2px 80px; text-align: left; padding: 2px; }

.role span { color: #E2D2AE; display: block; -moz-border-radius: 10px; padding: 5px 0 0 0;}
.role dl { background-color: #6B6A65; -moz-border-radius: 10px; margin: 5px 0 0 0; padding: .6em; }
.role dt { float: left; clear: left;  width: 100px; text-align: left; padding: .4em; }
.role dd { margin: 0 0 2px 50px; text-align: left; padding: .4em; }

.classid { vertical-align: top; width: 33%; text-align: right; display: inline-block; width: 256px; min-height: 384px; background-position: -100px 100px;  }
.classid .class { text-align: center; font-size: 18px; color: #E2D2AE; display: block; padding: 5px 0 0 0; }
.class em { font-size: 10px; color: white; }
.classid dl { margin: 25px 2em 0 3em; text-align: right; }
.classid dt { font-size: 14px; font-weight: bold; border-bottom: 1px dotted white; }
.classid dd { padding: .25em; }