@import "hot-threads.css";

body {
	background-color:#ffe;
	color:#800;
	line-height:1;
}
hr {
	clear:both;
	color:silver;
}
a {
	color:#00f;
}
a:hover {
	color:#d00;
}
a img {
	border:none;
}

.home {
	text-align:right;
}

.board-name {
	width:90%;
	margin:0 auto 0 auto;
	font-size:167%;
	font-weight:bold;
	text-align:center;
}

/*
 * header
 */

.mode {
	margin:0 0 1em 0;
	padding:3px;
	background-color:#e04000;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.notice {
	max-width:640px;
	margin:0 auto 1em auto;
}

.notice ul {
	margin:0;
	font-size:small;
}

.notice li {
	line-height:1.5;
}

.notice li img {
	vertical-align:middle;
}

.back {
	margin:0 0 4px 0;
}

.tag {
	padding:0 4px 0 4px;
	background-color:#789922;
	color:#fff;
	border-radius:3px;
	text-decoration:none;
}

.tag:hover {
	background-color:#d00;
	color:#fff;
}

/*
 * topic and replies
 */

.thread      > img, .thread      > a > img {
	float:left;
	margin:0 20px 20px 20px;
}
.reply-popup > img, .reply-popup > a > img {
	float:left;
	margin:0 10px 10px 0;
	max-width:125px;
	max-height:125px;
}

.thread      > div,
.reply-popup > div {
	margin:1em 0 1em 0;
	line-height:1.5;
}

.thread > table .no,
.qpopup > table .no {
	margin:0 8px 0 0;
	font-size:small;
	font-weight:bold;
	color:#d00;
}

.thread > table,
.qpopup > table {
	margin:0;
	border-collapse:separate;
	border-spacing:2px;
}

.thread > table td:nth-child(1),
.qpopup > table td:nth-child(1) {
	vertical-align:top;
	padding:0;
}

.thread > table td:nth-child(2),
.qpopup > table td:nth-child(2) {
	vertical-align:top;
	background-color:#f0e0d6;
	border-radius:8px;
	padding:6px;
}

.qpopup > table td:nth-child(2) {
	border-radius:4px;
}

.thread > table td:nth-child(2) div,
.qpopup > table td:nth-child(2) div {
	margin:1em 1em 0.5em 2em;
	line-height:1.5;
}

.mark + .deleted {
	margin-top:0;
}

.quote {
	color:#789922;
}

.email {
	color:#0000ff;
}

.deleted {
}

.mark {
    color:#ff0000;
	margin-bottom:0;
}

.attached-images {
	border-top:1px solid #800;
	padding:8px 0 0 0;
}

.attached-images > a {
	display:inline-block;
	text-align:center;
	margin:0 8px 0 0;
	max-width:125px;
	font-size:x-small;
	text-align:center;
}

/*
 * hot threads
 */

.hot-threads {
	float:right;
	margin:0 0 12px 12px;
	padding:0 0 0 12px;
	border-left:1px solid silver;
}

/*
 * reply popup
 */

.reply-popup-container {
	position:absolute;
	border:1px solid #ea8;
	border-radius:4px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	padding:2px;
	background-color:rgba(255,255,238,0.9);
	font-size:small;
}

.reply-popup-container > table {
	border-collapse;collapse;
}

.reply-popup-container td {
	padding:0;
	vertical-align:top;
}

.reply-popup-target {
	font-weight:bold;
	margin:0 4px 0 0;
}

/*
 * advertise frame
 */

div.ad-frame.header {
	margin:0 auto 0 auto;
	max-width:640px;
	text-align:center;
}

div.ad-frame.full {
	margin:0 auto 8px auto;
	padding:8px;
	max-width:640px;
	text-align:center;
	border:1px solid silver;
}

iframe.ad-frame {
	border:none;
	display:block;
	margin:0;
	width:100%;
	height:480px;
}

/*
 * misc
 */

.credit {
	font-size:small;
	text-align:center;
}

.notfound {
    margin:3em 0 3em 0;
    color:red;
    text-align:center;
    font-size:167%;
    font-weight:bold;
}

.overlay {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	border:none;
	visibility:hidden;
}

/* vim:set ts=4 sw=4 fenc=UTF-8 ff=unix ft=css : */
