/* --- Sections --- */
#ft { border-top: 3px solid #999; margin-top: 24px; padding-top: 12px; }
.masthead { margin-top: 24px; margin-bottom: 32px; background-repeat: no-repeat; background-position: top right; }

/* --- Typography --- */
a           { text-decoration: none; color: #1b75bc; }
.underlined { text-decoration: underline; }
.uppercase  { text-transform: uppercase; }
.huge       { font-size: 480%; line-height: 93%; margin: 0; }
.big_number { font-size: 300%; font-weight: bold; }
.very_big   { font-size: 197%; }
.bigger     { font-size: 146%; }
.big        { font-size: 115%; }
.small      { font-size: 85%; }
.blue       { color: #1b75bc; }
.black      { color: #000; }
.dark_grey  { color: #555; }
.dark_grey_bg { background-color: #666; }
.light      { color: #999; }
.half_width { width: 60%; }
.full_width { width: 100%; }
.centered   { text-align: center; }
.numeric    { text-align: right; }
.description p { font-size: 108%; color: #555; }

/* --- Tables --- */
td, th { border: 0; padding: 0; }

/* --- Config Box --- */
#config { padding: 12px 16px; margin-bottom: 16px; }
#config, #config a { color: #fff; }
#config p { text-align: left; margin: 0; }
#config .current { border-bottom: 2px solid #8cc63f; }
#config a { border-bottom: 2px solid #444; }
#controls { margin: 8px 0; }

/* --- Animal Listing --- */
.animal_listing { width: 730px; margin-left: 10px; }
.animal_listing a { display: block; height: 64px; padding: 2px 0 6px 0; clear: left; }
.animal_listing span { display: block; float: left; padding: 3px 0 3px 8px; }
.animal_names { width: 190px; margin-top: 14px; }
.animal_speeds { width: 140px; margin-top: 14px; }
.animal_graph { width: 300px; margin-top: 20px; }
.bar { display:block; background-color: #8cc63f; height: 12px; }
.small_animal { width: 64px; height: 64px; padding-right: 12px; }
.clickable:hover { background-color: #FFC; }