html, body {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 75%;
	background-color: #eeebe8;
}
a:link {
	color: #0087c6;
	text-decoration: none;
}
a:visited {
	color: #0087c6;
	text-decoration: none;
}
a:hover {
	color: #393939;
	text-decoration: underline;
	/*border-width: 0 0 1px 0;
	border-color: #56BBFF;
	border-style: dashed;*/
}
p {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 1em;
}
img {
	border: 0;
}
h1 {
	padding: 0;
	margin: 0;
	color: #666666;
	font-size: 1.5em;
	letter-spacing: -0.05em;
	font-weight: bold;
}
h4 {
	padding: 0 0 0.2em 0;
	margin: 0.8em 0 0.8em 0;
	border-width: 0 0 1px 0;
	border-color: #cacaca;
	border-style: solid;
	font-weight: normal;
	font-size: 1.2em;
	color: #666666;
}
h5 {
	padding: 0 0 0.2em 0;
	margin: 0.8em 0 0.8em 0;
	font-weight: normal;
	font-size: 1.2em;
	color: #666666;
}
hr {
	margin: 5px 0 5px 0;
	padding: 0;
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}
pre {
	font-size: 1.25em;
}
input {
	font-size: 1em;
	line-height: 1em;
}
input.text {
	margin: 0;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-color: #f4f4f4;
	background-image: url("etc/textfield_bg.gif");
	background-position: center left;
}
input.checkbox {
	margin: 0;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-color: #f4f4f4;
	background-image: url("etc/textfield_bg.gif");
	background-position: center left;
}
input.button {
	margin: 0;
	padding: 3px;
	color: #ffffff;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: #4cc5ee;
	background-color: #63d2fb;
	background-image: url("etc/button_bg.gif");
	background-position: center left;
}
textarea {
	padding: 0.5em;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-image: url("etc/box1_bg.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 0.9em;
	font-family: "Monaco", "Courier", fixed-width, monospace;
}
select {
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-color: #f4f4f4;
	background-image: url("etc/textfield_bg.gif");
	background-position: center left;
}
div.page {
	display: table;
	width: 800px;
	height: 100%;
	background-color: #ffffff;
	border-width: 0 1px 0 0;
	border-color: #DDDDDD;
	border-style: solid;
}
div.header {
	background-color: #555555;
	background-image: url( "etc/header_bg.gif" );
	padding: 0 50px 0 25px;
	height: 80px;
	color: #56BBFF;
	font-size: 1.1em;
	border-width: 0 0 1px 0;
	border-color: #C8C8C8;
	border-style: solid;
}
div.header a, div.header a:link, div.header a:active, div.header a:hover, div.header a:visited {
	color: #56BBFF;
}
div.menu {
	font-size: 1.1em;
	margin: 0.25em 0 0.25em 0;
}
.dotted_underline_white {
	border-width: 0 0 1px 0;
	border-color: #ffffff;
	border-style: dashed;
}
.dotted_underline_grey {
	border-width: 0 0 1px 0;
	border-color: #999999;
	border-style: dashed;
}
div.subheader {
	padding: 0 50px 0 25px;
	height: 1em;
}
div.submenu {
	font-size: 0.95em;
	color: #585858;
}
div.submenu a, div.submenu a:link, div.submenu a:active, div.submenu a:hover, div.submenu a:visited {
	color: #585858;
}
div.content {
	margin: 20px 50px 0 25px;
	font-size: 0.95em;
	line-height: 1.4em;
}
.smalltext1 {
	font-size: 0.8em;
}
.bluetext1 {
	color: #2f94be;
}
.greytext1 {
	color: #626262;
}
.greytext2 {
	color: #626262;
}
.whitetext {
	color: #ffffff;
}
.redtext1 {
	color: #e73c00;
}
.pinktext1 {
	color: #ec4a99;
}
.largetext1 {
	font-size: 1.1em;
}
.largetext2 {
	font-size: 1.2em;
}
.timestamp {
	clear: both;
	padding: 100px 0 0 0;
	color: #afafaf;
	font-size: 0.95em;
}
.message {
	border-width: 1px;
	border-style: solid;
	border-color: #cacaca;
}
.score_left {
	padding: 0 0 0 20px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #eaeaea;
}
.padding_left {
	padding: 0 10px 0 0;
}
.column_left_half {
	float: left;
	width: 45%;
}
.column_left_twothirds {
	float: left;
	width: 60%;
}
.column_right_half {
	float: right;
	width: 48%;
}
.colum_right_third {
	float: right;
	width: 33%;
}
.clear_float {
	clear: both;
}
div.calendar {
	width: 600px;
}
div.day_header {
	float: left;
	width: 84px;
	color: #ffffff;
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
}
div.day {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 3px 3px 0;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
}
div.day_inactive {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 3px 3px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #f1ece6;
}
div.day_content {
	margin: 3px;
	width: 74px;
	height: 74px;
	overflow: hidden;
}
div.day h1 {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
div.day_active {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 3px 3px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #66c7ea;
	background-color: #a3e7ff;
	background-image: url("etc/header_bg.gif");
	background-position: center left;
}
div.day_active h1 {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
div.day_active p {
	padding: 0.25em 0 0.25em 0;
	line-height: 1.1em;
}
div.day_active a, div.day_active a:link, div.day_active a:active, div.day_active a:hover, div.day_active a:visited {
	color: #585858;
}
div.calendar_header {
	display: table;
	margin: 0 0 3px 0;
	width: 590px;
	color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-color: #bababa;
	background-image: url("etc/calendar_bg.gif");
	background-position: center left;
}
div.calendar_header a {
	color: #ffffff;
}
div.calendar_nav {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #aaaaaa;
}
.search_image {
	width: 32px;
	height: 32px;
	overflow: hidden;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	background-repeat: no-repeat;
	background-position: center center;
}
.search_image img {
	position: absolute;
	overflow: hidden;
	clip: rect( 0px, 32px, 32px, 0px );
}
.preview_image {
	float: left;
	margin: 0 4px 4px 0;
	width: 64px;
	height: 64px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}
.preview_image img {
	position: absolute;
	overflow: hidden;
	clip: rect( 0px, 64px, 64px, 0px );
}
.preview_image_large {
	width: 256px;
	height: 256px;
	overflow: hidden;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	background-repeat: no-repeat;
	background-position: center center;
}
.preview_image_large img {
	position: absolute;
	overflow: hidden;
	clip: rect( 0px, 256px, 256px, 0px );
}
.box1{
	padding: 0.5em;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	background-image: url("etc/box1_bg.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
}
.rss {
	float: left;
	width: 3em;
	height: 1.25em;
	color: #ffffff;
	background-color: #ff6600;
	border-width: 1px;
	border-style: solid;
	border-color: #cc3300;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	font-weight: bold;
}
div.module {
	margin: 8px;
	float: left;
	width: 70px;
	text-align: center;
}
div.album_image {
	margin: 8px;
	float: left;
	text-align: center;
}
.bg_light {
	background-color: #f4f4f4;
}
.section_artwork {
	float: left;
	padding: 0 20px 10px 0;
}