.blueskycard {
	border: 1px solid #666;
	border-radius: 8px;
	padding: 1rem;
}
.blueskycard .author {
	display: flex;
}
.blueskycard .author > div {
	width: auto;
}
.blueskycard .author .name {
	padding-left: 1rem;
}
.blueskycard .author .name > div {
	display: block;
}
.blueskycard .author .name .displayname {
	font-weight: bold;
	font-size: large;
}
.blueskycard .author .name .handle {
	font-size: 90%;
	color: #666;
}
.blueskycard .author .avatar img {
	max-width: 64px;
	border-radius: 50%;
	border: 1px solid #999;
}
.blueskycard .post {
	padding-top: .5rem;
}
.blueskycard .post .posttext {
	font-size: large;
}
.blueskycard .post .postimages {
	display: flex;
	flex-flow: row wrap;
}
.blueskycard .post .postimages p {
	width: 45%;
	margin-top: .5rem;
	margin-right: .5rem;
	border-radius: 8px;
}
@media screen and (max-width: 39.9375em) {
	.blueskycard .post .postimages p {
		width: 100%;
	}
}
.blueskycard .post .createdat {
	padding-top: .5rem;
}
.blueskycard .post .createdat a {
	font-size: 85%;
	color: #666;
	text-decoration: none;
}
.blueskycard .post .createdat a:hover {
	text-decoration: underline;
}