#top { color: #fff; margin-bottom: 1em; padding: 10px; }
#top { float: left; text-shadow: 2px 2px 2px #000; width: 100%; }
#title h1 { float: left; font-size: 40px; }
#backbutton { margin-right: 12px; float: left; }
#top .right { float: right; font-size: 1.5em; padding: 10px 10px 0 10px; line-height: 1.5em; }
#top .right * { display: inline-block; vertical-align: middle; }
#top .progression { margin-right: 1em; }
#top .description { padding-top: 10px; clear: both; font-size: 1.3em; }
.bgbox { padding: 10px 10px 0 10px; margin-bottom: 1em; }

#cave .map { background: url(/images/map-bg.png) #28415B; border: 1px outset #333; border-radius: 5px; width: 100%; color: #fff; }
#cave .map { position: relative; display: block; padding: 5px; margin-bottom: 12px; }
#cave .map .locked { position: absolute; top:0; left: 0; right: 0; bottom: 0; background: url(../images/locker.png) no-repeat 50% 50% rgba(0, 0, 0, 0.5); }
#cave .map .header { height: 54px; padding: 0px 3px; }
#cave .map .header .name { display: block; margin-top: -6px; font-family: 'Boogaloo', cursive; font-size: 28px; color: #fc0; text-shadow: 1px 1px 3px #000; }
#cave .map .header .author { font-family: 'Droid Sans', sans-serif; color: white; font-size: 13px; opacity: 0.5; font-style: italic; margin-top: -6px; }
#cave .map .header .pourcent { font-family: 'Droid Sans', sans-serif; color: white; font-size: 15px; line-height: 16px; opacity: 0.8; text-shadow: 1px 1px 1px #000; }
#cave .map div.rank { position: absolute; top: 6px; right: 6px; }
#cave .map div.difficulty { position: absolute; top: 14px; right: 6px; }
#cave .map .thumb { display: block; border: 1px inset #444; position: relative; }
#cave .map .thumb:focus { border: 1px solid #fc0; }
#cave .thumb img { width: 100%; height: auto; }
#cave .map .status { position: absolute; left: 50%; width: 60%; margin-left: -30%; top: 50%; height: 40px; margin-top: -20px; background-color: rgba(0, 0, 0, 0.6); color: white; }
#cave .map .status { border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); line-height: 40px; font-family: 'Droid Sans', sans-serif; font-size: 20px; text-align: center; }
#cave .map .status.mastered { background-color: rgba(32,24,0,0.8); border-color: #960; color: #fc0; }
#cave .map .status.completed { background-color: rgba(0,32,0,0.8); border-color: #090; color: #0f0; }
#cave .map .status.neverwon { background-color: rgba(32,0,0,0.8); border-color: #900; color: #f00; }
#cave .map .replay { font-size: 20px; line-height: 26px; }
#cave .map .info { height: 24px; }
#cave .map .score .number { text-shadow: 1px 1px 2px #000; display: inline-block; }
#cave .map .score span span { line-height: 26px; font-size: 20px; vertical-align: middle; }
#cave .replay { float: left; margin-top: 2px; }
#cave .score { float: right; margin-top: 2px; }
#cave .icon { background-image: url(/images/icons-24.png); width: 24px; height: 24px; display: inline-block; }
#cave .icon.medal { background-position: -24px 0; }
#cave .icon.diamond { background-position: -48px 0; }
#cave .icon.difficulty { background-position: -72px 0; width: 18px; }
#cave .icon.love { background-position: -96px 0; }
#cave .map .info .icon { margin: 0 3px; }