diff --git a/layouts/header.html b/layouts/header.html
index 5125a64..617291e 100644
--- a/layouts/header.html
+++ b/layouts/header.html
@@ -1,5 +1,5 @@
 <div id="header">
-  <a href="/">WezM<sup>.net</sup></a>
+  <a href="/">WM</a>
   <ul id="menu">
     <li><a href="/articles/">Articles</a></li>
     <li><a href="/topics/">Topics</a></li>
diff --git a/output/css/style.css b/output/css/style.css
index 0b7c540..441329a 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -8,7 +8,7 @@ body {
   font-size: 62.5%;
   background: #fff;
   color: #223;
-  padding: 2em;
+/*  padding: 2em;*/
 }
 
 p,li {
@@ -95,19 +95,27 @@ 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;
+  /*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;
+/*  font-weight: 200;
   -webkit-border-radius: 0.5em;
   -moz-border-radius: 0.5em;
-  border-radius: 0.5em;
+  border-radius: 0.5em;*/
+  background: url(/images/quadrant.png) top left no-repeat;
+  height: 75px;
 }
 #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;*/
@@ -115,9 +123,10 @@ pre {
 
 ul#menu {
   list-style: none;
-  background-color: rgb(112, 128, 144); /* Slate gray */
+  /* background-color: rgb(112, 128, 144); Slate gray */
   float: right;
   margin: 0;
+  padding: 1em 1em 0;
 }
 ul#menu li {
   display: inline;
diff --git a/output/images/quadrant.png b/output/images/quadrant.png
new file mode 100644
index 0000000..300cb92
Binary files /dev/null and b/output/images/quadrant.png differ