I just got set up with wordpress and using this theme called goodtheme
all i really want to do is customize the header to look like this

i just put this together real quick so you'll be able to see
basically i want a gradient bar, with a logo overlapping and going off a little.
tabs on the bar, and to the right on top of the bar, a search bar.
then tabs on the top right.
right now the header is this
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<!-- BEGIN html head -->
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<?php global $options;
foreach ($options as $value) {
if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } }
      ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style-<?php echo $pov_color; ?>.css" type="text/css" media="screen" />
<?php if (function_exists('wp_enqueue_script') && function_exists('is_singular')) : ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php endif; ?>
<?php wp_head(); ?>

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie.css" />
<![endif]-->

</head>
<!-- END html head -->

<body>
<div id="all">



		

	<!-- BEGIN header -->
	<div id="header">
		
        
        <!-- begin pages -->
		<div id="menu">
		<ul id="nav">
		<?php if (is_home()) { ?>
            <li class="current_page_item"><a href="<?php echo get_option('home'); ?>">Home</a></li>
        <?php } else { ?>
            <li><a href="<?php echo get_option('home'); ?>">Home</a></li>
        <?php } ?>    
        <?php wp_list_pages('title_li=&depth=2&sort_column=menu_order'); ?>
		</ul>
		</div>
		<!-- end pages -->
        
        
		<!-- begin logo -->
        
        <div id="hed">
		<div class="logo">
		<?php global $options;
		foreach ($options as $value) {
    	if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
		}?>
		<h1><a href="<?php echo get_settings('home'); ?>/"><?php if($pov_logo) { ?><img src="<?php echo $pov_logo;?>" alt="Go Home"/><?php } else { bloginfo('name'); } ?>	</a></h1>
        <?php if ($pov_desc == "true") { } else { ?><?php } ?>
		
		</div>
		<!-- end logo -->
		
		
        
        <!-- Content Ad Starts -->
        
        <!--
    	<div class="headad">
		<?php if (!get_option('pov_ad_head_disable') && !$is_paged && !$ad_shown) { include (TEMPLATEPATH . "/header_ad.php"); $ad_shown = true; }?>
    	</div>
        -->
        
		<!-- Content Ad Ends -->
        
		
		</div>
		
		
		
		<!-- begin categories -->
		<!-- Category Nav Starts -->
			<div id="cat_navi" class="wrap">
				<ul id="secnav">
					
					<?php if (get_option('pov_home_link')) : ?>
					
					<?php endif; ?>

					<?php foreach ( (get_categories('exclude='.get_option('pov_cat_ex') ) ) as $category ) { if ( $category->category_parent == '0' ) { ?>
  
                    <li>
                        <a href="<?php echo get_category_link($category->cat_ID); ?>"><?php echo $category->cat_name; ?><br/> <span><?php echo $category->category_description; ?></span></a>
                        
                        <?php if (get_category_children($category->cat_ID) ) { ?>
                        <ul><?php wp_list_categories('title_li&child_of=' . $category->cat_ID ); ?></ul>
                        <?php } ?>
                    </li>
	
					<?php } } ?>
                    
				</ul>
			</div>
			<!-- Category Nav Ends -->
		<!-- end categories -->
	<div style="clear: both;"></div>
	</div>
	<!-- END header -->
    
<!-- BEGIN wrapper -->
<div id="wrapper">
Also, im using bluehost. i want to know how i can upload photos and files directly to my server. so when i want to replace the logo on my page, it will be linked directly to my sites server.