/* -------------- ARTICLE */
html, body {
	height: 100%;
}

div.article {
	margin: 0px 0px 4px 8px;
	padding-right: 8px;
}
div.article div.quot {
	background-color: #181818;
}
div.article div.img, div.article div.imgno {
	background-color: #181818;
	border: #444 1px solid;
	float: right;
	font-size: 75%;
	margin: 4px;
	padding: 4px;
	text-align: center;
}
div.article div.img {
	float: right;
}
div.article div.img img, div.article div.imgno img, div.article div.img embed {
	display: block;
}
div.article div.title a {
	color: #dedede;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 3px;
	margin-bottom: 2px;
}
div.article div.body {
	margin-bottom: 2px;
	margin-left: 8px;
	width: 98%;
}
div.article div.body a {
	border-bottom: #888 1px dotted !important;
	border-bottom: #888 1px solid;
}
div.article div.footer {
	color: #707070;
	font-size: 80%;
	text-align: right;
}
div.article div.footer a {
	color: #909090;
	cursor: pointer;
	font-size: 90%;
	font-weight: normal;
}
div.article div.comments {
	border: #444 1px solid;
	border-width: 1px 0px 1px 0px;
	color: #bbb;
	margin: 4px 0px 4px 0px;
}
div.article div.comments table {
	width: 98% !important;
	width: 97%;
}
div.article div.comments td.msg-odd, div.article div.comments td.msg-even {
	background-color: #343434;
	font-size: 85%;
	vertical-align: top;
	width: 88%;
}
div.article div.comments td.msg-even {
	background-color: #2a2a2a;
}
div.article div.comments td.auth-even, div.article div.comments td.auth-odd {
	font-size: 80%;
	padding: 0px 0px 0px 2px;
	vertical-align: bottom;
	width: 12%;
}
div.article div.comments td.auth-odd {
	background-color: #303030;
}
div.article div.comments form {
	margin-top: 4px;
	text-align: right !important;
	text-align: left;
	width: 98% !important;
}
div.article div.comments form input {
	background-color: #333;
	border: #555 1px solid;
	color: #999;
	font-weight: normal;
	text-align: right !important;
	text-align: left;
}
div.article div.comments form input.msg {
	border-bottom: 0px !important;
	border-bottom: 1px dotted;
	width: 99% !important;
	width: 97%;
}
div.article div.comments form input.name {
	border-top: 1px dotted;
	width: 99% !important;
	width: 97%;
}
div.article div.comments form input.submit {
	margin: 4px 0px 4px 0px;
	text-align: center !important;
	width: 150px;
}

.ft1 { color: #e0e0e0; } .fb1 { color: #dedede; }
.ft2 { color: #e0e0e0; } .fb2 { color: #dedede; }
.ft3 { color: #d0d0d0; } .fb3 { color: #cdcdcd; }
.ft4 { color: #d0d0d0; } .fb4 { color: #cdcdcd; }
.ft5 { color: #c0c0c0; } .fb5 { color: #bcbcbc; }
.ft6 { color: #b0b0b0; } .fb6 { color: #ababab; }
.ft7 { color: #a0a0a0; } .fb7 { color: #9a9a9a; }
.ft8 { color: #909090; } .fb8 { color: #898989; }
.ft9 { color: #808080; } .fb9 { color: #787878; }
.ft10 { color: #707070; } .fb10 { color: #676767; }
