Spacing and formatting

If by "its name" you're talking about the sub-labels beneath the fields then that's coming from a margin value in your theme. It's setting a blanket 10px bottom margin on all inputs, textareas, etc. That's also causing your zip code to align improperly to the right of the form. It's "hanging" on the invisible element border to the left.

You can add this to the end of your custom CSS file and it should correct both problems.

[css]
body .gform_wrapper input,
body .gform_wrapper textarea,
body .gform_wrapper select {
	margin:0
}

screenshot: http://bit.ly/p9F8Z6

I would reduce the size of the parent container for both fields rather than trying to style each individual email field. The reason is that they are set as percentages of the parent width so resizing the parent would effectively reduce the width of the children.

Either way, you could use more specific CSS to override the default width, or simply use the !important declaration to overcome it.

[css]
body .gform_wrapper input#input_2_2 {
    width: 300px!important;
}

screenshot: http://bit.ly/newD7W

Yes, like I said earlier. Resize the parent list item and the fields will adjust accordingly. Remove the other styles you've added and add this instead.

[css]
body .gform_wrapper li#field_2_2 {
    width: 50%;
}

screenshot: http://bit.ly/nhp16e

My pleasure. If you need anything else please let us know.