Switch to new navbar design

BEFORE:

![screen shot 2014-08-25 at 9 45 15 pm](https://cloud.githubusercontent.com/assets/1306536/4039052/ce2b8e84-2cc2-11e4-88ae-1e745ccd292e.png)

AFTER:

![screen shot 2014-08-25 at 9 44 34 pm](https://cloud.githubusercontent.com/assets/1306536/4039054/d45d3b18-2cc2-11e4-9897-8d669d46c858.png)

@skrugman Let me know what you think from the screenshot. Tomorrow if you want I can try to show it to you live.

@jebeck @ianjorgensen Although the navbar's CSS isn't the greatest example because it has a lot of "hacks" and not many "reusable components" to it, I did use the [Suit CSS](http://suitcss.github.io/) naming convention we talked about. Feel free to have a look :)

Oh, and names now have 180px (vs 100px before) to stretch before they are truncated with an ellipsis, so it will make longer names happier, as illustrated below:

![screen shot 2014-08-25 at 9 54 34 pm](https://cloud.githubusercontent.com/assets/1306536/4039128/5a7e4b64-2cc4-11e4-93ae-2ef8d230d922.png)