Fixes horizontal menu for iPad landscape mode but it is still buggy

It seems that I cannot exceed width of the column, otherwise I will get into problems.
Like here my alignment gets fucked up on iPad portrait mode

css/custom.css

@@ -49,9 +49,9 @@ a.siteBanner:hover{
 }
 
 .hmenu {
-   text-align: center;
+   text-align: right;
    font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
-   font-size: 1.1em;
+   font-size: 0.9em;
    border-top: 1px solid #8C8C8C;
    border-bottom: 1px solid #8C8C8C;
    text-shadow: #EBEBEB 0 1px;
@@ -157,6 +157,7 @@ Mobile version - preset code from cssgrid.net */
 
    .hmenu {
       margin-top:-11px;
+      text-align: center;
    }
 
 

index.html

@@ -90,7 +90,7 @@
             <span>Tumblr</span>
           </div>
 
-          <div class="pre_3 col_3 last" style="text-align:right;">
+          <div class="pre_2 col_4 last">
 	    <form action="http://www.google.com/cse">
               <div>
                 <input type="hidden" name="cx" value="012236898957532950839:9eegq1vhwts">