Jia UI refactor

![screen shot 2014-11-07 at 4 50 28 pm](https://cloud.githubusercontent.com/assets/1996521/4962498/4fc944a6-66e1-11e4-8a63-58fe61997c19.png)
![screen shot 2014-11-07 at 4 50 14 pm](https://cloud.githubusercontent.com/assets/1996521/4962503/6638d350-66e1-11e4-8de8-ae3325529510.png)

Shout out to @tjphilli for his feedback and recommendations
I am using `display: table` in here to get some table-like display behavior going on. The hack is that in order to get things to vertically align properly I need an element that is `display: table-row` somewhere. So I just had to arbitrarily nest another div and call it something.