Inserting Custom Header Graphic in Wordpress theme

Greetings all.
I would like to insert my custom logo in the header of Suhweet 1.0 Wordpress theme from solostream.com.
Here is the CSS from the theme header:
#header {
clear: both;
width: 100%;
padding: 40px 0 20px;
margin: 0 auto;
background: #2B2433;
}

#header h1.blogtitle {
width:960px;
color: #F2EBDA;
text-align:left;
font-size:24px;
line-height:100%;
padding: 0;
margin: 0 auto;
}

#header p {
width:960px;
margin: 0 auto;
text-align:left;
color: #F2EBDA;
}
Thank you for any help that you can give me, I'm not even sure where to begin.
Thanks again.

 

Try looking at the header.php file.

 

Obe,
Here's the Header pHP...I guess I need to know how to insert an image into this:
<div id="wrap">

<div id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">
<h1 class="blogtitle"><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</div>

<div id="nav">
<div class="stopper">
<ul>
<li class="first"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>

Thanks again for your help.

 

Change:

<div id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">
<h1 class="blogtitle"><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</div>

Code (markup):

To:

<div id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">
<img src="IMAGE URL" alt="<?php bloginfo('name'); ?>" />
</div>

Code (markup):

Make sure you change 'IMAGE URL' to the actual URL of the custom header image.

 

Wow, I'll try that out.
man that seems easy now that someone that knows what they are doing writes it out.
I really have to learn this stuff!
Thank you so much.

 

you should add the line
display:none;
to #header h1.blogtitle if you don't want to display the text of your blog title.

and then for #header
change background to something like this
background: transparent url('images/header.jpg') no-repeat;
where images/header.jpg is relative to your .css file.

The whole point of having css is so you don't have to edit the .php files. If you use the firebug addon for firefox you'll be able to edit css and preview it live in your browser.

 

Art,
I was actually just wondering about that.
Thanks for the FF tip too.
I really appreciate the help.

 

what i use is

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/sub_logo.gif" width="249" height="105" border="0" alt=""/>

 

I use css background also for wordpress headers if not already built in, never tried it through editing the php, but I guess that would work too. Artflutter, I love firebug, someone gave it to me when I was learning css, I'd be lost without it.

 

Thank you to everyone!

Now I have another issue.

My header image is on the left of the header and I would like to insert my RSS button on the right along with a email subscription box in order to utilize the unused space on the right side of the header box/container.

How can I do this?

Thanks again!