Improve menu.

static/purecss/side-menu.css

@@ -1,5 +1,50 @@
 body {
-    color: #777;
+    color: #555;
+    background: #fff;
+    font-size: medium;
+}
+
+figure-caption {
+    font-size: small;
+}
+
+.image {
+    display:block;
+    margin: 0 auto;
+    text-align: center;
+}
+
+a {
+    color: #20c;
+    text-decoration: underline;
+}
+
+a:hover {
+    color: #007fff;
+}
+
+.pure-menu-link:hover {
+    color: #555;
+}
+
+aside {
+    display: block;
+    border: 1px solid;
+    border-radius: 25px;
+    padding: 20px;
+    margin: 20px;
+}
+
+.news {
+    border: 3px solid;
+    background: #ffa500;
+    color: #000;
+    border-color: #000;
+}
+
+.pure-aside-link {
+    color: #000065;
+    text-decoration: underline;
 }
 
 .pure-img-responsive {
@@ -7,6 +52,15 @@ body {
     height: auto;
 }
 
+.pure-menu-selected {
+    background: #555;
+    color: white;
+}
+
+    .pure-menu-selected .pure-menu-link {
+        color: white;
+    }
+
 /*
 Add transition to containers so they can push in and out.
 */
@@ -42,7 +96,7 @@ The content `<div>` is where all your content goes.
 .content {
     margin: 0 auto;
     padding: 0 2em;
-    max-width: 800px;
+    max-width: 80%;
     margin-bottom: 50px;
     line-height: 1.6em;
 }
@@ -61,7 +115,7 @@ The content `<div>` is where all your content goes.
     }
      .header h2 {
         font-weight: 300;
-        color: #ccc;
+        color: #888;
         padding: 0;
         margin-top: 0;
     }