1. How do I change the green box that floats between the background and the page elements? Can't seem to find it anywhere?!
2. Is there any way of shifting the location/size of the blog title link? It's interfering with my image.
3. If I can't move the blog title, is there a way of making it invisible? Tried to make it 0px, but you could still see a little dot. I still want my site to be optimised for search engines, and it's my understanding that if I remove it entirely in Settings>General, then it won't be indexed.

Apologies if I've used wrong or unclear terminology here - this is all new to me.

1. Yes, the green is a background image although it is not applying correctly for some reason - even if I correct the code. This is likely due to the fact that you have pasted the entire CSS into the CSS edit window, which can mess things up - especially when it comes to any relative image links that happen to be in the CSS. They all end up breaking. See this post by devblog: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ . If you keep the entire CSS in the edit window, then make sure that "start from scratch..." is selected in the CSS edit window.

1a. My suggestion is to add the following to #wrapper in your CSS and replace the xxxxxx with your chosen color code:

background: #xxxxxx none; scroll center top;

The above replaces the gif image that is used for the background with a color declaration which if you want a solid color is the way to go.

2 & 3. Since you have your title in the image, my suggestion would be to actually increase the size of the font to around 80px in #header h1 and change the color to transparent. Also change the color to transparent for #header h1, #header h1 a, #header a:hover . What this does is makes the header text invisible, but makes the header area clickable for the most part, which will give a link back to the home page. There are other ways to do this as well.