/* Page frame matching the seek42.net home page (php/templates/page.inc.php + style.css):
   blue page, banner on the blue, and the banner's lower edge opening a white box with a black border. */
html, body {
	background-color: #336699;
}

body {
	padding: 0 0 12px;
	font-family: sans-serif;
}

/* Banner: same three slices and geometry as the home page table */
.seek42-banner {
	display: flex;
	width: 95%;
	height: 204px;
	margin: 20px auto 0;
	overflow: hidden;
}

.seek42-banner-left {
	flex: 0 0 617px;
}

.seek42-banner-left img {
	display: block;
}

.seek42-banner-fill {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 13px;
	background: url("./images/slicetemplate_02.jpg") repeat-x left top;
}

.seek42-banner-fill img {
	display: block;
}

.seek42-banner-right {
	flex: 0 0 38px;
	background: url("./images/slicetemplate_03.jpg") no-repeat left top;
}

/* prosilver's card becomes the white box the banner opens */
.wrap {
	box-sizing: border-box;
	width: 95%;
	max-width: none;
	margin: 0 auto;
	padding: 0 15px 15px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-top: 0;
	border-radius: 0;
}

/* The banner carries the logo; keep only prosilver's search box from its header bar */
.headerbar .site-description {
	display: none;
}

.headerbar {
	background: transparent;
	margin: 0;
	padding: 0 0 6px;
}

.headerbar .inner {
	display: flow-root;
}

.headerbar .search-header {
	margin-top: 0;
}

.navbar {
	background-color: #DDE5EE;
}

/* Site blue in place of prosilver's bright gradients */
.forabg,
.forumbg {
	background-color: #336699;
	background-image: none;
}

a,
a.forumtitle,
a.topictitle,
a.lastsubject {
	color: #000077;
}

a:hover,
a.forumtitle:hover,
a.topictitle:hover,
a.lastsubject:hover {
	color: #000000;
	text-decoration: underline;
}

.seek42-footer {
	margin-top: 6px;
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: center;
}

@media (max-width: 700px) {
	/* Clip the logo slice, keep the right-hand corner slice so the frame stays closed */
	.seek42-banner-fill {
		display: none;
	}

	.seek42-banner-left {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
	}

	.seek42-banner,
	.wrap {
		width: 100%;
	}
}

/* [spoiler] BBCode */
.seek42-spoiler {
	margin: 6px 0;
	padding: 4px 8px;
	border: 1px solid #c9d6e3;
	border-radius: 4px;
	background-color: #f3f6f9;
}

.seek42-spoiler summary {
	cursor: pointer;
	font-weight: bold;
}

.seek42-spoiler-body {
	padding-top: 6px;
}