#articles{
	padding-right:20px;
}

#articles h2{
	color:#586994;
	font-size:20px;
	padding-left:3px;
}

#articles .featured-list-item{
	margin-bottom:40px;
}

#articles .list-item{
	display:block;
}

#articles .list-article-container{
	position:relative;
	height:auto;
	margin-bottom:20px;
	padding:15px;
	border:1px solid #EEE;
	box-shadow: 1px 1px 3px 0#999;
}

#articles .list-article-container .article-image{
	height:auto;
	line-height:0;
	overflow:hidden;
	display:inline-block;
	vertical-align: top;
}


#articles .article-info {
	display:inline-block;
	vertical-align: top;
	
}

#articles .article-title {
	margin:0;
	margin-bottom:5px;
}
#articles .article-title a{
	color:#666;
	text-decoration: none;
	font-size:20px;
	display:inline-block;
}

#articles .article-date{
	color:#999;
	font-size:12px;
	margin-bottom:5px;
}

#articles .preview {
	margin-bottom: 1rem;
}

#articles .list-item .readMore{
	position: relative;
	float:right;
}

@media (min-width: 768px) {
	#articles .list-article-container{
		position:relative;
		height:auto;
		margin-bottom:20px;
		padding:15px;
		border:1px solid #999;
		background-color:#FFF;
		border-radius:3px;
	}
	
	#articles .article-info {
		display:inline-block;
		vertical-align: top;
	}
	#articles .list-item .readMore{
		position: absolute;
		bottom:15px;
		right:15px;
	}

}



/*pagination*/
#articles .paginationContainer{
	float:right;
}

#articles .pagination{
	list-style-type: none;
	margin:0;
	padding:0;
}

#articles .pagination li{
	float:left;
	margin-right:10px;
}

#articles .pagination a{
	color:#999;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}

#articles .pagination a:hover,
#articles .pagination .active a{
	color:#00A6A6;
}

/*article details page*/

#article-details .article-date {
	font-size:12px;
	color:#999;
}
#article-details .article-image{
	float:right;
	width:40%;
	overflow:hidden;
	margin-left:15px;
	margin-bottom:15px;
}

#newsSidebar{
	
}

#newsSidebar h2{
	color:#00A6A6;
	font-size:20px;
	padding-bottom:10px;
	padding-left:3px;
	border-bottom:2px solid #00A6A6;
	margin-bottom:10px;
}
#newsSidebar .sidebarMenu{
	list-style-type:none;
	margin:0;
	padding:0;
}
#newsSidebar .sidebarMenu a{
	font-size:16px;
	display:inline-block;
	margin-bottom:10px;
	line-height:25px;
	color:#666;
	text-decoration:none;
}
#newsSidebar .sidebarMenu a:hover{
	text-decoration:underline;
}