/* Background and foreground colours. */
body						{color: #000000; background: #FFFFFF; margin: 0;}
/* Links show up as red text which are underlined when the mouse is over them. */
a							{color: #4444cc;}
a:visited					{color: #9944cc;}
a:link,a:active,a:visited	{text-decoration: none;}
a:hover						{text-decoration: underline;}

body > table > tbody > tr > td {vertical-align: top;}
body > table > tr > td {vertical-align: top;}
.mainpanel, .sidebar		{background: #EEEEFF; margin: 0.5em; padding: 0.5em; border: solid 1px #DDDDEE;}
.mainpanel					{width: 100%;}
.sidebar					{width: 14em;}
div.footer					{margin-top: 2em; text-align: center;}

.sidebar h2					{font-size: 120%; text-align: center; background: #DDDDEE; margin-top: 0.5em;}
.sidebar ul					{padding: 0 0 0 1.5em; font-size: 90%; color: #AAAABB;}
.sidebar table				{width: 100%;}
.sidebar td					{font-size: 90%;}

.mainpanel h1				{font-size: 150%; text-align: center;}
.mainpanel h2				{font-size: 120%;}
.mainpanel div.page			{font-size: 80%; text-align: right;}

div.description				{margin: 1em;}
span.label					{font-style: italic;}

div.summary	td				{font-align: center; font-size: 75%;}
div.calendar td				{text-align: center;}
div.calendar td.today		{font-weight: bold;}
div.tag tr > td				{text-align: right}
div.tag td					{width: 50%;}
div.tag td div				{height: 80%; background: #AAAABB;}
div.search input			{width: 100%;}

img.change					{margin: 1; border: none; width: 8px; height: 8px;}
img.icon					{margin: 1; border: none; width: 10px; height: 10px;}
img.rating					{margin: 1; border: none; width: 59px; height: 11px;}