#articles_body a {
	color: #0275d8;
	text-decoration: none;
}

#articles_body a:hover {
  color: #01447e;
  text-decoration: underline;
}

.article {
	margin : 10px 0px;
	//border : 1px red solid ;
	padding : 10px ;
	//border-radius:10px ;
}

.article > a > img {
	float : right ;
	width:100%;
	max-width:300px;
	height:auto;
	margin-left :10px;
	//display:block;
	border-radius:10px ;
}

.article > a > img:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.article > a:last-of-type:after {
	content : '' ;
	clear : both  ;
	display : block ;
}

.article > a > h2 {
	color: #009688 ;
	text-decoration: none;
	text-align : center ;
}

.article > a > h2:hover {
	text-decoration: underline;
}

/* Pagination links */
#articles_body .pagination {
	line-height : 2 ;
}
#articles_body .pagination a , #articles_body .pagination span {
  //color: black;
  //float: left;
  padding: 8px 16px;
  text-decoration: none;
  border-radius : 4px ;
  text-align : center ;
  vertical-align:middle ;
  transition: background-color .3s;
}

/* Style the active/current link */
#articles_body .pagination span.active {
  //background-color: dodgerblue;
  background-color: DarkMagenta ; //#87ceeb ; 
  color: white;
}

#articles_body .pagination a:hover {
	text-decoration: none;
	background-color: #009688 ;
}

/* Add a grey background color on mouse-over */
#articles_body .pagination span:hover:not(.active) {
	background-color: #009688;
	
}

#articles_body .pagination span.active:hover {
	//cursor : not-allowed ;
}