Blog alignment., HELP! Options

[ZeT0]

How do I fix my blog, so the text "Subscibe to this blog" and all the rest move DOWN so it's under the image, like the shows are.
Also how do I move the image across so it's directly underneath the shows banner.
Thankyou!

The problem :


My code :

CODE

<style>
.profileWidth table { margin-bottom:893px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -950px;
</style>

<div class="gap"></div>

<style type="text/css">

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:url(http://img142.imageshack.us/img142/3177/layoutbackground.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: FFFFFF !important;
font-family: Arial !important;
}

a:hover {
color: 666666 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}

table.contactTable {display:none;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 100px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.shows {position:absolute; top:1465px; left:50%; margin-left:0px; _margin-left:###px; width:380px; height:65px; z-index:1;}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ###### !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/OurBlogs.png);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -4px !important;
_margin-top: 0px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: ###### !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ######;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: ######;
width: 443px;
color: ######;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: ###### !important;
line-height: 300px;
}

.topbanner {position:absolute; left:50%; top:0px; margin-left:-437px; _margin-left:###px; width:879; height:1069px; z-index:2;}

.topbannerhover {position:absolute; top:1042px; left:50%; margin-left:-437px; _margin-left:###px; width:879px; height:65px; z-index:1;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:2;
}

</style>

<div class="topbanner">
<img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_01.png" /><br><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_02.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_03.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_04.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_05.png" /></a>
</div>

<div class="topbannerhover">
<a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_02.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_03.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_04.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_05.png" alt="" /></a>
</div>

<div class="shows">
<img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/UpcomingShows.png" /></a>
</div>

[ZeT0]

Thanks heaps man.
Mind telling me which numbers you changed, so I know for future reference? :)
Cheers!