hr { background-color: #284c58; height: 4px; }

h1 { color: black; text-align: center; }
#menu img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#boxad { background-color: #19253b; padding-left: 10px; }
#boxad { background-color: #293950; }

#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; margin-right: 10px; background-color: #87c2bb; padding: 8px; }
.answer a { color: black; }

#menu span a { color: black; }
#note { background-color: #f9f9e9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; }

#level-answers, #search-answers { overflow: auto; }

#instructions { text-align: center; }
.reveal { display: none; color: white; background-color: #19253b; }

#letteranswers, #chapterlinks { overflow: auto; clear: left; }
.levelanswer { 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: 2em; }
.levelanswer a { color: white; font-weight: bold; }
.bignumber { font-size: 3em; }
#chapter1 { background-color: #FF6600; } #chapter2 { background-color:#0099CC; } #chapter3 { background-color:#66CC00; } #chapter4 { background-color:#0033CC; } #chapter5 { background-color: #996633; } #chapter6 { background-color: #FF3366; } #chapter7 { background-color: #993366; } #chapter8 { background-color: #CC6666; } #chapter9 { background-color: #336699; } #chapter10 { background-color: #999966; } #chapter11 { background-color: #3399FF; } #chapter12 { background-color: #996699; } #chapter13 { background-color: #336666; } #chapter14 { background-color: #009933; } #chapter15 { background-color: #333366; } #chapter16 { background-color: #9966CC; } #chapter17 { background-color: #009966; } #chapter18 { background-color: #9966FF; } #chapter19 { background-color: #CC9900; } #chapter20 { background-color: #6699CC; } #chapter21 { background-color: #990000; } #chapter22 { background-color: #999900; } #chapter23 { background-color: #CC6600; } #chapter24 { background-color: #66CC00; } #chapter25 { background-color: #006666; } 

#about {color: black; padding: 10px; }
#about a { font-weight: bold; }

#single-answer, #share-answer {overflow: auto; width: 468px; margin-top: 10px; margin-bottom: 10px; background-color: #87c2bb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#share-answer { display: none; text-align: right; padding: 6px; width: 456px; }
#single-answer p, #share-answer p { font-size: 24px; margin: 0px; padding: 0px; }
#share-answer p { margin-bottom: 2px; }
#single-answer p { margin-top: 10px; }
#single-answer a, #share-answer p { color: #e34c4d; font-weight: bold; }
#description { float: left; }

.description { background-color: #faf9ea; margin: 10px; }