body.blog-index .article {
	background-color: var(--menu-bg, #d0d0d0);
	border: var(--menu-border, 1px solid #a4a4a4);
	margin: 4px;
	padding: 8px;
}

body.blog-index .article p {
	margin: 2px;
}

body.blog-index .article i, .article .userlink {
	font-family: var(--spfont1, Pixio);
}

body.blog-index .article i { color: var(--subtitle, #525252); }

.body > img {
	max-width: calc(100% - 64px);
}

.subject {
	margin: 4px 0px;
		}

#commentFrame {
	width: calc(100% - 8px);
	border: none;
}

.comment {
	background-color: var(--menu-bg, #d0d0d0);
	border: var(--menu-border, 1px solid #bdbdbd);
	margin: 4px;
	padding: 8px;
}

.comment p {
	margin: 2px;
}

.comment i {
	color: var(--subtitle, #525252);
}

.userlink, .userlink a {
	color: var(--main-text, #000000);
	text-decoration: none;
}

.userlink, .date i, .comment i, #comments {
	font-family: var(--spfont1, Pixio);
}

textarea {
	width: calc(100% - 8px);
}

.header-title h1, .header-title .author {
	margin: 2px;
}

.header-title .author .userlink {
	margin: 0px;
}

.header-title i {
	color: var(--subtitle, #525252);
}


.comment {
	background-color: var(--menu-bg, #d0d0d0);
	border: var(--menu-border, 1px solid #bdbdbd);
	margin: 4px;
	padding: 8px;
}

.comment p {
	margin: 2px;
}

.comment a[title="Delete"],
.userlink,
.comment i{
	font-family: var(--spfont1, Pixio);
}

.comment i {
	color: var(--subtitle, #525252);
}

.userlink, .userlink a {
	color: var(--main-text, #000000);
	text-decoration: none;
}

textarea {
	width: calc(100% - 8px);
}

#header {
	font-size: 24px;
	vertical-align: top;
}

body#comments > .header-title {
	top: -10px;
}