vbcms_widget_recentblogposts_page

[HondaATC]

OK, on the home page, in the Recent Blog Posts widget, I want to change the text effects in that widget ONLY (for the time being anyhow) as I understand the system from the .pdf's that Don released today, I go to the template editor, and go to the vbcms_widget_recentblogposts_page template and edit it with my CSS for this to happen, correct?

I'm not sure if its a bug or what (Might be my bad CSS I'm just trying to learn too), but I can't get anything to change.

Original code:

<div class="cms_widget">
<div class="block">
	<div class="cms_widget_header">
	
		<img src="images/cms/widget-blog.png" alt="{vb:rawphrase recent_blog_posts}" /> {vb:rawphrase recent_blog_posts}
	</div>
	<div class="cms_widget_content">
		{vb:raw result_html}
	</div>
</div>
</div>

What I want is white text in the header...so according to what I've been trying to learn at w3schools.com it should be:

<div class="cms_widget">
<div class="block">
	<div class="cms_widget_header">
	<style type="text/css">
#header1
{text-align:center;
color:white
}
 </style>
		<p id="header1"><img src="images/cms/widget-blog.png" alt="{vb:rawphrase recent_blog_posts}" /> {vb:rawphrase recent_blog_posts}</p>
	</div>
	<div class="cms_widget_content">
		{vb:raw result_html}
	</div>
</div>
</div>

But it doesn't work Where am I going wrong, someone point me in the right direction? I've gotten the stylevar's figured out pretty well but I'm just looking for some more flexibility.