body
{
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

h1 { display: none }
h2 { font-size: 1.2em; color: #444; margin-bottom: 0.3em }

#container
{
	width: 870px;
	height: 610px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 20px auto;
	position: relative;
	text-align: left;
}

#pink_box, #blue_box, #purple_box, #other_box
{
	width: 270px;
	height: 270px;
	position: absolute;
	padding: 15px;
	font-size: 0.85em;
	background-position: top left;
	background-repeat: no-repeat;
	/*text-align: justify;*/
	/*overflow: auto;*/
}

/* At least IE's box model is correct. Oh, wait... */
* html #pink_box, * html #blue_box, * html #purple_box, * html #other_box
{
	width: 300px;
	height: 300px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#pink_box ul, #blue_box ul, #purple_box ul
{
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: left;
}
#pink_box .spaced_list li, #blue_box .spaced_list li, #purple_box .spaced_list li { margin-top: 10px; margin-bottom: 6px }

#pink_box.image_only, #blue_box.image_only, #purple_box.image_only
{
	padding: 0;
	width: 300px;
	height: 300px;
}

#pink_box
{
	top: 0;
	right: 310px;
	background-image: url(images/pink_box.png);
}

#blue_box
{
	top: 0;
	right: 0;
	background-image: url(images/blue_box.png);
}

#purple_box
{
	top: 310px;
	right: 0;
	background-image: url(images/purple_box.png);
}

#other_box
{
	top: 310px;
	right: 310px;
}

p.unimportant { font-size: 0.9em; margin: 0.7em auto }

/* Menus */
#menu
{
	position: absolute;
	left: -24px;
	width: 250px;
	padding: 3px;
	font-size: 1.03em;
	line-height: 1.6em;
}

#menu ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#menu a
{
	text-decoration: none;
	color: #571B89;
	width: 100%;
	display: block;
	padding-left: 24px;
}
#menu a:hover { color: #F21E8C }

/* IE means I can't use the > selector */
#menu li.current_page a
{
	background-image: url(images/active_menu.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}
#menu li.current_page li a { background: none }

#menu ul ul
{
	margin-left: 15px;
	font-size: 0.88em;
}

#menu ul ul a { color: #1baacc }

/* Quotations */
blockquote { margin: 0; font-size: 0.9em }

p.cite { text-align: right; font-size: 0.9em }
cite .cite_details { display: block }

/* hCard details (http://microformats.org/wiki/hcard) */
.vcard .fn, .vcard .job, .vcard .type { font-weight: bold }
.vcard .tel, .vcard .email { margin-top: 6px }
.vcard .type { margin-right: 6px }
.vcard .institute { margin-top: 12px }

/* hCalendar details (http://microformats.org/wiki/hcalendar) */
.vcalendar .summary { font-weight: bold }