NEED HELP WITH TUPAC SKIN, alinging the entries usin this 2pac skin Options

[Babyd305]

Could someone help me figure out how to align the entries on my page to fit into this Tupac skin that i chose plzzz:cry:. Go to my page u can see whuts wrong with it xanga.com/babyd305 ,it would be greatly appreciated u can contact me @ babyd88305 or Uncutmami86 on AIM or email me butterflyx24@hotmail.com

[Babyd305]

[<!-- begin code provided by createblog.com -->

<style type="text/css">

.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, td.mainleft, table.left TH, table.left TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;}

body {
background: #000000 url("");
background-attachment: fixed;
background-position: bottom;
background-repeat: no-repeat;

scrollbar-face-color:#000000;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#0000000;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#0000000;
}

.mainleft {
width: 300px;
padding: 1px;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
font:normal 10px verdana;
line-height:10px;
color: #000000;
letter-spacing:0px;
text-align:justify;
}

.blogbody b, .standard b, p b, strong, .content b{
/* edits bolded text in your entry */
color: #000000;
text-decoration: n
one;
}


div.blogheader, .caption, .blogheader2 {
background-repeat: no-repeat;
background-position: center right;
color: #000000;
font:14px verdana;
background-color: transparent;
text-align: left;
text-transform: bold;
margin-bottom: 0px;
padding:0px;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
font:10px verdana;
text-decoration: none;
color: #000000;
text-decoration: none;
}

a:visited, a.footernav:visited, {
font:10px verdana;
text-decoration: none;
color: #000000;
text-decoration: none;
}

a:hover {
font:10px verdana;
text-decoration: none;
color:black;
}

#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 300px;
}

.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
{width: 300px;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
border: 1px solid white;
font:normal 10px verdana;
background-color: transparent;
color: black;
letter-spacing:0px;
}

table.blogbody {
background: transparent;
width: 300px;
border: 1px solid #000000;
}

hr {
border: 1px solid white;
}

table.search TD, table.search, table.announcements {
background-color: none;
border: 1px solid white;
}

table.blogbody tr td {
width:0px;
padding: 2px;
}

table.blogbody div.smalltext{
text-align: right;
padding-bottom: 7px;
}
<style type="text/css">
.custom{
width:350px;
height:200px;
z-index:100;
overflow: auto;
border: 1px 000000 solid;
background:transparent;
}</style>

</style>

<!-- begin code provided by createblog.com -->

<img name="homerfest" src="http://skins.cbstaff.com/skin230_image.gif" width="804" height="604" border="0" usemap="#m_paclayout" alt="">
<map name="m_paclayout">
<area shape="rect" coords="149,481,251,581" href="http://www.xanga.com/default.aspx?" title="xanga" alt="xanga" >
<area shape="rect" coords="25,487,106,573" href="http://www.xanga.com/Tupac_Shakurs_Angel" title="home" alt="home" >
<area shape="rect" coords="261,482,377,579" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Tupac_Shakurs_Angel" title="subscribe" alt="subscribe" >
<area shape="rect" coords="545,496,645,583" href="http://www.xanga.com/signin.aspx" title="log in" alt="log in" >
<area shape="rect" coords="680,488,780,581" href="http://www.xanga.com/logout.aspx" title="log out" alt="log out" >
<area shape="rect" coords="415,488,505,581" href="http://www.xanga.com/CLAF/default.asp" title="CLAF" alt="CLAF" >
</map>

<!-- end code provided by createblog.com -->

<div id="content" style="margin-top: -500px; margin-left: 330px; width: 395px; height: 250px; overflow: auto; overflow-y: auto">

<!-- end code provided by createblog.com -->]



thats the code i used ,im totally clueless when it comes to this