Changing the Color of the entered text in the field boxes

So to change the color of the text entered in the textarea input you can add something like this to the bottom of your themes stylesheet

.gform_wrapper textarea {
    color: yellow;
}

This is just an example you can replace yellow with a color hex code if you know it

Did you try adding the !important property

.gform_wrapper textarea {
    color: yellow !important;
}

I don't know if this would affect it or not but on lines 35 to 42 you have the following html which does not belong in a stylehseet, try removing it and see if that makes a difference.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=442121285837361";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

There is also an extra } bracket on line 362 that should be removed

#site-title a {
	color: #036f91;
	font-weight: bold;
	text-decoration: none;
}

}

No problem, CSS inheritance issues arise all the time, do you have any other plugins running that could be adding a stylesheet that contains styles for form elements like the textarea.

Also what browser are you using, if you are using chrome right click on the textarea and select 'inspect element' from the bottom of the context menu, you should see something like this http://imgur.com/YDFkvSd

Along the right side you should find a list of all the styles that are are connected to that textarea, you might be able to locate a rule in there that is setting the color

Do you have any none gravity forms textareas on this or other pages

In that case would splitting that CSS be a problem so it would look more like this

#content {
   /* content styles go here */
}

.gform_wrapper textarea {
   /* text area styles go here */
}

You're welcome, glad you got it sorted.