New USER, simple question on login style...

[sflmkv]

hey guys, just migrated my board from phpbb2 to vbulletin and I've been working hard on it all week... I already switched things more or less the way I like them , but I just can't simply achieve this login format.... I've tried so many numerous stuff I just can't figure it out...I hope someone can give me some ideas to get this done...

take a look at my site http://www.sflmkv.com/forum

This is what I'm trying to achieve:
FROM THIS

TO THIS

Thank you so much...

Here's my code...

<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" width="180px">
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
 <tr>
  <td><img src="$stylevar[imgdir_misc]/sideleft.gif" border="0" alt="" /></td>
  <td class="sidebg" valign="middle" align="center" width="100%">
Login
  </td>
  <td><img src="$stylevar[imgdir_misc]/sideright.gif" border="0" alt="" /></td>
 </tr>
</table>
<table class="tborder" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%" align="center">
<tr>
<td width="300" height="100" align="left" valign="middle" background="images/styles/knockout/misc/body.gif"><if condition="$show['member']">
          <div class="smallfont"> <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
              <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase> <if condition="$show['pmstats']"><br />
              <phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if> <if condition="$show['pmwarning']"><br />
              <strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if> </div>
          <else />
          <!-- login form -->
          <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
            <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
            <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
              <tr>
                <td class="smallfont"><label for="label">$vbphrase[username]</label></td>
                <td><input type="text" class="bginput" style="font-size: 10px" name="vb_login_username" id="label" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
                <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar">
                  <input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />
                  $vbphrase[remember_me]</label></td>
              </tr>
              <tr>
                <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
                <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
               <td><input name="submit" type="submit" class="button" accesskey="s" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" value="$vbphrase[log_in]" /></td>
              </tr>
            </table>
            <input type="hidden" name="s" value="$session[sessionhash]" />
            <input type="hidden" name="do" value="login" />
            <input type="hidden" name="vb_login_md5password" />
            <input type="hidden" name="vb_login_md5password_utf" />
          </form>
          <!-- / login form -->
    </if></td>
</span>				
</td>
</tr>
</table>
 <!-- bottom table setup -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="70" align="left" valign="top"><img src="$stylevar[imgdir_misc]/bot_left.gif" alt=" " border="0" /></td>
        <td  width="100%" style="background-image:url($stylevar[imgdir_misc]/bot_back.gif)"></td>
        <td width="70" align="right" valign="top"><img src="$stylevar[imgdir_misc]/bot_right.gif" alt=" " border="0" /></td>
      </tr>
    </table>
   <!-- End bottom table setup -->