Add loading indicator (and fix how it's hooked up).

css/style.css

@@ -370,6 +370,13 @@ blockquote cite {
 a[href] img {
 	border: none;
 }
+
+.loading {
+	background-image:url(../images/loading);
+	background-repeat:no-repeat;
+	background-position:center center;
+	min-height:64px;
+}
 /* End Various Tags & Classes*/
 
 /* Begin Headers */

search.html

@@ -2,7 +2,6 @@
 layout: with_sidebar
 body: search
 title: Archives
-dependencies: *
 ---
 {% if site.tapir_token %}
 <div class="shadow-box" id="search_results_area">
@@ -52,7 +51,7 @@ <h2>Posts <span id="result_count"></span></h2>
 		if (query) search_field.value = query[1]
 
 		var tapir_callback = function(results) {
-			search_results.className = '';
+			search_results.className = 'dates';
 			var resultCount = document.getElementById('result_count')
 			if (resultCount.textContent) resultCount.textContent = '(' + results.length + ')';
 			else resultCount.innerText = '(' + results.length + ')';
@@ -71,7 +70,7 @@ <h2>Posts <span id="result_count"></span></h2>
 			var query = search_field.value;
 			if (!query) return;
 
-			search_results.className = 'searching';
+			search_results.className = 'loading dates';
 			tapir(query, tapir_callback);
 		}
 
@@ -82,6 +81,6 @@ <h2>Posts <span id="result_count"></span></h2>
 </script>
 {% else %}
 <div class="shadow-box" id="search_results_area">
-	<p>Search is not enabled on this site.
+	<p>Search is not enabled on this site.</p>
 </div>
 {% endif %}