Further updates to the header

header.php

@@ -104,11 +104,11 @@ isq_load_textdomain();
 
 			<header class="site-header">
 				<h1><a href="<?php echo YOURLS_SITE; ?>"><?php echo ISQ::$general['name']; ?></a></h1>
-				<ul class="menu">
+				<nav class="menu">
 					<?php
 						foreach( ISQ::$links as $menuItem ) {
-							echo '<li><a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a></li>';
+							echo '<a href="' . $menuItem['link'] . '">' . $menuItem['name'] . '</a>';
 						};
 					?>
-				</ul>
+				</nav>
 			</header>

public/style.css

@@ -105,28 +105,24 @@ h1 a:hover {
 }
 
 .menu {
-	background: #000000; /* Old browsers */
-	background: -moz-linear-gradient(top,  #000000 0%, #141414 100%); /* FF3.6+ */
-	background: -webkit-linear-gradient(top,  #000000 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #000000 0%,#141414 100%); /* Opera 11.10+ */
-	background: linear-gradient(to bottom,  #000000 0%,#141414 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
+	background: black;
 	display: block;
-	float: left;
 	margin: 0 auto;
-	width: 96%;
+	/*width: 96%;*/
+	width: 100%;
 	color: white;
-	padding: 0 2% 0 2%;
-	margin-bottom: 30px;
+	/*padding: 0 2% 0 2%;*/
+	/*margin-bottom: 30px;*/
 }
 
 .menu a {
 	color: #FFF;
 	text-decoration: none;
-	line-height: 38px;
-	display: block;
-	padding: 0 10px;
+	/*line-height: 38px;*/
+	display: inline-block;
+	padding: 12px;
 	background: none;
+	/*width: auto;*/
 	transition: background 800ms;
 	-moz-transition: background 800ms; /* Firefox 4 */
 	-webkit-transition: background 800ms; /* Safari and Chrome */
@@ -141,12 +137,12 @@ h1 a:hover {
 	background: #292929;
 }
 
-.menu li {
+/*.menu li {
 	list-style: none;
 	float: left;
 	line-height: 38px;
 	width: auto;
-}
+}*/
 
 /* Main style */
 .content {