Remove white space before header, and reduce header

The spacing can be removed with cascading style sheet changes

To align your header image to the top of the white content wrapper you could do the following:

#header {
padding: 0;
}

#site-title {
float:left;
font-size:30px;
line-height:36px;
margin:0;
width:700px;
}

#site-description {
clear:right;
float:right;
font-style:italic;
margin:0;
width:220px;
}

If you want to move the whole content wrapper to the top of the screen try:

#wrapper {
background:none repeat scroll 0 0 #FFFFFF;
padding:0 20px;
}

Below the tool bar try:

#main {
clear:both;
overflow:hidden;
padding:10px 0 0;
}

For the footer, are you trying to extend to the bottom of the page?