Static Header & Popups

Header fixed to top of browser, connection display also fixed. As per this issue; 
https://github.com/lefnire/habitrpg/issues/100#issuecomment-12408991
https://trello.com/c/mrbELa6J

Wrap div now relative, top 130px. I'm not 100% if the relative 130px is the best way to do it, it works fine on my screen at various sizes but I dont know if that changes on a mobile browser. 

It also moves all popups to the left, as per this issue;
https://github.com/lefnire/habitrpg/issues/206


Note: I've not been able to test directly as I'm installing an SSD into my primary machine & my linux laptop hasn't got this set up. I did test in Chromes developer tools though. I just wanted to get some code done in my downtime =P