+body:before {
+ position: absolute; display: block;
+ top: -1px; height: 2.25em; width: 100%;
+ background-color: #222;
+ margin: 0; padding: 0;
+ padding-top: .5em;
+ border-bottom: 1px solid #FFF;
+ content: '';
+}
+body.playctl:before {
+ top: -2px;
+ margin-top: 1.25em;
+ border-top: 1px solid #FFF;
+}
+
+input[name=topmenu] {display: none;}
+input[name=topmenu] + label {
+ position: relative;
+ top: -2.5em;
+ display: inline-block;
+ text-decoration: none;
+ padding: .5em .5em;
+ line-height: 1.25em;
+ transition: none;
+ border: 1px none #FFF;
+ text-align: center;
+}
+@media (min-width: 620px){input[name=topmenu] + label { padding: .5em 1.5em; }}
+
+input[name=topmenu]:checked + label {
+ background-color: #333;
+ margin-left: -1px; margin-top: -1px;
+ border-style: solid solid none solid;
+}
+input[name=topmenu]:checked + label + * + input + label { margin-left: -1px; }