Where they are is where the API renders them. The only way to move them is by CSS or by editing the module directly. As you're using CB Connect and if is latest version you can use the compact buttons which you can configure within CB Connect configuration.

Any chance you know what CSS line I would have to input in the css module. I have been trying a few but I am new to CSS.

You've a couple of options. For example the buttons are surrounded with a DIV added by CB and all 3 have the same class. So you could use "mod_login_plugin_afterButton" class to adjust all 3 buttons simultaneously. However, CB Connect it self adds its own classes to its own DIVs surrounding the buttons that are individual if you want to style them individually for example using "fbc_button_bg", "twitter_button_bg", and "windowslive_button_bg" classes. I'd need some sort of diagram or maybe an image where you moved them in the image to provide CSS as don't understand where you want them exactly.

Also, how do I implement all the other cool features like Live Feed into my site. I don't see anything in the help section. I tried creating a CB Field but how can I assign the feed to the front page?

Joomla I believe comes with an RSS Reader module so you could use that. Otherwise you need to check Joomla.org for an RSS Reader extension to display RSS feeds on your site.