Add logo to Twenty-ten theme

CMS & WordPress
1

I want to add a small logo image to the left the the site title. I’m using Twenty-Ten Theme, currently version 1.2 with my own child theme. I have disabled the banner image, because it takes up too much real estate.

Looking at the header.php file, I see:

<div id="branding" role="banner">
                <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
                <<?php echo $heading_tag; ?> id="site-title">
                    <span>
                        <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
                    </span>
                </<?php echo $heading_tag; ?>>
                <div id="site-description"><?php bloginfo( 'description' ); ?></div>
......
</div><!-- #branding -->

What code and CSS do I need to add in order to make this work at
http://www.clickbasics.com

2

The logo I want to add is the same as the favicon, just a little larger to fit appropriately on the site title line.