ehnc Finish project layout

Added new bar to the project layout as specified in mock

TODO: unsure what to set the width of the bar to.
TODO: check responsiveness 

-- 2nd commit
Fixes to responsive layout
The responsive layout was broken at smaller breakpoints due to
using a max width. This new setup allows user to set positions
using straight percentages in markup and the css will take care of
rest.

@cmc333333 I haven't addressed your issues yet.

@ericronne I would like some help on how to deal with the layout at the smallest breakpoint. Here is a screenshot of the issues:
![screenshot from 2014-11-14 09 13 05](https://cloud.githubusercontent.com/assets/1701077/5049985/ea04c5de-6bde-11e4-8ec5-04a93ad2b93b.png)

No major reason, just that I had it set up similarly before and it was less to write. I think I might use a template var for both.