.sgf-adheader {
	border-collapse: separate;
	border-spacing: 0;
	width: 96%;
	margin: 10px auto;
	font-size: 1.25em;
	background-color: #d6dde4;
	color: #333333;
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100,100,100,0.25);
}

.sgFooter {
	border-collapse: separate;
	border-spacing: 0;
	width: 96%;
	margin: 10px auto;
	text-align: center;
	font-size: 1.25em;
	background-color: #d6dde4;
	color: #333333;
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100,100,100,0.25);
}

/*
 * Pinned link and small-text colors. The header/footer backgrounds are
 * light on every theme, so the text colors must be pinned too - otherwise
 * dark themes (e.g. the black one) render dark or white-on-dark text
 * that is invisible against these backgrounds.
 */
.sgf-adheader a,
.sgFooter a {
	color: #000080;
}

.sgf-adheader .gensmall,
.sgFooter .gensmall {
	font-size: 1.05em;
	color: #333333;
}

/*
 * Logo override is intentionally NOT enabled. Because every board style
 * (prosilver and the Flat Style family) resolves assets through the same
 * inheritance chain, uncommenting this rule replaces the logo on ALL
 * styles, including Flat Style's own site_logo.png. Uncomment only after
 * styles/all/theme/images/site_logo.png contains the real SGF logo and
 * you want it board-wide.
 *
 * .site_logo {
 * 	background-image: url("images/site_logo.png");
 * }
 */

/*
 * Breathing room between the text and the colored box edges.
 * (Padding on <td> rather than the <table>, since collapsed-border
 * tables ignore padding on the table element itself.)
 */
.sgf-adheader td,
.sgFooter td {
	padding: 10px;
}