.blogHead          {
    font-size:          22pt;
    margin-top:		-1px;
}
.blogSubHead        {
    font-size:          18pt;
}
.blog, .blogBody       {
    text-align:         justify;
    font-size:          14pt;
}
.blogImage              {
    min-width:          160px;
}
input[type=text]        {
    width:              100%;
}
a                       {
    text-decoration:    none;
    color:              inherit;
}
.unpublished            {
    color:              lightgrey;
}
.blogIndexImage         {
    float:              left;
    margin-right:       18px;
    max-width:          180px;
}
.imageBlock		{
    display:        	inline-block;
    border:         	solid thin dimgrey;
    width:          	200px;
    margin:         	8px 2px;
}
@media screen and (max-width: 450px) {
    .blogHead          {
        font-size:          17pt;
    }
    .blogSubHead        {
        font-size:          14pt;
    }
    .blog, .blogBody       {
        text-align:         justify;
        font-size:          12pt;
    }
    .blogImage              {
        min-width:          100px;
    }
    .blogIndexImage         {
        float:              left;
        margin-right:       10px;
        max-width:          100px;
    }

}