SMF For Free Support Forum

Hey guys,

Before I begin, I should mention that I'm still relatively new to SMF and I've googled for hours/days and and even read most of the stickies on this board but I can't figure this out whatsoever, this was my last resort so I'm hoping someone could point me in the right direction.

This is our forum

www.hellion.net.nz

As you can see, the logo is top left and I'm trying my best to center it and maybe resize it (photoshop) so the site looks a little cleaner.

This is the code I'm looking at

#header {
   position: relative;
   height: 207px;
   overflow: hidden;
   background: url(../images/theme/headerb.jpg) 0 0 repeat-x;
}
#head-r {
   height: 207px;
   background: url(../images/theme/headerr.jpg) 100% 0 no-repeat;
}
#head-l {
   background: url(../images/theme/headerl.jpg) 0 0 no-repeat;
}
#logo a {
   position: absolute;
   top: 0em;
   left: 2em;
   display: block;
   width: 507px;
   height: 180px;
   cursor: pointer;
   background: url(../images/theme/logo.png) no-repeat;
}
I've been told that I'd have to move the other objects as well (search bar, nav pane etc) along with the header/logo as well. So there's a few places where you'll need to play with to get the right orientation.

Could someone help me out? would be highly appreciated.