hr { background-color: #284c58; height: 4px; }

h1 { color: #000; text-align: center; }
#menu img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-left: 10px; }

#menu { overflow: auto; }

#menu span, .answer { 
 float: left;
 padding: 5px;
 text-transform: uppercase;
 text-align: center;
 background-color: white;
 margin: 5px;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

#topnav ul, #levelsnav ul { list-style: none; background-color: #29504d; font-size: 16px; text-transform: uppercase; padding: 10px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#topnav a, #levelsnav a { color: white; font-weight: bold; }
#topnav ul li, #levelsnav ul li { display: inline; padding: 10px; }
#topnav img { width: 16px; height: 16px; }

.answer { min-height: 100px; }

#menu span a { color: black; }
#note { background-color: #FFCC33; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#note { padding: 10px; }

#instructions { text-align: center; }
.reveal { display: none; color: white; background-color: #19253b; }

#letteranswers, #letterlinks, #bandanswers { overflow: auto; clear: both; }
.letteranswer { background-color: black; float: left; text-align: center; padding: 0px 10px; margin: 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1em; }
.letteranswer a { color: white; font-weight: bold; }
.bignumber { font-size: 2em; }

#about { color: black; margin: 10px 0px; padding: 10px; }
#about a { font-weight: bold; }

#single-answer { width: 468px; min-height: 10em; margin-top: 10px; margin-bottom: 10px; background-color: #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#single-answer p { font-size: 24px; margin: 0px; padding: 0px; margin-top: 10px; }
#single-answer a { color: #ea2c58; font-weight: bold; }
#description { float: left; }