Need help with adding logo and making it clickable.

Hi

Im trying to replace the default logo at my site here with my own image logo, which is clickable to the homepage.

Can someone help? I have tried messing around and removing and adding bits of code, but I can seem to get it right.

This is from the header:

</form>
</div>
<h1 id=”logo”>“><?php bloginfo(‘name’); ?> <span><?php bloginfo(‘description’); ?></span></h1>
<ul id=”menu”>
<li<?php if(is_home()) echo ‘ class=”current_page_item”‘ ?>>/”>Home
<?php wp_list_pages(‘title_li=’); ?>

</div><!– end #header –>

<div id=”container”>
<div id=”content”>

This is from the stylesheet:

/* Header
—————————————————————————–*/
#header {
height: 117px;
border-bottom: 3px solid #EAEAEA;
margin-bottom: 28px;
}
#top{
float: right;
text-align: right;
}
#top li {
display: inline;
}
#top a {
color: #808080;
margin: 0 0 0 13px;
background: url(i/toparrow.gif) center left no-repeat;
padding: 0 0 0 12px;
font-size: 1.2em;
}
#top .current_page_item a {
background-image: url(i/toparrow2.gif);
}