/*
* Navigation
*/
.article-navigation{
    margin: 20px 0 0 0;
    height: 10px;
}

.nav-prev{
    float: left;
}

.nav-next{
    float: right;
}

/*
*   Article Read-More
*/
.articles_view hr#system-readmore{
    display: none;
}

/************ Blog Articles Title ***********/
.article_title{
    margin: 0;    
}

.article_title h4{
    color: #6DCFF6;
	margin:0;
	border: 0;
}

.article_title h4 a{
    color:#095197;
}

.article_title h4 a:hover{
    color:#FFFFFF;
    background-color: #304d6e;
}

/*
*   Title Area
*/
.article_title_area{
    background: none !important;
}

/**** Article Post date / Article Title ****/
.article_blog_date{
    float: left;
    background-color: #F2F2F2;
    padding: 5px;
}

.article_title{
    float: left;
}

/**************** Author / Comments ***************/
.article_title ul{
    margin: 0;
    padding: 0;
}

.article_title ul li{
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.article_title ul li.separator{
    margin: 0 5px;
}

/*****************************
        Article Blog Date 
*****************************/
.article_blog_date{
    width: 40px;
    float:left;
    text-transform: uppercase;
    text-align: center;
}

.article_blog_date p{
    padding-top: 5px;
    margin: 0;
}

.article_blog_date span {
    display: block;
}

.article_blog_date .month {
    font-size: 15.5px;
}

.article_blog_date .day {
    font-size: 32px;
}

/*
*   Misc
*/
.clear{
    clear: both;
}
Window size: x 
Viewport size: x