Add black header

layouts/header.html

@@ -1,5 +1,5 @@
 <div id="header">
-  <a href="/">WM</a>
+  <a href="/">WezM<sup>.net</sup></a>
   <ul id="menu">
     <li><a href="/articles/">Articles</a></li>
     <li><a href="/topics/">Topics</a></li>

output/css/style.css

@@ -95,48 +95,34 @@ pre {
 
 #header {
   font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
-  /*background-color: rgb(112, 128, 144);  Slate gray */
-/*  padding: 0.5em 1em;*/
-/*  text-shadow: rgb(187, 187, 187) 1px 1px 1px;*/
   font-size: 1.8em;
-/*  font-weight: 200;
-  -webkit-border-radius: 0.5em;
-  -moz-border-radius: 0.5em;
-  border-radius: 0.5em;*/
-  background: url(/images/quadrant.png) top left no-repeat;
-  height: 75px;
+  color: white;
+  padding: 0.5em;
+  -webkit-border-bottom-right-radius: 1em;
+  -moz-border-bottom-right-radius: 1em;
+  border-bottom-right-radius: 1em;
+  background-color: black;
 }
 #header a {
   text-decoration: none;
-  color: black;
-}
-#header > a {
-  float: left;
-  display: block;
   color: white;
-  padding: 1em 0 0 0.75em;
 }
 #header a:hover {
-  color: #36454F;
-/*  text-shadow: rgb(0, 187, 0) 1px 1px 1px;*/
 }
 
 ul#menu {
   list-style: none;
-  /* background-color: rgb(112, 128, 144); Slate gray */
   float: right;
   margin: 0;
-  padding: 1em 1em 0;
+  padding-right: 0.25em;
 }
 ul#menu li {
   display: inline;
   font-size: inherit;
-/*  text-shadow: rgb(187, 187, 187) 0px 1px 1px;*/
-/*  width: 5em;*/
 }
 
 #main {
-  margin: 0 1em;
+  padding: 0 2em;
   clear: both;
 }