Rearranges horizontal menu element

Tumblr is placed first. I want people to check it out.

css/custom.css

@@ -49,9 +49,9 @@ a.siteBanner:hover{
 }
 
 .hmenu {
-   text-align: right;
+   text-align: left;
    font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
-   font-size: 0.9em;
+   font-size: 1.1em;
    border-top: 1px solid #8C8C8C;
    border-bottom: 1px solid #8C8C8C;
    text-shadow: #EBEBEB 0 1px;

index.html

@@ -79,15 +79,15 @@
       <div class="pre_2 col_9 suf_1">
 	<div class="hmenu">
           <div class="col_1">
-            <span>Archives</span>
+            <span>Tumblr</span>
           </div>
 
           <div class="col_1">
             <span>About</span>
           </div>
 
-          <div class="col_1">
-            <span>Tumblr</span>
+          <div class="col_2">
+            <span>Archives</span>
           </div>
 
           <div class="pre_2 col_4 last">