Logo in header

Hallo iedereen,

Ik ben bezig mijn blog een redesign te geven en als basis hiervoor gebruik ik de theme van Lap Of Luxury.

Nu wil ik de header veranderen. Ik wil hem ongeveer zoals ik hem op de site gebruik waarin ik de blog wil intergreren: ZIE HIER. Dus eerst het plaatje met Marksluymers.nl bovenaan, vervolgens de navigatiemenu en dan het plaatje met de tekst: “Mark zegt…blablabla”. De links Home en Inleiding wil ik van de blogpagina verwijderen.

Ik weet even niet goed hoe ik dit aan moet pakken.

Mijn header.php ziet er nu zo uit:

<a href="<?php echo get_option('home'); ?>/" title="marksluymers.nl / blog" class="logo"><?php bloginfo('title')?></a>
		<!-- Start navigation  -->
		<a class="hide" href="#skip" accesskey ="j" >Press "j" for Skip Navigation</a>
		<ul class="nav">
			<li <?php if(is_home()) echo 'class="current_page_item"'; ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
			<?php
			wp_list_pages('title_li=&sort_column=menu_order&depth=1');
			?>
		</ul>
		<span id="skip"></span>

Mijn CSS met betrekking tot de header van dit moment:

.logo{
	margin:39px 0 0;
	float:left;
	font:bold 40px Arial;
	letter-spacing:-1px;
	width:800px;
	text-transform:uppercase;
	color:#61b1ba;
}
.logo:hover { text-decoration:none }
#header ul{
	padding:41px 0 14px;
	float:left;
}
#header ul li{
	float:left;
	padding-right:20px;
}
#header ul li a{
	float:left;
	height:16px;
}

.nav { font: bold 12px Verdana; color: #61b1ba; }
.nav li a { font:bold 20px Arial ; color:#000; letter-spacing:-1px; text-transform:uppercase;  }
.nav li a:hover {text-decoration:none; }

Weet iemand hoe ik dit moet doen? Van PHP heb ik weinig kaas gegeten en mijn kennis van CSS is basaal.