/* MyFirstWebsite free site footer, comment moderation notices.
   Shown on websites using the Free plan. Every class starts with mfw- so it won't clash with a site's own styles. */

.mfw-footer, .mfw-footer *, .mfw-modnote, .mfw-modnote *, .mfw-held, .mfw-held *, .mfw-error, .mfw-error * {
	box-sizing: content-box; margin: 0; padding: 0; border: 0; float: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal;
	letter-spacing: 0; text-transform: none; text-shadow: none; line-height: 1.4;
}
.mfw-footer b, .mfw-modnote b, .mfw-held b, .mfw-error b { font-weight: bold; }
.mfw-footer img, .mfw-modnote img, .mfw-held img, .mfw-error img { display: inline; vertical-align: middle; }

/* ---- the footer bar ---- */
.mfw-footer {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 30px;
	background: #e8f0f9 url(mfw-foot-bg.png) repeat-x 0 0;
	border-top: 1px solid #b7cde4;
	color: #44546a;
	font-size: 11px;
	text-align: center;
}
.mfw-footer .mfw-inner { max-width: 960px; margin: 0 auto; padding: 8px 12px; overflow: hidden; }
.mfw-footer a { color: #1d6fc4; text-decoration: none; }
.mfw-footer a:hover { color: #f68b1f; text-decoration: underline; }
.mfw-footer .mfw-brand { color: #333; font-size: 11px; white-space: nowrap; }
.mfw-footer .mfw-brand img { margin: -3px 5px 0 0; }
.mfw-footer .mfw-brand b { color: #1d6fc4; }
.mfw-footer .mfw-brand b span { color: #f68b1f; }
.mfw-footer .mfw-tag { color: #5f7287; margin: 0 6px 0 5px; }
.mfw-footer a.mfw-create {
	display: inline-block;
	margin: 0 4px;
	padding: 0 9px;
	height: 18px;
	border: 1px solid #4e8a16;
	border-radius: 4px;
	background: #7bbd2f url(mfw-btn.png) repeat-x 0 50%;
	background-size: auto 100%;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	text-shadow: 0 -1px 0 #3f7210;
	white-space: nowrap;
	vertical-align: middle;
}
.mfw-footer a.mfw-create:hover { color: #fff; text-decoration: none; background-color: #8acd3c; }
.mfw-footer .mfw-links { color: #a3b3c4; margin-left: 14px; white-space: nowrap; }
.mfw-footer .mfw-links a { color: #5f7287; }
.mfw-footer .mfw-links img { margin: -2px 3px 0 0; }

/* ---- "comments are reviewed" note, placed above a comment form or guestbook ---- */
.mfw-modnote {
	display: block;
	margin: 0 0 12px;
	padding: 6px 10px;
	background: #eef5fc;
	border: 1px solid #b7cde4;
	color: #24435f;
	font-size: 11px;
}
.mfw-modnote img { margin: -2px 6px 0 0; }
.mfw-modnote a { color: #1d6fc4; }

/* ---- shown after a visitor submits a comment ---- */
.mfw-held {
	display: block;
	margin: 0 0 12px;
	padding: 10px 12px 10px 40px;
	background: #eef5fc url(mfw-info.png) no-repeat 12px 10px;
	border: 1px solid #b7cde4;
	color: #24435f;
	font-size: 12px;
}
.mfw-held b { display: block; color: #1a4f8b; margin-bottom: 2px; }
.mfw-held a { color: #1d6fc4; }

/* ---- an error from the moderation or report system ---- */
.mfw-error {
	display: block;
	margin: 0 0 12px;
	padding: 10px 12px 10px 40px;
	background: #fdecea url(mfw-warn.png) no-repeat 12px 10px;
	border: 1px solid #e2a29a;
	color: #6b1d14;
	font-size: 12px;
}
.mfw-error b { display: block; color: #8c2216; margin-bottom: 2px; }
.mfw-error .mfw-code { color: #a0645c; font-size: 10px; }

@media (max-width: 600px) {
	.mfw-footer .mfw-links { display: block; margin: 6px 0 0; }
	.mfw-footer .mfw-tag { display: none; }
}