CSS Help please :(

[Xencored]

Hey

Am trying to build a box just below my navbar and just about the main forums

Just like Digital Point has Without his awesome custom social mod

So far i have this code

<div class="below_nav"><div class="social_buttons"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="button_count" show_faces="false" width="100"></fb:like></div></div>

but as you can see from my image here

My bar looks nothing like DP's
I have to add CSS to (says dp)

<div class="below_nav"><div class="social_buttons">

but i have no idea how and where to start as ive never got into CSS (well i just dont understand it tbh)

So i was wondering if someone had some time to help me sort this out
Many Thanks