Not enough space between fields

I noticed a couple problems. Looks like Gravity Forms is installed in this folder "gravityforms-1" rather than just "gravityforms". That normally happens when you have to reinstall. I would try to ensure there is just one copy installed and it's in the proper location: wp-content/plugins/gravityforms

The datepicker problem is happening because you are using an old version of jQuery:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js?ver=3.5.1'></script>

jQuery 1.8.3 should be in use on that site with Gravity Forms 1.6.12 and WordPress 3.5.1. The old jQuery is creating JavaScript errors which is why the datepicker is not working properly. Here are some of the errors:

Timestamp: 3/13/2013 7:39:02 AM
Error: TypeError: jQuery.browser is undefined
Source File: http://davidjmiller.com.au/wp-content/plugins/portfolio-slideshow-pro/js/portfolio-slideshow.min.js?ver=1.8.3
Line: 48

Timestamp: 3/13/2013 7:39:17 AM
Error: TypeError: $.browser is undefined
Source File: http://davidjmiller.com.au/wp-content/plugins/gravityforms-1/js/jquery-ui/ui.datepicker.js?ver=1.6.12
Line: 1532

Get the right version of jQuery back on that site and the JavaScript errors will go away.

The colon between HH and MM is not related to the jQuery error. That is coming from a rule in your theme's stylesheet http://davidjmiller.com.au/wp-content/themes/yin_and_yang/style.css line 367. This is the problematic CSS:

[css]
input:not([type="submit"]):not([type="file"]), textarea {
    display: block;

If you override that, you will see that the colon is back in the proper position. You can override that by adding this CSS to your theme's stylesheet:

[css]
body .gform_wrapper .gfield_time_hour input,
body .gform_wrapper .gfield_time_minute input {
   display:inline-block;
}

Finally, for the spacing between the fields, add this to your theme's stylesheet:

[css]
body .gform_wrapper ul li.gfield {
    padding-bottom:20px;
}

That will get you closer. Get some of these things fixed and we will take another look.

I was going to try to give you the CSS to fix the name label, but looking at the source of the page there is some problem with the markup. Take a look at this:

<li id='field_2_29' class='gfield    <br><br>           gfield_contains_required& # 8 2 1 7 ; ><label class='gfield_label' for='input_2_29_3'>Name<span class='gfield_required'>*</span></label>

Those < br > < br > should not be there, and the

gfield_contains_required& # 8 2 1 7 ;

is not correct either. That's not being done by Gravity Forms. After gfield_contains_required should not be a fancy quote. Take a look at the source of your page.

I think if you fix that, the Name label will be bold, like all the rest.