First message tag and CSS styling.

# Full Width
![1](https://f.cloud.github.com/assets/77467/328080/4f143484-9b8c-11e2-8d65-76efca57ba7b.png)
# 1st width reduction
![2](https://f.cloud.github.com/assets/77467/328081/4f182652-9b8c-11e2-9f46-a00a8426e9a3.png)
# 2nd width reduction
![3](https://f.cloud.github.com/assets/77467/328082/4f1dadb6-9b8c-11e2-9934-4ac8f9a9ddf7.png)

## Note:
This PR is the first of a few planned PRs to introduce better responsive layouts for smaller screens. 
The navigation, user list and message entry controls all need addressed