Need help with formatting

How comfortable are you with CSS? Here is our documentation:

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

Once you start your conversion, just post back where you get stuck and provide links to your Gravity Forms on your site.

Sure man, have you created your Gravity Forms yet that you'd like to use? If not, that would be the first step, if so, can you post them on a page and provide the urls. One for the normal page and one in the sidebar? Can always tackle them individually too, so if you wanted to get through the regular page first and then the widget styling.

First things first for your full-page form you have chosen the "right aligned" labels instead of top like your reference URL has them:

http://drjulialewis.com/appointments/

To style the input and textarea boxes you can add this to your theme's stylesheet:

[css]
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea {
border: 1px solid #aaa;
padding: 3px;
background: white;
}
.gform_wrapper input[type="text"]:hover, .gform_wrapper input[type="url"]:hover, .gform_wrapper input[type="email"]:hover, .gform_wrapper input[type="tel"]:hover, .gform_wrapper input[type="number"]:hover, .gform_wrapper input[type="password"]:hover, .gform_wrapper textarea:hover {
border: 1px solid #fc0;
}

You can use this (and change and add whatever properties of course):

[css]
#content .gform_wrapper .gform_footer input.button {
background: #555;
border: 1px solid black;
text-shadow: none;
}

I don't see a GravityForm in the widget area.

This will target that specific comment box:

[css]
#input_3_4 {
width: 150px;
height: 100px;
}