Beginner Question CSS / Stylesheets Etc.

I've just installed GF today and created my first form. Here is the link to my post which contains the form. http://iamsinc.com/blog/its-spring-training-time-our-life-annuity-academy-will-get-your-business-in-top-shape/

Specifically, I would like to have a light-gray background behind the form and have it centered in the post. I also don't know why the "I'm interested in learning more" text is red. That's probably pulling from my stylesheet?

These are probably basic questions, but I searched the forum and couldn't find what I was looking for. Thank you,

First of all, thank you for your lightning-quick response to my questions. I really appreciate that. Neither of these worked for me and I'm assuming it's something that I'm doing incorrectly.

I am using the standard twenty eleven wordpress theme with a child theme for any changes. I added the two snippets you gave me to the child theme's style sheet, hit "update file", went back to my post and the changes didn't appear on the form.

Also, re: the centering of the form. It is lined up with the post, but everything is aligned-left. This is only a very minor issue though and something I can work on later.

I could be going about this entirely incorrectly. I appreciate any help you can give. Here is a link to my stylesheet for the child theme http://www.pastie.org/3735403

Let me know what else you may need from me. Thank you,

You're absolutely right. Thanks for pointing that out.

In the future, if I want to add a custom color to another form, do I simply change the number on the #gform_wrapper line to match the ID number of the form?

Also, what do I need to do so the text of the form and the fields aren't right on the left-hand side of the box. I appreciate your help. Thank you

The way the form is inside the gray wrapper now, everything starts immediately at the left margin. I would like to see what it looks like centered in the gray box and/or pad some of the margins on the left-hand side so it's not right on the border. Thank you again

That's due to your theme:

[css]
input[type="text"], input[type="password"], textarea {
background: #FAFAFA;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
border: 1px solid #DDD;
color: #888;
}

It's only targeting inputs with the type of text and password. You can extend that to allow for the other input types if you wish. For example, the phone input is type="tel" and the email is type="email". So you can just adjust your theme's styles accordingly.

As for the other piece, you should be able to add padding to the wrapper to provide some cushion.

Drop Downs in HTML are referred to as a "select" element. So you can target it via:

[css]
.gform_wrapper select {}

Here is our documentation on our selectors and such:
http://www.gravityhelp.com/documentation/page/Design_and_Layout

For a general guide you could reference this page which has a bunch of stuff on it:
http://www.gravityhelp.com/other-resources/