Initial styling of index page

data/css/data_table.css

@@ -1,8 +1,10 @@
 .dataTables_wrapper {
-	border-radius: 10px;
-	width: 90%;
-	margin: 0 auto 0 auto;
-	padding: 20px;
+	border-radius: 20px;
+	-webkit-border-radius: 20px;
+	-moz-border-radius: 20px;
+	width: 88%;
+	margin: 20px auto 0 auto;
+	padding: 30px;
 	background-color: white;
 	position: relative;
 	min-height: 302px;
@@ -85,6 +87,7 @@
  */
 table.display {
 	margin: 20px auto;
+	width: 95%;
 	clear: both;
 	
 	/* Note Firefox 3.5 and before have a bug with border-collapse

data/css/style.css

@@ -86,15 +86,27 @@ a:hover { color: #036; }
     \\ ========================================== //
 */
 
+container {  }
+
 body { background-color: #EBF4FB }
-header { height: 68px; padding: 0 10px 0 10px; background-color: #F5F5F5; margin-bottom: 20px; }
+header { height: 68px; padding: 0 10px 0 10px; background-color: #CDC9C9; }
+div#logo { float: left; }
+
+ul#nav { margin-top: 25px; float: left; white-space: nowrap; list-style-type: none; }
+ul#nav li { margin: 40px 5px auto 15px;  display: inline; }
+ul#nav li a { font-size: 16px; font-weight: bold; color: #330000; text-decoration: none; }
+ul#nav li a:hover { background-color: #EE0000; }
+
+div#searchbar { margin: 24px auto auto 30px; float: left; }
 
 table#artist_table th#name { width: 30%; }
 table#artist_table th#status { width: 10%; }
 table#artist_table th#latestalbum { width: 35%; }
 table#artist_table th#have { width: 20%; }
 
-
+footer { margin: 20px auto 20px auto; }
+div#version { text-align: center; font-weight: bold; }
+div#donate { text-align: center; margin: 20px auto 20px auto; }
 
 
 
@@ -122,7 +134,7 @@ table#artist_table th#have { width: 20%; }
 
 @media screen and (max-device-width: 480px) {
 
-  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
 }