.page
{
    width: 960px;
    margin: 0px auto;
}

.list-of-posts
{
    min-height:700px;  

	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-width: 200px;
     -moz-column-width: 200px;
          column-width: 200px;
	
}

.pagination li
{
    display: inline-block;
	color: black;
    float: left;
    padding: 0px 6px 0px 6px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
	list-style:none; 
	margin: 0px 2px;

    
   
}

.pagination li:hover:not(.active-class)
{
    background-color: #CCC;
    border: 1px solid #CCC;
    color: black;
}

.pagination ul
{
    border: 0px;
    padding: 0px;
}

.active-class
{
	/*background-color: blue !important; color: black !important;	 */
	
    border: 1px solid #006 !important;
    
	background-color:#218cbd;
    
   
}