diff --git a/.gitignore b/.gitignore
index 0433613b68270ac4b87fe5737cd9b92af04ea03c..aeee880aabf69736d06031d34b8fbfe9f805b0b0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 /config.inc.php
+/UNL_Search.esproj/
diff --git a/www/index.php b/www/index.php
index 4996ff596c2a833f4cef2a8336e0135fecd5359a..35bdb62129dbcd6d81040928a84349f150dfe0cf 100644
--- a/www/index.php
+++ b/www/index.php
@@ -101,17 +101,13 @@ $page->maincontentarea = '
 <div id="searchform">
   <form action="./" method="get">
       <fieldset>
-      <div class="grid10 first">
           <label for="q">Search</label>
           <input class="search-query" type="text" name="q" id="search_q" title="search" />';
 if (!empty($local_results)) {
     $page->maincontentarea .= '<input type="hidden" name="u" value="'.htmlentities($_GET['u'], ENT_QUOTES).'" />';
 }
 $page->maincontentarea .= '
-      </div>
-      <div class="grid2">
-          <input class="search-button" title="search" type="submit" value="Search" />
-      </div>
+      <input class="search-button" title="search" type="submit" value="Search" />
       </fieldset>
   </form>
   <noscript>
@@ -121,12 +117,12 @@ $page->maincontentarea .= '
     </form>
   </noscript>
 </div>
-<div class="grid8 first">
+<div class="grid8 first" id="search_results">
     '.$local_results.'
     <h3 class="sec_header">UNL Web</h3>
     <div id="unl_results" class="google-results"></div>
 </div>
-<div class="grid4">
+<div class="grid4" id="directory_results">
     <h3 class="sec_header">UNL Directory</h3>
     <div id="ppl_results"></div>
     <a href="http://www1.unl.edu/wdn/wiki/About_Peoplefinder">About the UNL Directory</a>
diff --git a/www/searchCSS.css b/www/searchCSS.css
index c2ec801fc692e1e1ac2487497cc9ee1d3efdcd46..49a129e0927ec1eb7c581af6bc59f3f2906d343a 100644
--- a/www/searchCSS.css
+++ b/www/searchCSS.css
@@ -8,14 +8,7 @@
 #searchform fieldset {
 	
 }
-#searchform .grid10 {
-	width: 90%;
-}
-#searchform .grid2 {
-	margin-left:0;
-	width: 10%;
-	text-align: right;
-}
+
 #searchform label {
 	display: none;
 }
@@ -28,8 +21,11 @@
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
-    width:auto;
+    width:100%;
     overflow: auto;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 #searchform input.search-query {
@@ -38,7 +34,7 @@
     font-size: 1.5em;
     height: 31px;
     padding: 2px 0 0 8px;
-    width: 99%;
+    width: 70%;
 }
 #searchform input.search-button {
     -moz-border-radius: 5px;
@@ -52,13 +48,31 @@
     cursor: pointer;
 }
 
-@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
-	#searchform .grid10,
-	#searchform .grid2 {
-        width: auto;
-        float: none;
+@media (min-width: 480px) and (max-width: 599px) {
+    #maincontent .grid8 {
+        width: 49%;
+        margin-left: 0; /* It's the first column */
+    }
+    #maincontent #directory_results.grid4 {
+        width: 49%;
+        clear: none;
+        margin-left: 2%;
+    }
+}
+@media (min-width: 600px) {
+    #maincontent .grid8 {
+        width: 65.78%;
+        margin-left: 0; /* It's the first column */
+    }
+    #maincontent .grid4 {
+        width: 31.62%;
+        margin-left: 2.54%;
+        clear: none;
     }
 }
+@media (min-width: 768px) {
+
+}
 
 /** Overridden directory styles **/
 #maincontent .recordDetails {
@@ -68,9 +82,12 @@
 #maincontent ul.pfResult li div.overflow {
 	cursor: auto;
 }
-#maincontent .pfResult a.cInfo {font-size: 0.75em;
+#maincontent .pfResult a.cInfo {
+    font-size: 0.75em;
     font-weight: bold;
-    text-transform: uppercase;}
+    text-transform: uppercase;
+    bottom: 0;
+}
 #maincontent .pfResult .fn, #maincontent .pfResult .fn a {font-size:12px; line-height:14px; min-height:14px;}
 #maincontent .pfResult .on-campus-dialing {display:block;margin-top:-5px;}