/* These are mainly overrides of things in the main site CSS. */

:root {
    color-scheme: light dark;
    --wppost-background-color: #fff;
}
@media (prefers-color-scheme: dark) {
    :root {
        --wppost-background-color: #000;
    }
}
    
.wppost {
	margin: 0 0 50px 0;
	padding: 15px 20px 0 20px;
	width: 660px;
	line-height: 1.7em;
	border: 1px solid #dadada;
	background-color: var(--wppost-background-color);
}

.post {
	margin: 0;
	margin-bottom: 50px;
	padding: 0;
	width: auto;
	line-height: auto;
	border: none;
	background-color: none;
}

.alignleft { float: left !important; margin:0 15px 15px 0 !important; }
.alignright { float: right !important; margin:0 0 15px 15px !important; }

h2 a, h3 a {
	color: #909090;
	border: none;
}

li h2 {
	padding-top: 10px;
}

#searchbtn {
	margin-bottom: -6px;
}

.comment-form-comment label {
	display: block;
	font-weight: bold;
}

.comment-form-comment textarea {
	width: 100%;
}

.comment-author img {
	margin: 0 !important;
}

.commentbody {
	margin-bottom: 20px;
}

.comment-meta {
	font-size: smaller;
}

/* This is a huge hack because of the Twitter widget */
.commenthead .clear {
	clear: none;
}