.offline h1, .offline p, .offline .faq dt, .offline .faq dd, .offline .faq li { margin: 1em 0; }
.offline .description { font-size: 160%; text-align: center; }
.offline .faq { margin-top: 5em; text-align: left; }
.offline .faq dt { font-size: 120%; font-weight: 700; font-style: italic; }
.offline .faq dt[id] { padding-top: 1em; border-top: solid 0.25em gray; }
.offline .faq ul, blockquote { margin: 1em 1em 1em 2em; }
.offline .faq img { float: right; }
.offline + .ad { display: none; }

.offline dl.controls { width: 90%; margin: 0 auto 1em; padding: 0.5em; }
.offline .controls dt { width: 12em; text-align: left; clear: left; float: left; }
.offline .controls dd { font-style: italic; font-size: 80%; text-align: left; margin-left: 16em; }
.offline .controls dd { margin-bottom: 0.5em; }
.modes dd { min-height: 4em; }
.options dt, .options dd { min-height: 2em; }

.offline .modes button {
   border-top: 1px solid #fff;
   background: #ddd;
   width: 100%;
   padding: 0.3em 1em;
   -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;
   -webkit-box-shadow: black 0 1px 0; -moz-box-shadow: black 0 1px 0; box-shadow: black 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 150%;
   text-decoration: none;
   vertical-align: middle;
}
.offline .modes button:hover {
   color: #444;
}
.offline .modes button:active {
   border-top-color: black;
   background: #ccc;
   -webkit-box-shadow: white 0 1px 0; -moz-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0;
}