<style type="text/css">
#accordion {
	margin: 20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p,div.element h4 {
	margin: 0px;
	padding: 4px;
}
</style>
<script type="text/javascript" src="static/js/mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		display: ${month},
		onActive: function(toggler, element){
			toggler.setStyle('color', '#41464D');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}
	});
});
</script>
<h2>农历生日提醒</h2>
<p>别忘了传统的生日</p>
<hr />
<div><a id="rss" href="${feedURL}"
	style="background: transparent url(static/image/rss.jpg) no-repeat scroll left center; padding-left: 21px">Subscribe
to our RSS</a></div>
<div id="accordion">
<#list birthdays as item>
	<h3 class="toggler">${item_index + 1}月</h3>
	<div class="element">
	<h4>Artificial selection</h4>
	</div>
</#list>
</div>