Google +1 button

[MrHorror]

Hi. I am trying to position my google +1 button to the right of my Facebook like button, by editing my Facebook like button template. How would I be able to position the button beside Facebook like? Here is how my facebook like button template looks currently.

<vb:if condition="$show['loadfbroot']">
<span id="fb-root"></span>
<script type="text/javascript" src="//connect.facebook.net/{vb:rawphrase facebook_language}/all.js#appId={vb:raw appid}&amp;xfbml=1"></script>
</vb:if>
<fb:like href="{vb:raw href}" font="tahoma" layout="standard" show_faces="false" width="260" action="like" colorscheme="light"></fb:like>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>

The button currently appears beneath the Facebook like button in this current variation. Also a little nugget on the Like button, I am using dark and light styles for my board. So how would I change the color of the Facebook like button text from black to white for my darker styles?