I'm trying to style an area on one of my blogs and would appreciate some help from anyone familier with CSS

If you look at this page: http://ukmole.blogspot.com/2008/09/learn-to-love.html

You will see a post and below this a comment form (give it a second to load). I'm trying to style the very top field, titled 'Leave a comment as:'

I've been told the class name for this is .js-AuthAreaWrap, but what variable (is that the correct term?) would I use to style the blue drop-down button? Basically, I want this field to look like the rest - same size font, border color and for the button to be a combination of white and pale grey (maybe a white background with a pale grey arrow)

Thanks in advance.

The class you need to work on is this one:

<div class="js-commentFieldLabel">Leave a comment as:</div>

However, changing that will change all the other field labels too. You could add a second class onto just that one that will change the styling, it should work.

Sorry, LadynRed, your answer is a little advanced for my level of coding.

I was told I could style this section of the comment form with .js-AuthAreaWrap - and indeed if I use the 'display: none' and 'visibilty: hidden' elements, it removes it from the form, but I'd like to style it so it looks like the rest of my comment form.

I've styled the text box (where users leave their comments) so that the scrollbar only appears if the exceed the text area, and when it does appear, it's not styled in the deafult blue - I've styled it in greys and whites, which is what I want to do with the blue drop-down button in the field I mention.

Maybe I'm not making myself very clear, but I can't think how else to explain what I mean.