2) How can I minimize the spacing between the title of the page and the header image?

Try adding this to your Appearance → Custom Design → CSS editor:

#branding hgroup {
     height: 150px;
}

Adjust the number as needed.

1) How can I align my page texts and page title to the left? Both the title and the text align at 1/4 of the page at the moment and would like to move them more to the left.

I checked http://yarpmarketing.com/ just now and I don't see what you are describing. I think you were probably using the showcase page template before. It's one of the views available for the Twenty Eleven theme and it looks like there's a blank space on the left if you haven't filled anything in for the "Showcase Sidebar" area on your Appearance → Widgets page.

Also see http://en.forums.wordpress.com/topic/twenty-eleven-customised-showcase-template?replies=4#post-1117481

1) How can I align my page texts and page title to the left? Both the title and the text align at 1/4 of the page at the moment and would like to move them more to the left.

2) How can I minimize the spacing between the title of the page and the header image?

For aligning to the left I have tried adding the following into the CSS but none of the two options work.

.singular .hentry {
width: 100%;
}

p {
text-align: left;
}

Thanks!