Form preview vs. live form

This is my first web site so this may be obvious to everyone else, but...

I created a form and embedded it using shortcode (http://buytime4u.com/mailing-list-form-2). My site uses the default theme, but does have multiple plug-ins.

When I realized that it looked nothing like the rest of my site, I spent several hours in your forum trying to figure out how to fix it, and finally cobbled together this code, which I appended to the end of my stylesheet:
<script src="http://pastebin.com/embed_js.php?i=afJMpAgf"></script>

I then added "mailing" to the CSS Class Name. Sadly, no joy.

I checked the html code for the page and there's nothing between the text at the top and the shortcode. I also tried to style the embedded shortcode several times but that didn't work either.

I'm sure I've done several things incorrectly - can you advise?

Thanks!

Hi Bessekstein,

Your styles aren't being applies because the class names specified on your form don't match up with the class names specified in your CSS.

For example, on your form you have specified the class "mailing"; however, in your CSS you're attempting to target forms with a class of "mailingform". I've updated your pastebin code to match the class name you specified in your form. http://pastebin.com/VtqFfxV1

One other note, if you are looking to update the styling on all your .gfields, I wouldn't worry about adding an additional class to those fields. That only becomes necessary when you want to target a specific field. Good luck!