Mark up page header and main

they were unsemnatic, didn't have aria roles, and just sucked before.
Mark up the page like an adult

- Make stuff semantic
- Use BEM-style classes
Remove layout classes and use OOCSS abstractions
Merge pull request #1 from VinSpee/mark-it-up

Mark up page header and main