body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;
	height:100%;
	
	font-family: Verdana,Arial;
}
#list {
	margin:10px;
}
.spacer {
	width:50px;
}
#title a {
	text-decoration:none;
}
#title {
	padding-left:10px;
	font-family:Arial;
}
#title h1, #title h2 {
	padding:0;
	margin:0;
}
#title h2 { font-size:20px; line-height:20px; font-weight:normal}
#title h1 { font-size:40px; line-height:50px;}
#helper {
	position:absolute;
	z-index:15;
	width:248px;
	border:4px solid #0cf;
	background-color:#0cf;
}
#helper .wrapper {
	padding:10px;;
}
#helper .article {
	position:relative;
}
#helper img {
	position:absolute;
	left:0;
}
#helper .link {
	font-size:12px;
	padding-bottom:10px;	
	padding-left:36px;
}
#helper a {
	color:#000;
	text-decoration:none;
}
#helper .topic_label div {
	font-size:24px;
	display:block;
	line-height:24px;
	padding-bottom:10px;
}
.topic_label img {
	width:50px;
	height:50px;
	margin:0;
	float:right;
}
#helper .title {
	min-height:40px;
}
#helper .topic_label img {
	display:none;
}
#helper .close {
	float:right;
	cursor:pointer;
	padding:5px;
}
.month {
	clear:both;
}
.month_label {
	position:absolute;
	overflow:hidden;
	color:#555;
	text-align:center;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	border:4px solid #fff;
}
.month_label, .topic {
	float:left;
	width:175px;
	height:50px;
}
.topics {
	padding-left:98px;
}
.month_label {
	width:90px;
}
.active img {
}
.month_label .padding {
	padding:6px;
}
.topic {
	overflow:hidden;
	background-color:#ccc;
	color:#000;
	border:4px solid #ddd;
}
.month .topic_label div{
	position:absolute;
	width:115px;
	margin-top:1px;
	font-size:11px;
	line-height:12px;
	padding-left:5px;
	padding-right:5px;
	z-index:10;
}
#helper .topic_label div {
	position:static;
	width:auto;
}
.active span {
	display:none;
}
.active {
	border-color:#0cf;
	background-color:#0cf;
}