/* Blog Post Styling
 * 
 * Use .teststyle from newSiteHeadings.css
 * Use .unadornedlist from main.min.css
 */
.blogpost:not(:first-child) {
	margin-top: 1.75em;
}
.blogpost .tagline {
	font-style:italic;
	font-size: 90%;
}
.blogpost .tagline > *:not(:last-child)::after {
	content: "|";
	margin-left:0.33em;
	margin-right:0.33em;
}
.blogpost img {
	max-height: 500px;
	display: block;
	margin: auto;
}


/* too much? */
.blog > ul {
    list-style: none;
    padding-left: 0;
}
.blog > ul > li {
    display: flex;
    flex-direction: column;
}
.blog > ul > li+li {
    margin-top: 0.667em;
}
.blog > ul > li > *, .blog-post > * {
    margin: 0;
}
.blog-post > h3 {
    color: #411
}
.blog-post > div:nth-of-type(1) {
    /*margin-bottom: 1em;*/
}
.blog-post > div:nth-of-type(2) {
    display: none;
}
.blog > ul > li > a {
    font-size: 75%;
}

:is(.blogContent,.blogpost > div) > p:first-child > img {
    margin-top: 0.333em;
}