Design & Layout

However, where do I put my css?

You would put any new CSS rules in your theme's stylesheet or custom CSS area. We discourage making any changes to the default forms.css file in the plugin folder since that gets overwritten with each upgrade and any changes you make there would be wiped out.

Are there any template forms (design wise not form field-wise) that I can just choose to use instead of making my own designs?

Currently no. That's something we're considering for an add-on in the future.

Am I able to state how wide I want my form to be? At the moment it takes up the entire width of my page which looks crazy.

Yes, you can redefine the width on the main gform_wrapper element.

[css]
body .gform_wrapper { width:640px }

Everything will resize appropriately to fit along with it. See the first section here for CSS samples and instructions.

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

Am I able to have a nicer looking captcha? The default color is brown and yellow and ugly. Am I able to have a nice stylish looking captcha that will match will the colors and style of the form that I make?

I'm not sure where you're seeing brown, but the reCaptcha field has 4 theme/color options you can choose from.

screenshot: http://grab.by/9YPW

reCaptcha is a third-party service that we integrate with our forms so we don't control the formatting/layout of the reCaptcha field beyond what few options they offer. Of course, you can inspect the page source with a tool like firebug or the safari developer tools, see what the class names and IDs are in the markup and then add your own CSS to manipulate the output if you want.

You can also use the Really Simple Captcha plugin. If you have that installed, you'll see it as an option displayed in the Captcha field. That is a very simple layout with a couple of more flexible styling options that you might prefer.

The problem is coming from your theme CSS. WooThemes has some Gravity Forms specific styles built into their themes, and they've chosen to override the "top label" option and force all the field labels to float to the left. Along with that, they've decided to limit the label width to just 100px. That's causing your label to wrap. If we disable that property ( on line 781 of your theme's style.css file ) then you'll see the label doesn't wrap.

screenshot: http://bit.ly/l1bTP8

If we turn off the other properties that specify the left float, margins, etc. You'll see the default Gravity Forms layout is restored.. which is much more readable.

screenshot: http://bit.ly/lsaTTh

So, that said, it would be best to consult the WooThemes support team and see how they would recommend overriding/removing these styles in their theme. This should point you in the right direction to get it all sorted.