HTML5ify some of the layout

layouts/_footer.html

@@ -1,3 +1,3 @@
-<div id="footer">
+<footer>
   <span class="copyright">Copyright &copy; 2004 - <%= Time.now.year %> Wesley Moore</span>
-</div>
+</footer>

layouts/_head.html

@@ -2,8 +2,8 @@
 <meta name="viewport" content="width=devicewidth" />
 <title><%= [@item[:title], 'WezM.net'].compact.join(' • ') %></title>
 <link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen,projection" />
-<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen,projection" />
-<link rel="stylesheet" href="/css/mobile.css" type="text/css" media="only screen and (max-device-width: 480px)" />  
+<link rel="stylesheet" href="/screen.css" type="text/css" media="screen,projection" />
+<link rel="stylesheet" href="/mobile.css" type="text/css" media="only screen and (max-device-width: 480px)" />  
 <link rel="alternate" href="http://feeds.feedburner.com/wezm" type="application/atom+xml" title="WezM.net - All Articles" />
 <link rel="alternate" href="http://feeds.feedburner.com/wezm-technical" type="application/atom+xml" title="WezM.net - Technical Articles" />
 <link rel="alternate" href="http://feeds.feedburner.com/wezm-personal" type="application/atom+xml" title="WezM.net - Personal Articles" />

layouts/_header.html

@@ -1,5 +1,5 @@
-<div id="header">
-  <ul id="menu" class="inline">
+<header>
+  <nav id="menu" class="inline">
     <li><a href="/articles/">Articles</a></li>
     <li><a href="/contact/">Contact</a></li>
     <li><a href="/about/">About</a></li>
@@ -8,6 +8,6 @@
       <a href="http://feeds.feedburner.com/wezm"><img src="/images/white-feed-icon.png" width="12" height="12" alt="White Feed Icon" /></a>
       <a href="http://feeds.feedburner.com/wezm">Feed</a>
     </li>
-  </ul>
+  </nav>
   <a href="/">WezM<sup>.net</sup></a>
-</div>
+</header>