Лого в header

Добрый день!
Понимаю что моя проблема уже миллион раз обсуждалась, но перепробовав много способов (найденных в гугле) у меня так ничего и не получилось. Тли сказываются мои слабые познания, то ли еще чего нибудь.
Вопрос банален, как вместо текстового фото в шаблоне поставить картинку, да и еще по центру.
Выводил через style.css но выводится просто картинка, без ссылки, выводил через header.php там вообще ничего не получилось. Может быть у меня шаблон настолько хитрый. Подскажите пожалуйста.

Это кусок из header.php где должна быть картинка/лого с ссылкой на главную:

<div id="wrapperpub">
	<div id="header">
		<div class="dp100">
			<h1 id="blog-title" class="blogtitle"><a>/" title="<?php bloginfo('name') ?>"><?php bloginfo('name') ?></a></h1>
			<div class="description"><?php bloginfo('description'); ?> </div>
		</div><!-- dp100 -->
	</div><!--  #header -->
</div><!--  #wrapperpub -->

Это кусок из style.css:

/* header */
div#header{margin:7px 0 0 0; padding:1em 1em 1em 1em; height:8em; background:transparent}
div#headertop{margin:0 0 0 0; background-color:transparent}
#logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;}
* html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;}
#logo a{background-color:transparent}

Заранее премного благодарен.