font-family: sans-serif;
font-size: 100%;
padding: 0;
- margin: 8pt 0 0 8pt;
+ margin: 0;
background-color: #eee;
+ color: #444;
+}
+
+section {
+ margin: 8pt 0 0 8pt;
}
h1 {
font-size: 80%;
}
-audio {
- margin: 20pt 20pt 20pt 20pt;
+nav ul, footer ul {
+ background-color: #444;
+ padding: 1em 0 1em 1em;
+ margin: 0;
+ text-transform: uppercase;
+ font-size: 100%;
+ border-bottom-color: #444;
+ border-bottom-width: medium;
+ border-bottom-style: solid;
+ list-style: none;
+}
+
+nav ul li, footer ul li {
+ display: inline;
+ margin: 0 1.5em 0 0;
+ padding: 0;
+ letter-spacing: 1px;
+
+}
+
+nav a, footer a {
+ color: #eee;
+ text-decoration: none;
+}
+
+nav li.selected {
+ font-weight: bold;
+ color: #eee;
+}
+
+nav li.selected, nav a:hover {
+ padding-bottom: 1em;
+ border-bottom-color: #eee;
+ border-bottom-style: solid;
+ border-bottom-width: medium;
}