@charset "UTF-8";

/*
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* main-area */
#main-area {
	line-height: 1.8em;
	background: url(../img/main-bg.jpg) no-repeat 0 0;
}
.top-topics {
	padding: 40px 0;
	height: 100%;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}
#main-area .top-topics h2 {
	padding: 20px;
	text-align: left;
}
.top-topics-list {
  margin-bottom: 0px;
	width: 100%;
	border-top : 1px solid #fff;
	border-bottom : 1px solid #fff;
}
.top-topics-list dt,
.top-topics-list dd {
  float: left;
	padding: 20px 0;
	color: #fff;
}
.top-information {
	color: #fff;
	border-top : 1px solid #fff;
}
.top-information li {
	padding: 20px;
	border-bottom : 1px solid #fff;
}
.top-topics-list dt {
	padding: 20px;
}
.top-topics-list dd {
	padding-right: 20px;
}
.top-topics a {
  color: #fff;
}