/* Comments styles */

.comment-head {
	margin: 1em 1em 0 1em;
	border: 1px solid #000;
	padding: 0 0.5em;
	color: #fff;
	background-color: #000;
}

.comment-head :link, .comment-head :visited {
	color: #fff;
}

.comment-head .number, .comment-head .name, .comment-head .created {
	margin-right: 1em;
}

.comment-head form, .comment-head div {
	display: inline;
}

.comment-head .admin-button {
	margin: 0;
	border-style: none;
	padding: 0;
	font-weight: bold;
	cursor: pointer;
}

.comment-head .notspam {
	color: #cc0;
	background-color: transparent !important;
}

.comment-head .edit {
	color: #0c0;
	background-color: transparent !important;
}

.comment-head .remove {
	color: #f00;
	background-color: transparent !important;
}

.comment-body {
	margin: 0 1em 1em 1em;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.5em;
	background-color: #fff;
	font-style: normal;
}

.name {
	font-weight: bold;
}

.created {
	font-style: italic;
}

p input, p #preview {
	vertical-align: middle;
}

.jk2-text {
	color: #fff;
	background-color: #000;
	font-weight: bold;
}

.black {
	color: #fff; /* Treat black text as white to ensure display */
	background-color: transparent;
}

.red {
	color: #f00;
	background-color: transparent;
}

.green {
	color: #0f0;
	background-color: transparent;
}

.yellow {
	color: #ff0;
	background-color: transparent;
}

.blue {
	color: #00f;
	background-color: transparent;
}

.cyan {
	color: #0ff;
	background-color: transparent;
}

.magenta {
	color: #f0f;
	background-color: transparent;
}

.white {
	color: #fff;
	background-color: transparent;
}