adapt.css: reformat menu hirarchy

adapt.css

@@ -97,17 +97,12 @@ appears on the left side of the page.
   border-right: 1px solid #ccc;
 }
 /* All anchors inside the menu should be styled like this. */
+#menu { color: #000; padding-top: 4em;}
 #menu a { color: #000; border: none; padding: 0.6em 0 0.3em 0.6em; font-size:85%; }
-/* Sidebar Headings too TODO */
-#menu .sidehead { color: #000; border: none; padding: 0.6em 0 0.3em 0.6em; }
 /* Remove all background/borders, since we are applying them to #menu.*/
 #menu .pure-menu,
 #menu .pure-menu ul {
   border: none; background: transparent; }
-/* Add that light border to separate items into groups. */
-#menu .pure-menu ul,
-#menu .pure-menu .menu-item-divided {
-  padding-top: 0.5em; }
 /* Change color of the anchor links on hover/focus. */
 #menu .pure-menu li a:hover,
 #menu .pure-menu li a:focus {
@@ -123,15 +118,11 @@ appears on the left side of the page.
   font-size: 110%; color: #444; margin: 0; }
 
 /* Sidebar headings */
-#menu .sidehead {
-  color: #000; border: none; padding: 0.6em 0 0 0.6em; background: #eee; }
-#menu .sidehead a { color:#000; }
-#menu .sidehead a:hover { text-decoration:underline; }
-/* Side menu search form TODO */
-#menu .sidesearch {
-  background: #eee; color: #000; padding-bottom: 0.2em; padding-top: 0.5em; }
-#menu .sidesearch a:hover {
-  text-decoration:underline; }
+#menu .sidehead {}
+#menu .sidehead a:hover,
+#menu .pure-menu li a:focus{
+  background: #ccc;}
+#menu .pure-menu ul {padding-left: 12px;}
 
 
 /* -- Dynamic Button For Responsive Menu -------------------------------------*/