again more skinning help! Options

[Egg]

I need help moving the header up and lineing it up with the background.

My Webpage

CODE

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

<img src="http://img14.exs.cx/img14/6941/newdirection018vi.jpg">

<style type="text/css">
/*Much Love and Thought*/
/*by Egg!*/
body {

background-image:url(http://img14.exs.cx/img14/7669/newdirection022ry.jpg);
background-color: #F15D03;
scrollbar-arrow-color: #F15D03;
scrollbar-track-color: #F15D03;
scrollbar-shadow-color: #F15D03;
scrollbar-face-color: #BF4A02;
scrollbar-highlight-color: #F15D03;
scrollbar-darkshadow-color: #F15D03;
scrollbar-3dlight-color: #F15D03;
}


div.blogheader, .caption {
font-family:Fixedsys;
text-transform:none;
font-size:20px;
line-height:13px;
font-weight:none;
color:#FDF401;
letter-spacing:0px;
background-color: #006699;
text-align: center;
}


table.navigation, table.footer { display:none; }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {

font:normal #9px;
line-height:justify;
color: #COLOR;
letter-spacing:2px;
text-align:justify;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #COLOR OF LINK;
text-decoration: none;}


a:hover {
color: #FFEA05;
cursor: url(http://www.boomspeed.com/sfhelpers/cursors/185.cur);
text-decoration: none;}

{align=justify}
BODY{cursor: url(http://www.boomspeed.com/sfhelpers/cursors/150.cur);}

table.blogbody {
/* this edits the other the place where the  blog is */
border: 0px dashed none;
background-color: transparent;
width:320px;}


table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 320px;}

</style>

<div style="left=8; top=540;position=absolute;">

<script language="JavaScript">
document.title = "OMG that was so LMAO, and I was like ROFL u need to STFU, sorry I have to AFK";

</script>

<STYLE type=text/css>
.custom{
width: 375px;
height: 320px;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: transparent;
}</STYLE>
<!-- end code provided by createblog.com -->