Side by side fields

Not a form or CSS Ready Class issue.. it's your theme styles. Your theme's style.css file (line 58) applies a blanket 30px left margin to all list items in the "article" container..

[css]
article li {
    margin: 10px 0 0 30px;
}

if you disable that, you'll see the alignment is correct

screenshot: http://grab.by/hdXE

the reason the alignment is off using the Ready Classes is that the elements are floated and don't respond to margin rules. You can either disable that rule or try overriding it for your forms with something like this added to the end of your theme stylesheet. This will remove the margin from the list item, but apply it to the form wrapper itself to keep the overall layout in your form page.

[css]
article .gform_wrapper li.gfield {
    margin: 10px 0 0 0;
}
article .gform_wrapper {
	margin:0 20px 0 30px
}

test screenshot: http://grab.by/hdXS

Have fun.

No trouble at all. We're here to help. Let us know if you need anything else.