Cleaned up footer selectors

resources/css/app.css

@@ -265,17 +265,17 @@ body > .ui-layout-south {
 		line-height: 12px;
 	}
 
-	body > .ui-layout-south > div#wrapperFooterRight {
+	body > .ui-layout-south > div:last-child {
 		text-align: right;
 		padding-right: 10px;
 		padding-top: 3px;
 	}
 
-		body > .ui-layout-south > div#wrapperFooterRight div.btn-group {
+		body > .ui-layout-south > div:last-child div.btn-group {
 			height: 25px;
 		}
 
-	body > .ui-layout-south > div#wrapperFooterLeft {
+	body > .ui-layout-south > div:first-child {
 		text-align: left;
 		padding-left: 10px;
 		padding-top: 2px;

resources/templates/footer/layout.html

@@ -1,14 +1,14 @@
-<div id="wrapperFooterLeft" class="span4 row-fluid">
+<div class="span4 row-fluid">
 	<div class="span2">
 		<button class="btn btn-mini btn-inverse" type="button" data-target="sidebar"><i class="icon-chevron-left icon-white"></i></button>
 	</div>
 	<button class="btn btn-mini btn-inverse" type="button" data-target="random"><i class="icon-random icon-white"></i></button>
 	<button class="btn btn-mini btn-inverse" type="button" data-target="repeat"><i class="icon-retweet icon-white"></i></button>
 </div>
-<div id="wrapperFooterCenter" class="span4">
+<div class="span4">
 	<span class="list-count">0</span>&nbsp;items
 </div>
-<div id="wrapperFooterRight" class="span4">
+<div class="span4">
 	<!-- <div class="btn-group">
 		<button class="btn btn-inverse btn-mini"><i class="icon-download-alt icon-white"></i>Download</button>
 		<button class="btn btn-inverse btn-mini dropdown-toggle" data-toggle="dropdown">