Changes horizontal menu elements from div to span

So on mobile mode they appear on the same line instead of separate lines.
It helps is utilizing space.

index.html

@@ -79,31 +79,32 @@
 
       <div class="pre_2 col_9 suf_1">
 	<div class="hmenu">
-	  <div class="col_1">
-	    <span>Home</span>
-	    </div>
-          <div class="col_1">
-            <span>Tumblr</span>
-          </div>
-
-          <div class="col_1">
-            <span>About</span>
-          </div>
-
-          <div class="col_2">
-            <span>Archives</span>
-          </div>
-
-          <div class="pre_1 col_4 last searchBox">
+
+	  <span class="col_1">
+	    Home
+	    </span>
+          <span class="col_1">
+            Tumblr
+          </span>
+
+          <span class="col_1">
+            About
+          </span>
+
+          <span class="col_1">
+            Archives
+          </span>
+
+          <span class="pre_1 col_4 last searchBox">
 	    <form action="http://www.google.com/cse">
-              <div>
+              <span>
                 <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>
+              </span>
             </form>
-          </div>
+          </span>
 	</div>
       </div>