Fixes the horizontal menu

css/custom.css

@@ -54,11 +54,11 @@ a.siteBanner:hover{
    font-size: 1.1em;
    border-top: 1px solid #8C8C8C;
    border-bottom: 1px solid #8C8C8C;
-   padding-top: .35em;
-   padding-bottom: .35em;
    text-shadow: #EBEBEB 0 1px;
    text-decoration: none;
    color:#444;
+   overflow: hidden;
+   padding: 0.35em;
 }
 
 .articleTitle {

index.html

@@ -76,30 +76,31 @@
         start, you will.</h4>
       </a>
 
-      <div class="col_12 hmenu">
-        <div class="col_2">
-          <span>Current Category</span>
-        </div>
-
-        <div class="col_2">
-          <span>Categories</span>
-        </div>
-
-        <div class="col_2">
-          <span>Archives</span>
-        </div>
-
-        <div class="col_2">
-          <span>Pages</span>
-        </div>
-
-        <div class="col_2">
-          <span>Tags</span>
-        </div>
-
-        <div class="col_2 last">
-          <span>About and Contact</span>
-        </div>
+      <div class="pre_2 col_9 suf_1">
+	<div class="hmenu">
+          <div class="col_1">
+            <span>Archives</span>
+          </div>
+
+          <div class="col_1">
+            <span>About</span>
+          </div>
+
+          <div class="col_1">
+            <span>Tumblr</span>
+          </div>
+
+          <div class="pre_3 col_3 last" style="text-align:right;">
+	    <form action="http://www.google.com/cse">
+              <div>
+                <input type="hidden" name="cx" value="012236898957532950839:9eegq1vhwts">
+                <input type="hidden" name="ie" value="UTF-8">
+                <input id="search" class="text-input" type="text" name="q" size="15" tabindex="0" accesskey="S">
+                <input id="searchsubmit" type="submit" name="sa" value="Search" tabindex="0">
+              </div>
+            </form>
+          </div>
+	</div>
       </div>