Changing order of DOM to change where elements appear on the screen

I would like to reorder the position of things on the screen.
I've used the web inspector to reorder things and changed a few CSS elements to make them look how I want. I know where I can make my CSS changes but I'm unsure where I can make changes to the php/html files to make this work.
I've attached the HTML and screen shot of what I would like to achieve and also how it currently appear on the screen.

Attachment Link(s):

http://rtcamp.com/wp-content/uploads/rtMedia/topics/4848/2013/08/Screen-Shot-2013-08-14-at-10.45.19.png

http://rtcamp.com/wp-content/uploads/rtMedia/topics/4848/2013/08/Screen-Shot-2013-08-14-at-10.40.55.png

http://rtcamp.com/wp-content/uploads/rtMedia/topics/4848/2013/08/Screen-Shot-2013-08-14-at-17.04.26.png

@magichew - You could try overriding the BuddyPress template post-form.php in the activity folder and see if that helps you.