/* CSS of the right article list */

/* Common */

#articleListHead {
	color: 			#006AF3;
	font-size: 		16px;
	font-weight: 	bold;
	margin-left:	30px;
	width:			240px;
	height:			60px;
	border-bottom: 	1px solid #999999;	
}

#articleListHead img {
	width: 			36px;
	height: 		36px;
	padding-top:	20px;
}

#archiveRight{
	position:relative;
	bottom:11px;
	left: 4px;
}

#articleList {
	margin-left:	30px;
	width:			240px;
	overflow-y: 	scroll;
	overflow-x:		hidden;
}

#articleList p {
	padding:0;
}

hr.separator {
	width:				100%;
	height:				1px;
	border-width:		0;
	color:				gray;
	background-color:	gray;
}

/* For articles */
.listArticleTitle,
.listArticleTitle a {
	color: 			#006AF3;
	font-weight:	normal;
	line-height:	15px;
	width:			220px;
}

.listArticleTitle a:hover {
	color: #888888;
}

.listArticleTitle a.selected {
	font-weight: bold;
}

.listArticleDate {
	color: #666666;
} 

.listArticleAbstract {
	color: 		#666666;
	line-height:12px;
	margin-top:	10px;
	width:		220px;
}

.listArticleAbstractSelected {
	font-weight:bold;
}

/* For interviews */

.listInterviewTitle,
.listInterviewTitle a {
	padding-top: 	10px;
	color: 			#006AF3;
	font-weight:	bold;
	width:			210px;
}

.listInterviewTitle a {
	position: relative;
}

.listInterviewTitle img {
	margin-right: 30px;	
	display:	block;
}

.listInterviewAbstract {
	color: 		#666666; 
	line-height:12px;
}