chatbox modification help

hi fellas,
i would like help please in making alterations to the way the message boxes are shown in the chatbox.

fig:1
this is how the message box currently looks:


fig:2
this is how i would like it to look:


Notice the difference between the two?
ok, top version...
1) the name (Webmaster) is not lined up next to the orb icon.
2) the date and time of the post is not lined up under the posters name.
3) the actual grey message box is joined with the top message box.

would like some help please on how i can get it looking like the bottom picture.
would appreciate any help on actually achieving this please.

thank you kindly

look at $CHATBOXSTYLE in your theme.php and see what CSS elements are attached to it.

then find them in your style.css file and make the edits accordingly.

moving the date/time could easily be done with padding-left:30px; and the same applies for the border / padding between the messages, something like margin-bottom:20px; would do the trick.

most appreciated sir, i will have a go and report back.
thank you

thank you so much PHPnoobie, your methods worked a treat sir

Your welcome, glad you figured it out