article.blog-box {
	margin-bottom: 30px;
}

article.blog-box header .blog-item-title {
    font-size: 36px;
    line-height: 1;
    margin-top: 0;
    color: #444;
}

article.blog-box header .blog-item-title h2 {
    text-align: left;
    font-weight: 400;
    color: #BBB;
    margin-top: 0;
}

article.blog-box .blog-item-media {
	position: relative;
    display: block;
    clear: both;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-khtml-opacity: .8;
	  -moz-opacity: .8;
	       opacity: .8;

	-webkit-transition: .3s all ease-in-out;
	   -moz-transition: .3s all ease-in-out;
	    -ms-transition: .3s all ease-in-out;
	     -o-transition: .3s all ease-in-out;
	        transition: .3s all ease-in-out;
}

article.blog-box .blog-item-media:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity: 1;
	  -moz-opacity: 1;
	       opacity: 1;
}

article.blog-box .blog-item-media img {
    width: 100%;
}

article.blog-box header .blog-item-info {
    background-color: #242424;
    list-style-type: none;
    padding: 4px 12px 8px;
    position: relative;
    display: block;
    font-size: 14px;
    height: 44px;
    margin: 0;

	-webkit-border-radius:  0 0 2px 2px;
	 -khtml-border-radius:  0 0 2px 2px;
	   -moz-border-radius:  0 0 2px 2px;
	     -o-border-radius:  0 0 2px 2px;
	        border-radius:  0 0 2px 2px;
}

article.blog-box header .blog-item-info li a, 
article.blog-box header .blog-item-info li {
    padding: 8px 40px 0 0;
    position: relative;
    float: left;
    color: #CCC;
}

article.blog-box .blog-item-body {
    line-height: 1.5;
    margin: 16px 0;
}