div.blog-snippet, 
div.blog-featured {
    margin: 40px 0;
    overflow: hidden;
    padding: 10px;
    text-align: justify;
}

div.blog-article {
    margin: 25px 0;
    border-bottom: 1px dashed gainsboro;
    text-align: justify;
}

div.blog-featured {
    background-color: rgb(250,250,250);
    border: 1px solid gainsboro;
}

div.blog-snippet:hover, 
div.blog-featured:hover {
    background-color: rgb(245,245,245);
    cursor: pointer;
}

div.blog-snippet *, 
div.blog-featured *,
div.blog-article * {
    background-color: transparent;
}

div.blog-snippet > *, 
div.blog-featured > *,
div.blog-article > * {
    vertical-align: top;
}

div.blog-snippet a, 
div.blog-featured a {
    color: inherit;
}

div.blog-snippet span.img {
    width: 140px;
    display: block;
    float: left;
}

div.blog-featured span.img,
div.blog-article span.img {
    width: 185px;
    display: block;
    float: left;
}

div.blog-snippet span.img img, 
div.blog-featured span.img img,
div.blog-article span.img img {
    max-width: 100%;
}

div.blog-article span.content img {
    max-width: 80%;
    display: inline-block;
    padding-left: 10%;
}

div.blog-snippet span.content,
div.blog-featured span.content,
div.blog-article span.content {
    display: block;
    border: 0;
    padding: 0;
}

div.blog-snippet span.content {
    margin-left: 155px;
}

div.blog-featured span.content {
    margin-left: 200px;
}

div.blog-article span.content {
    margin-left: 210px;
}

div.blog-snippet .title, 
div.blog-featured .title {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.blog-featured .authored {
    font-size: 16px;
    margin: 5px 0;
}

div.blog-featured .authored * {
    vertical-align: middle;
}

div.blog-featured .authored > img {
    display: inline-block;
    margin-right: 10px;
    width: 40px;
}

div.blog-snippet:hover .title, 
div.blog-featured:hover .title {
    text-decoration: underline;
}

div.blog-snippet .snippet, 
div.blog-featured .snippet {
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: clip;
}

div.blog-article .share {
    text-align: center;
    margin: 2px 0;
}

div.blog-article .mobile-share {
    display: none;
}

div.blog-article .share > * {
    vertical-align: bottom;
    margin: 0 2px;
}

div.blog-article .share img {
    width: 32px;
    padding: 3px;
    background-color: steelblue;
}



div.blog-article span.content .author *{
    vertical-align: middle;
}

div.blog-article span.content .author img{
    width: 24px;
    padding: 0;
}