Organizing / Aligning forumdisplay_thread Content

[Kioshi]

Here's what my Forumdisplay looks like:



I'd like it to be more organized, plus the avatar and stuff is out of place.

I want it to go in this order: Avatar, Post Icon, "Created By" and the Thread Title, Replies/Views, Thread Rating, Avatar & Last Poster.

I'd also like it if I could have it a bit like this:



How The title is On Top, then under is the Thread Authors Username, followed by the date it was posted, and amount of pages etc. How could I do this? Coding my own custom theme, kind of a noob and could really use the help!

My Forumdisplay_thread Content:

<tr class="inline_row">
	<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%"><span class="thread_status {$folder}" title="{$folder_label}">&nbsp;</span></td>
	<td align="center" class="{$bgcolor}{$thread_type_class}" width="2%">{$icon}</td>
	<td class="{$bgcolor}{$thread_type_class}">
		{$attachment_count}
		<div>
            <table><tr><td id="tvatar">{$thread_avatar}</td><td>{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a>{$thread['multipage']}<br><font color="grey">Thread by:</font> {$avatarep_avatar['avatarep']}{$thread['profilelink']}</td></tr></table>        
        </div>
	</td>
	<td align="center" class="{$bgcolor}{$thread_type_class}"><a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts}</td>
	<td align="center" class="{$bgcolor}{$thread_type_class}">{$thread['views']}</td>
	{$rating}
	<td class="{$bgcolor}{$thread_type_class}" style="white-space: nowrap; text-align: right;">
		<span class="lastpost smalltext">{$lastpostdate}<br />
		<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$avatarep_lastpost['avatarep']}{$lastposterlink}</span>
	</td>
{$modbit}
</tr>