CSS to edit forms

[Heather@MercuryMosaics.com]

Hello All,

 

I work in the marketing department and have recently taken over editing the website. I hadn't been website designing since the days of static html pages and notepad, so it's been a bit. I've been picking up Php and CSS fairly well but have reached quite the irritating point - using css to theme forms (input boxes and whatnot).

 

The form in qestion is found on

http://www.mercurymosaics.com/

It's at the bottom of the page to subscribe to our mailing list.

 

As you see it's large and bulky. I've edited the button to look less nasty, but cannot for the life of me figure out how to take what I designed and actually code it. I've been doing a lot of reading but this darn thing is driving me crazy.

 

Here's a basic idea of what I want it to look like.

https://www.dropbox.com/s/jvvwn20x2afjjqf/MailingSubmit.png

 

I know where to put the code I believe but the actual coding iteself between .'s and #'s and blah blah - yeah not so much.

 

Thanks bunches for your help.

 

-Heather