batharoy

I don’t see anything that requires a child-theme cause it’s all just css edits so far. If that changes you will want to create a child-theme.

For the css you only need to add any changes you make to a css plugin, you can /*comment your changes to make it easier to understand*/ notice the /* to start a comment and */ to end a comment.

If you choose to create a child-theme, css edits can go in the style.css file.

All edits should be made to either a child-theme (especially if you plan on php file edits) or a custom css plugin; any edits to the default theme files will be gone if the theme is updated.
Center the menu & Site title, you can then remove the center for h1 tags and other titles will align left:

#masthead {
text-align: center;
}

It looks like your widgets got pushed down (are these the ones your talking about?) you can hide them all or individually:
Remove/hide widgets:

.widget-right {
display: none;
}
.widget-left {
display: none;
}
.widget-middle {
display: none;
}

http://s24.postimg.org/f64wqy0et/Untitled.png

TwentyThirteen is responsive and would fit the TwentyTen layout better than TwentyFourteen.
Install it through the admin panel and preview it so you can gauge how much work might need to be done.

You can activate it through Appearance > Themes
If it was done correctly you should see it in the list of available themes.
When you first activate it your site should look no different than the parent theme.

So is there any way to adjust the code to cover the amount I want?

Not that I’m aware of, because your dealing with 2 different sized elements with the same class/ID.

About the closest you can get with css is what i posted above, to the best of my knowledge.

Theoretically you should be able to edit the proper PHP files to give them 2 different classes/IDs. I’m not a PHP guy, don’t even know which files to look in.

For adding your own site info comment out this section of the site-generator div in the footer.php like so:

/*<?php do_action( 'twentyeleven_credits' ); ?>
				<a>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>*/

Then use standard html to add your info in the site-generator div.

Rather than add to your header.php file, you can just style your site title as so:

#site-title a {
display: block;
color: transparent;
float: right;
}

Or if you insist on using a php edit make it like this:
<div id="click-area" role="banner" onclick="location.href='http://www.designpush.co.uk';" style="cursor: pointer;" title=Home></div>

Then position & style with css:

#click-area{
width: 300px;
height: 150px;
position: relative; /*Not sure if this is right*/
top: -50px;
right: -50px;
}