As you can see from my site, I went with the facebook, digg, reddit, twitter, approach. I haven't seen any other Xenforo forums that have taken the same approach yet. Are there any out there that's doing this too and what do you think of the logo being in this position?
It's a bit of a faff as there's a few things you need to change. Basically:
Reduce the line height on .navTabs .navTab.selected .tabLinks a first - keep track of the number you reduced it by. After that, reduce the line height in .navTabs .navTab.selected .tabLinks by the same number, and do the same thing for #navigation .pageContent's height. Lastly, reduce #headerMover #headerProxy's height by the same number to pull the rest of the page up.
I can't remember whether all of these are part of style properties or templates, probably a mixture of both. Your homework is to find them.