adding retina logo and favicon, adding retina search icon

data/interfaces/default/base.html

@@ -44,7 +44,7 @@
 		<header>
 			<div class="wrapper">
 			<div id="logo">
-				<a href="home"><img src="images/headphoneslogo.png" alt="headphones"></a>
+				<a href="home"><img src="images/headphoneslogo.png" alt="headphones" width="64"></a>
 			</div>
 			<ul id="nav">
 				<li><a href="upcoming">wanted</a></li>
@@ -57,7 +57,7 @@
 			<div id="searchbar">
                 <form action="search" method="get">
                     <input type="text" value="" placeholder="Search" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" />
-                    <span class="mini-icon"></span>
+                    <i class='fa fa-search mini-icon'></i>
                     <select name="type">
   						<option value="artist">Artist</option>
   						<option value="album">Album</option>

data/interfaces/default/css/style.css

@@ -804,13 +804,11 @@ div#searchbar input[type=text] {
   width: 150px;
 }
 div#searchbar .mini-icon {
-  height: 20px;
-  width: 20px;
-  background: url("../images/icon_search.gif") left top no-repeat;
+  color: #999;
   position: absolute;
   display: block;
-  margin-left: 6px;
-  margin-top: 6px;
+  margin-left: 9px;
+  margin-top: 7px;
 }
 .configtable legend {
   font-size: 16px;

data/interfaces/default/css/style.less

@@ -472,13 +472,11 @@ div#searchbar {
         width: 150px;
     }
     .mini-icon {
-    	height: 20px;
-    	width: 20px;
-    	background: url("../images/icon_search.gif") left top no-repeat;
+    	color: #999;
     	position: absolute;
     	display: block;
-    	margin-left: 6px;
-    	margin-top: 6px;
+    	margin-left: 9px;
+    	margin-top: 7px;
     }
 }