Thanks for the help Doddsey. As I said I am very new to the whole coding world and really have no idea how to change things around. In "top search" I changed the grid places as recommended and also specified offsets for each and it helped a little bit, but the actual search button moved out of the search box when I started making the size of the browser smaller, so I removed it. I have no idea where to inside the "text-align:center" piece of code.. Do I enter it into the searchform.php, header.php, stylesheet.css? And where abouts exactly? Also I couldn't figure out how to remove the colour from the top bar element. I cannot find it the code files, but when I Right-Click it (in chrome on Mac) and choose 'Inspect element', I can go into the 'sources' tab and mess around with it a little bit. Is there any way I can save the changes I make through this, or to extract code and enter it into Wordpress etc..??
Thanks heaps for the help, I am loving the whole learning process and working out how coding works. And would love to get exact step-by-step instructions about how to go about these issues..
Thanks again.