The layout has changed a little bit, to mini-mize the "white-space" in the header and so fort.

data/interfaces/default/artist.html

@@ -33,18 +33,18 @@
 	</div>
 	<form action="markAlbums" method="get"><input type="hidden" name="ArtistID" value=${artist['ArtistID']}>
 	<p class="indented">Mark selected albums as 
-		<select name="action">
+		<select class="styled" name="action">
   			<option value="Wanted">Wanted</option>
   			<option value="WantedNew">Wanted (new only)</option>
   			<option value="Skipped">Skipped</option>
   			<option value="Downloaded">Downloaded</option>
 		</select>
-		<input type="submit" value="Go">
+		<input type="submit" value="GO">
 	</p>
 	<table class="display" id="album_table">
 		<thead>
 			<tr>
-				<th id="select"><input type="checkbox" onClick="toggle(this)" /></th>
+				<th id="select"><input class="styled" type="checkbox" onClick="toggle(this)" /></th>
 				<th id="albumart"></th>
 				<th id="albumname">Name</th>
 				<th id="reldate">Date</th>
@@ -86,7 +86,7 @@
 				
 			%>
 			<tr class="grade${grade}">
-				<td id="select"><input type="checkbox" name="${album['AlbumID']}" class="checkbox" /></td>
+				<td id="select"><input class="styled" type="checkbox" name="${album['AlbumID']}" class="checkbox" /></td>
 				<td id="albumart">
 				<div class="album-art-small">
 					<a href="albumPage?AlbumID=${album['AlbumID']}">

data/interfaces/default/base.html

@@ -33,7 +33,6 @@
 		<script type="text/javascript" src="js/FancyScript.js"></script>
 		<!-- Custom Form elements-->
 		<script type="text/javascript" src="js/custom-form-elements.js" ></script>
-		<link type="text/css" href="css/custom-form-elements.css" rel="stylesheet" />
 		<!-- jScrollPane -->
 			<!-- styles needed by jScrollPane -->
 			<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
@@ -76,10 +75,11 @@
             </div>
 			% endif
 		<header>
-			
+					
 			<div id="logo">
 				<a href="home"><img src="images/headphoneslogo.png" alt="headphones"></a>
 			</div>
+			${next.headerIncludes()}
 			<div id="searchbar">
                 <form action="search" method="get">
                     <input type="text" value="" onfocus="if(this.value==this.defaultValue) this.value='';" name="name" />
@@ -101,12 +101,9 @@
 				<li><a href="logs">Logs</a></li>
 				<li><a href="config">Settings</a></li>
 		</ul>
-		<div id="subhead">
-				${next.headerIncludes()}
-		</div>
-		<div id="main" class="main">
-			${next.body()}
-		</div>
+			<div id="main" class="main">
+				${next.body()}
+			</div>
 
 		<footer>
 		</footer>

data/interfaces/default/upcoming.html

@@ -42,7 +42,7 @@
 	<form action="markAlbums" method="get">
 		<div class="dataTables_mark">
 	<p class="indented">Mark selected albums as 
-		<select name="action">
+		<select class="styled" name="action">
   			<option value="Skipped">Skipped</option>
   			<option value="Downloaded">Downloaded</option>
 		</select>
@@ -54,7 +54,7 @@
 		<table class="display" id="wanted_table">
 		<thead>
 			<tr>
-				<th id="select"><input type="checkbox" onClick="toggle(this)" /></th>
+				<th id="select"><input class="styled" type="checkbox" onClick="toggle(this)" /></th>
 				<th id="albumart"></th>
 				<th id="artistname">Artist</th>
 				<th id="albumname">Album Name</th>
@@ -65,7 +65,7 @@
 		<tbody>
 		%for album in wanted:
 			<tr class="gradeZ">
-				<td id="select"><input type="checkbox" name="${album['AlbumID']}" class="checkbox" /></th>
+				<td id="select"><input class="styled" type="checkbox" name="${album['AlbumID']}" class="checkbox" /></th>
 				<td id="albumart">
 					<div class="album-art-small">
 					<a href="albumPage?AlbumID=${album['AlbumID']}">