In your markup, .header is the left column. Look in your CSS for .header to see how it's styled (it's in one of the ones named style.css). In the markup, it also has the class .left and it shouldn't.
To put a conventional header on your page you'll need to put it in before any content in .wrapper Like this -
<div class="wrapper wrap-full">
<a href="http://carriebashamyoung.wordpress.com/" title="Talk Social To Me" rel="home" id="tlkScl"><img src="http://talksocialtome.com/wp-content/uploads/2013/04/Header.gif" alt="Talk Social To Me"></a>
<!-- HEADER -->
<div class="header left">
<div style="max-height:926px" class="scroll">
<div class="logo left"><a href="http://talksocialtome.com"><img
See I added an id, highlighted in red, so you can style your new anchor from your CSS.
At 1018px width though, it's going to take up a lot of screen space. Especially sitting next to your 295px wide fixed left column.