I've been attempting to change the color of my h2/3/4 headers in my Movable Type journal. However, the stylesheet designed for it is...not cooperating. The command to change the color isn't working, and i'm not sure why. Here is the stylesheet:

<style type="text/css">
<!--
a:link{color:#FF9999;text-decoration:none;font-family: Century Gothic;font-size:11px;}
a:visited{color:#FF9999;text-decoration:linethrough;font-family: Century Gothic;font-size:11px;}
a:active{color:#FF9999;text-decoration:none;font-family: Century Gothic;font-size:11px;}
a:hover{color:#CC6666;text-decoration:underline overline;font-family: Century Gothic;font-size:11px;}
-->
</style>
<style type="text/css">
input.button, input, textarea, {background-color: #000000; color: FFFFFF; font-family: Century Gothic; border: none;
font-size: 11px;}
</style>
<style type="text/css">
iframe {border: #;}
</style>
<style type="text/css">
H3,h2 {color: gray;}
</style>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: FF9999;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: FF9999;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 000000;
font-size:11px;
}
-->
</style>

Any ideas?

well, i don't know where that style sheet came from but that isn't the one that came with movable type... the coding is all wrong... if this is an external style sheet, then you don't need ANY style tags and if it is an internal style sheet, then you should only have one set of style tags... i have fixed the errors for you... whatever you had before, replace it with this, and if it is an external style sheet (which it should be if it is the one that "came" with movable type) then get rid of the style tags all together.


<style type="text/css">

a:link
{color: #FF9999;
text-decoration: none;
font-family: Century Gothic;
font-size: 11px;}

a:visited
{color: #FF9999;
text-decoration: line-through;
font-family: Century Gothic;
font-size: 11px;}

a:active
{color: #FF9999;
text-decoration: none;
font-family: Century Gothic;
font-size: 11px;}

a:hover
{color: #CC6666;
text-decoration: underline overline;
font-family: Century Gothic;
font-size: 11px;}

input.button, input, textarea,
{background-color: #000000;
color: #FFFFFF;
font-family: Century Gothic;
border: none;
font-size: 11px;}

H3, h2 {color: gray;}

BODY
{scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FF9999;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FF9999;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
font-size:11px;}

</style>


a few notes, always put a # before a color code, the colored scrollbars won't show up since MT uses XHTML coding, and try changing the color of the H2, H3 section to an actual number instead of a word.

That worked but now my links are blue. =/ And yes, it's an external stylesheet.

Nevermind! Got it. Thank you for your help!