div#mainContent{
	margin:10px 0 0 0;
	/*width: 920px;*/
	/*height:530px;*/
	width: 100%;
	height: auto;
	min-height: 650px;
	overflow: hidden;
	float:left;
	background: #fdfdfe;
	padding:25px 0 25px 0;
	padding-left:0;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
}
ul.fullList{
	width: 330px;
	width: 40%;
	padding-left:30px;
	float:left;
	padding-right:20px;
	margin-top:-10px;
	list-style:none;
}
ul.fullList li{
	width:330px;
	height: 58px;
	margin-top:10px;
	cursor: pointer;
	position:relative;
	@display: inline; /*IE hack*/
}

ul.fullList li div.ranking{
	float:left;
	width:50px;
	text-align:center;
	height:58px;
	line-height:58px;
	vertical-align:middle;
	font-family:Georgia;
	font-size: 26px;
	color:#b3b3b3;
}
ul.fullList li.activeItem div.ranking{
	font-size:35px;
}
ul.fullList li div.thumb img{
	float:left;
	width: 58px;
	height: 58px;
	margin:0 35px 0 35px;
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}
ul.fullList li div.maskThumb{
	position: absolute;
	width:58px;
	height:58px;
	left:85px;
	z-index: 2;
	background: url(../imgs/maskCircleThumb.png);
}
ul.fullList li.hover div.thumb img,
ul.fullList li.activeItem div.thumb img{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
ul.fullList li h4.title{
	float:left;
	font:16px 'OgloboCondensedLight';
	color:#b3b3b3;
	width:147px;
	/*overflow:hidden;*/
	line-height: 18px;
	margin:0px;
}
ul.fullList li.activeItem h4.title{
	font-size:23px;
	padding:none;
}
ul.fullList li.activeItem div.ranking,
ul.fullList li.activeItem h4.title,
ul.fullList li.hover div.ranking,
ul.fullList li.hover h4.title{
	color:#333333;
}
ul.fullList li div.hiddenContent{
	display: none;
}
div.activeItem{
	width: 540px;
	width: 54%;
	float:left;
}
div.detailImage{
	width: 260px;
	float:right;
	font-size:11px;
	margin: 20px 0 10px 20px;
}
div.detailImage p{
	width:260px;
	background-color:#eee;
	padding: 5px;
	color:#888;
	font:16px 'OgloboCondensedLight';
	display:inline-block;
	margin:0px;
}
div.details{
	padding: 0px 20px;
	width: 500px;
	float: left;
	padding: 0;
	width: 100%;
}
div.details h4.title{
	font:25px 'OgloboCondensedBold';
	letter-spacing: 1px;
	line-height: 24px;
	margin:0px;
}
div.details h5.subtitle{
	font:23px 'OgloboCondensedLight';
	line-height: 24px;
}
div.details span.important{
	font:23px 'OgloboCondensedMedium';	
}
div.details p.description{
	font:17px 'OgloboCondensedRegular';
	line-height: 20px;
	margin-top: 20px;
}
div.activeItem ul.about{
	width: 100px;
	margin-top:8px;
	float: right;
	margin-right: 25px;
}
div.activeItem ul.about li{
	text-align: right;
	margin-top: 15px;
	float: left;
}
div.activeItem ul.about li span.label{
	float: right;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    width: 100px;
}
div.activeItem ul.about li span.data{
	float: right;
    font-size: 11px;
    line-height: 15px;
    margin-top: -5px;
    width: 100px;
}


@media all and (max-width: 870px){
	ul.fullList{
		width: 40%;
		padding: 0;
	}	
	ul.fullList li{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	ul.fullList li div.ranking,
	ul.fullList li div.maskThumb{
		display: none;
	}
	ul.fullList li div.thumb img{
		border-radius: 50%;
	}
	div.activeItem {
    	width: 60%;
    }
    div.details{
    	width: 100%;
    	padding: 0; 
    }
}

@media all and (max-width: 640px){
	ul.fullList{
		width: 100%;	
	}
	ul.fullList .thumb{
		display: none;
	}
	ul.fullList li h4.title{
		width: 100%;
		font: 21px 'OgloboCondensedSemibold';
		letter-spacing: 1px;
    	line-height: 22px;
    	color: #333333;
	}
	div.detailImage{
		width: 100%;
	}
	div.detailImage,
	div.detailImage p{
		display: block;
		width: 100%;
		text-align: center; 
	}
	ul.fullList li div.hiddenContent{
		display: block;
	}
	.hiddenContent h4{
		display: none;
	}
	div.details h5.subtitle{
		font: 17px/18px 'OgloboCondensedLight';
		margin-bottom: 10px;
	}
	div.activeItem{
		display: none;
	}
}