@charset "UTF-8";
/* supplement.css — restoration overrides for friendsofthepleistocene.com */

/* Ensure injected content classes render on pages that use styles.css */
.red_text { color:#CE3232; font-weight:bold; }
.caption  { font-size:10px; color:#333333; }

/* Content box used by about/contact full pages (readable white panel over bg) */
#content_panel {
	position:absolute;
	left:333px;
	top:111px;
	width:530px;
	height:470px;
	z-index:7;
	background-color:#ffffff;
	overflow:auto;
	padding:18px 22px;
	line-height:1.5;
	box-sizing:border-box;
}
#content_panel p { margin:0 0 12px; }
#content_panel h1 { margin:0 0 14px; }

/* --------------------------------------------------------------------------
   Monetization + footer for the classic absolute-overlay pages (950px design).
   The whole layout is position:absolute inside #container, so we append the
   footer/sitewide strip absolutely BELOW the fixed design. Clean pages
   (body.romli-article / body.romli-blog) keep normal document flow.
   -------------------------------------------------------------------------- */

/* Site footer (contact/copyright) — always static inside the strip */
#footer {
	position:static !important;
	left:auto !important;
	top:auto !important;
	width:auto !important;
	height:auto !important;
	background:#f5f5f1;
	text-align:center;
	padding:10px 12px;
}

#romli-footer-strip { background:#f5f5f1; }
.romli-sitewide { max-width:900px; margin:0 auto; }

/* Classic pages: strip floats below the design (per-page top offsets below) */
body:not(.romli-article):not(.romli-blog) #romli-footer-strip {
	position:absolute;
	left:0;
	top:840px;
	width:950px;
	z-index:50;
}
/* Taller pages need a lower baseline */
body.romli-projects #romli-footer-strip { top:850px; }
body.romli-membership #romli-footer-strip { top:760px; }

/* Homepage: showLinks + latest-articles + footer flow together in one absolute
   block below the hero, so the sitewide footer is never occluded by a card image. */
body.romli-home #romli-home-money {
	position:absolute;
	left:0;
	top:720px;
	width:950px;
	z-index:40;
}
body.romli-home #romli-footer-strip { position:static; width:auto; }
#romli-home-money .romli-inner { max-width:900px; margin:0 auto; padding:0 24px; }

/* Clean pages (article template / blog catalog): normal flow */
body.romli-article #romli-footer-strip,
body.romli-blog #romli-footer-strip { position:static; width:auto; }

/* Sitewide / showLinks monetization block — keep visible & readable */
.romlidata, .romlifooter {
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
}