<!-- Styles --><style type="text/css">	<!-- whichever styles first seems to get lost. No, actually it seems to be 		whichever one's the first after a non empty comment... Does it have		to do with the lack of a closing tag?  This is wierd because it doesn't seem		to happen in my other css file.  Actually it might be, since the first tag is a 		body tag, and I'm not sure that's getting used anywhere anyway... But it does only		happen if the file is linked, rather than the styles being directly in the file.-->	p.fodder {font-size:14px; margin:1em} 	body {background-color:#ffffcc; color:#000000}	p.story {font-size:14px; margin-left:3em; margin-right:1em; margin-bottom:1em; color:#000000}	ul.story {font-size:14px; margin-left:3em; margin-right:1em; color:#000000}	p.date {font-size:14px; margin-left:2em; color:#000000}	p.title {font-size:16px; margin:0em; padding-left:1em; padding-right:1em; padding-top:5px; padding-bottom:5px; background-color:#333366; color:#FFFFFF}	p.title-peony {font-size:16px; margin:0em; padding-left:1em; padding-right:1em; padding-top:5px; padding-bottom:5px; background-color:#660000; color:#FFFFFF}	div.entry {border:3px solid #660000; padding:0px; margin:1em; background-color:#FFFFFF; color:#000000}	div.entry-peony {border:3px solid #333366; padding:0px; margin:1em; background-color:#FFFFFF; color:#000000}	<!--img.sidepic {float:right; margin-left:1em}-->	img.rowpic {align:left; margin-left:0.5em; margin-bottom:1em; margin-top:1em}	img.sidepic {align:right; margin-left:1em; margin-bottom:1em}	<!--img.sidepicleft {float:left; margin-left:1em}-->	img.sidepicleft {align:left; margin-right:1em; margin-bottom:1em}	img.sidepicclearleft {align:left; clear:left; margin-right:1em; margin-bottom:1em; margin-top:1em}	table {font-size:14px; border:1px solid black; text-align:center}	div.clearblock {clear:both; margin:0em}	div.clearright {clear:right; margin:0em}	div.clearleft {clear:left; margin:0em}</style>