/*
Colors:

page background			tan					#d6d0b6
visited links			gray				#666666
text, h1 bg				reddish-brown		#8a4236
cmdBarWrapper bg		pale green			#D0E3CF
messageheader bg		beige				#f5f5dc
headerfieldname			darkgreen 			#49604B
navlink					darkgreen-gray		#415542
text links				dark vivid green	#224411
eom tag					dark red			#8B0000
*/

html {
	font-size: 100%;             /* respects user's browser font-size preference (~16px default) */
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

#header
{
	background: #D4A863;
	text-align: center;
	padding: 0;
	margin: 0;
	clear: both;
}

.leaderboard
{
	background-color: #D4A863;
	text-align: center;
	width: 100%;
	padding: 8px 0px 8px 0px;
	margin: 0;
}

.skyscraper {
	text-align: center;
	float: right;
	padding: 0px 10px 10px 10px;
	margin: -14px -20px 0px 10px;
}

#ngExtras
{
	float: right;
	padding-left: 10px;
	margin-top: 4px;
}

#outer_wrapper {
	background: url(/gfx/page/sidebackground.gif) #ffffff repeat-y left;
	font-size: 0.95rem;
	padding: 0px;
}

#wrapper {
	padding: 0px;
	background: url(/gfx/page/sidebg.gif) repeat-y right;
}

#content
{
	margin-right: 10px;
	background: #ffffff url(/gfx/page/sidebackground.gif) repeat-y left;
	padding: 0px;
}

.floatBox {
	border: 1px dotted #415542;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #f5f5dc;
	min-width: 252px;
}

#left
{
	width: 160px;
	float: left;
	background-color: #d6d0b6;
}

#centercol, #centercol2, #centercol3
{
	margin-left: 160px;
	padding: 0px;
}

#footerWrap
{
	background-color: #658568;
	margin: 10px 10px 0px 10px;
	height: 24px;
}

#footerWrapLeft
{
	background-image: url(/gfx/page/flc.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#footerWrapRight
{
	background-image: url(/gfx/page/frc.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-left: 8px;
}

#contentBottomLeft
{
	margin: 6px 10px 0px 160px;
	height: 10px;
	background-image: url(/gfx/page/blc.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#contentBottomRight
{
	margin: 0;
	padding: 0;
	height: 10px;
	background-image: url(/gfx/page/brc.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.ngByline {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.85rem;
	font-weight: normal;
	color: #49604B;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.last { margin-bottom: 0; }

.clearing
{
	height: 0;
	clear: both;
}

.center {
	text-align: center;
}

#msgID, #msgViews {
	font-size: 0.7rem;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #8a4236;
}

#msgID {
	color: #f5f5dc;
}

body
{
	background-color: #d6d0b6;
	margin: 0px;
	padding: 0px;
	font-size: 1rem;
	line-height: 1.5;
}

blockquote, .msgQuote {
	padding: 0;
	margin: 0;
	padding-left: 1.5em;
}

.msgQuote {
	color: #8a4236;
	border-left: 3px #415542 solid;
	padding-left: 0.5em;
}

ul
{
	list-style-image: url(/gfx/page/listbullet.gif);
	margin-top: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #226611;
	text-decoration: underline;
}

a:visited {
	color: #999999;
	text-decoration: underline;
}

a:hover {
	color: #8a4236;
	text-decoration: underline;
	text-shadow: #cccc00 1px 1px 1px;
}

a:active {
	color: #8a4236;
	text-decoration: underline;
}


.navhead
{
	color: #ffffff;
	font-family: tahoma,verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 0.85rem;
	text-transform: uppercase;
	background-image: url(/gfx/page/navback.gif);
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: -15px;
	padding-top: 7px;
	padding-left: 20px;
	height: 26px;
	text-shadow: #000000 2px 2px 5px;
}


/* ------------- navlinks & commandbar ------------------ */

.navlink
{
	color: #415542;
	font-family: tahoma,verdana,geneva,arial,helvetica,sans-serif;
	font-size: 0.8rem;
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	text-transform: lowercase;
	text-decoration: none;
	margin: 1.6em 0em 0.8em 1.5em;
}

.navlink li
{
	line-height: 1;
	padding-left: 1.5em;
	padding-right: 3px;
	padding-bottom: 0.5em;
	background-image: url(/gfx/page/navbullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.navlink li:hover, .cmdBarWrapper a:hover
{
	background-repeat: no-repeat;
	background-position: center left;
	text-shadow: #cccc00 1px 1px 1px;
}

#cmdBarOuter, #cmdBarOuter2, #cmdBarOuter3, #pmAlertOuter
{
	margin: 0;
	margin-left: 160px;
	padding: 5px 15px 5px 15px;
	background-color: #D0E3CF;
}

#pmAlertOuter
{
	padding: 0px 15px 0px 15px;
}

#adminBarOuter
{
	margin: 0;
	margin-left: 160px;
	padding: 5px 15px 5px 15px;
	background-color: #998888;
}

.cmdBarWrapper, .pmAlertWrapper {
	margin: 0;
	color: #415542;
	font-family: tahoma,verdana,geneva,arial,helvetica,sans-serif;
	font-size: 0.8rem;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	background-color: #D0E3CF;
	max-height: 4em;
	line-height: 2;
}

#pmAlertOuter, .pmAlertWrapper
{
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1rem;
	background-color: #49604B;
	height: 1.8em;
	text-transform: none;
}


.adminBarWrapper {
	margin: 0;
	color: #415542;
	font-family: tahoma,verdana,geneva,arial,helvetica,sans-serif;
	font-size: 0.8rem;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
	background-color: #998888;
	max-height: 4em;
	line-height: 2;
}

.navlink li a:link,
.navlink li a:visited,
.cmdBarWrapper a:link,
.cmdBarWrapper a:visited
{
	text-decoration: none;
	color: #224411;
}

.navlink li a:active,
.navlink li a:hover,
.cmdBarWrapper a:active,
.cmdBarWrapper a:hover
{
	text-decoration: underline;
	color: #8a4236;
}

.pmAlertWrapper a:active, .pmAlertWrapper a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.pmAlertWrapper a:link, .pmAlertWrapper a:visited {
	text-decoration: none;
	color: #ffff66;
}

/* ------------- text formatters ------------------ */

.subhead
{
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.eom {
	color: #8B0000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7rem;
	text-transform: uppercase;
}

.spoiler {
	color: red;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.75rem;
	text-transform: uppercase;
}

#messageHeaderDiv {
	background-color: #f5f5dc;
	padding: 10px 15px 5px 15px;
	margin-left: 160px;
}

.messageText {
	line-height: 1.5;
}

.messageBody {
	padding: 14px 20px 0px 20px;
	line-height: 1.5;
}

.messageText p {
	line-height: 1.5;
}

.messageText li {
	line-height: 1.4;
}

.adminSmall {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75rem;
	font-weight: normal;
	color: #49604B;
	line-height: 1.5;
}

.topicListHead A:link, .topicListHead A:visited  {
	color: #ffffff;
	text-decoration: underline;
}

.topicListHead A:active {
	color: #f5f5dc;
	text-decoration: underline;
}

.smaller {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75rem;
	line-height: 1.3;
	color: #49604B;
	margin-bottom: 0px;
}

.featureDesc {
	font-size: 0.9rem;
	line-height: 1.4;
	margin-bottom: 4px;
}

.headerFieldName {
	font-size: 0.75rem;
}

.headerFieldName, .dataTableSmaller {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #49604B;
	text-transform: uppercase;
	text-align: right;
	vertical-align: baseline;
}

.dataTableSmaller, .dataTableSmallerC {
	color: #000000;
	font-size: 0.8rem;
	line-height: 1.3;
	text-transform: none;
	vertical-align: baseline;
	text-align: left;
}

.dataTableSmallerC {
	text-align: center;
}

.headerFieldData {
	text-align: left;
	vertical-align: baseline;
}

.editBy {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.75rem;
	font-weight: normal;
	color: #49604B;
	text-align: right;
	vertical-align: baseline;
	line-height: 1.2;
}

.divider, .dividerLeft {
	border: 0px;
	height: 16px;
	margin: 10px 15px 2px 10px;
	padding: 0;
	background-image: url(/gfx/page/divider.gif);
	background-repeat: no-repeat;
}

.dividerLeft {
	margin: 0px 0px 0px -5px;
	padding: 0;
	background-position: center left;
}


#replyListHeader {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #49604B;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

#replyList {
	padding-right: 15px;
}

#topspacer {
	background: url(/gfx/page/sidebackground.gif) #d6d0b6 repeat-y left;
	height: 8px;
	margin: 0;
	padding: 0;
}

#topIEfix {
	position: relative;
	top: 0px;
	left: 160px;
	width: 3px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(/gfx/page/sidebackground.gif) #d6d0b6 repeat-y left;
}

/* Fluid headings: scale smoothly between mobile and desktop */
h1, .h1 {
	display: block;
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: clamp(1.1rem, 1rem + 1vw, 1.5rem);
	line-height: 1.2;
	color: #ffffff;
	padding: 8px 10px 6px 10px;
	margin: 0;
	text-shadow: #000000 2px 2px 4px;
}

h2, .adminHead {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: clamp(1.05rem, 0.95rem + 0.6vw, 1.3rem);
	line-height: 1.25;
	color: #8a4236;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-shadow: #d6d0b6 3px 3px 10px;
}

h3, .h3 {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: clamp(1rem, 0.9rem + 0.5vw, 1.2rem);
	line-height: 1.25;
	color: #8a4236;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-shadow: #d6d0b6 3px 3px 10px;
}

h4, .h4 {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 1rem;
	color: #8a4236;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

h5, .h5 {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.85rem;
	color: #8a4236;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

#titleWrapLeft {
	background-image: url(/gfx/page/tlc.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #8a4236;
	margin: 0px 0px 0px 160px;
	padding: 0;
}

#titleWrapRight {
	background-image: url(/gfx/page/trc.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
}

#today {
	width: 160px;
	height: 200px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: top left;
	border-top: 3px solid #415542;
	border-bottom: 3px solid #415542;
	margin-bottom: 8px;
}


img {
	border: 0px;
}

.adminHead {
}


.dataTable {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.85rem;
	border: 2px solid #d6d0b6;
}

.dataTableNewPM {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.85rem;
	border: 2px solid #d6d0b6;
	border-left: 18px solid #415542;
}

.dataTableRow {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: #f5f5dc;
	color: #000000;
	vertical-align: middle;
}

.dataTableRow:hover {
	background-color: #D0E3CF;
	color: #000000;
}

.dataTableHead, .topicListHead {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px 5px 3px 5px;
	margin: 0;
	background-color: #415542;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
}

.dataTableCell, .dataTableCellR, .dataTableCellC {
	padding: 7px 5px 4px 5px;
	vertical-align: baseline;
	text-align: left;
	line-height: 1.5;
}

.dataTableCellR {
	text-align: right;
}

.dataTableCellC {
	text-align: center;
}

.textbox {
	padding: 5px;
	vertical-align: baseline;
}

.finePrint {
	line-height: 1.2;
}

.mediumLinkList {
	padding: 0;
	margin: 0;
}

.topicList {
	padding: 0;
	margin: 0;
	margin-left: 15px;
}

.mediumLinkList LI {
	font-family: "Gill Sans","Lucida Grande",Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.2;
	padding-top: 7px;
	list-style-position: outside;
}

PRE, CODE {
	font-family: ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", Consolas, "Courier New", monospace;
	font-size: 0.9rem;
	font-weight: normal;
}

TABLE, FORM, IMG {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	clear: none;
}

SELECT {
	background-color: #658568;
	color: #ffffff;
	border: 0;
	font-size: 1rem;
}

SUBMIT, BUTTON {
	color: #415542;
	background-color: #D0E3CF;
	border-width: 5px;
	font-size: 1rem;
}

.historyImg {
	padding: 5px 15px 5px 15px;
}

.emmyImg {
	width: 107px;
	height: 80px;
	padding: 2px 4px 2px 4px;
	float: left;
}

.emmyList {
	margin-left: 107px;
}

.hidden {
	font-family: geneva, sans-serif;
	font-size: 0.65rem;
	color: #ffffff;
}

.logo {
	margin-bottom: 8px;
	margin-top: -8px;
}

#soapPopup {
	margin: 8px;
	padding: 0;
	background-color: #f5f5dc;
	color: #000000;
	border-width: 5px;
	width: 140px;
}

.nobreak {
	clear: none;
}

#pmWindow {
	padding: 10px;
}

#pmBox {
	width: 380px;
	height: 120px;

}

.msgPostErr {
	background-color: #8B0000;
	color: white;
}

.inlineAdLeft {
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0;
}

.inlineAdRight {
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 0px;
	padding: 0;
}

.nobr {
	white-space: nowrap;
}

.ssngBoxAd {
	padding: 5px;
}

.extralinks, .extralinks a:link, .extralinks a:visited {
	font-family: Georgia, Times, serif;
	font-size: 0.8rem;
	color: #dfd;
}

.extralinks a:active, .extralinks a:hover  {
	color: #fff;
}

/* ============ Responsive Adjustments ============ */

/* Make images and ad iframes shrinkable */
img, iframe { max-width: 100%; height: auto; }

/* Allow long titles/URLs in posts and topic lists to wrap */
.messageBody, .messageText, .topicList li,
.dataTableCell, .dataTableCellR, .dataTableCellC,
blockquote, .msgQuote, PRE, CODE {
	word-wrap: break-word;
	overflow-wrap: break-word;
}
PRE, CODE { white-space: pre-wrap; }

/* Tablet: keep sidebar, but allow content to fluid-fit */
@media screen and (max-width: 1024px) {
	#outer_wrapper, #wrapper, #content {
		width: auto;
		max-width: 100%;
		box-sizing: border-box;
	}
	.leaderboard { overflow: hidden; }
	.cmdBarWrapper, .adminBarWrapper, .pmAlertWrapper {
		max-height: none;
		line-height: 1.8;
	}
	.skyscraper, #ngExtras {
		max-width: 180px;
	}
	.dataTable, .dataTableNewPM { max-width: 100%; }
}

/* Phone: stack the layout */
@media screen and (max-width: 760px) {
	#outer_wrapper, #wrapper, #content {
		background-image: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.leaderboard { padding: 4px 0; }

	/* Stack sidebar above content */
	#left {
		width: 100% !important;
		float: none !important;
		padding: 8px;
		box-sizing: border-box;
	}
	#left .logo { margin-top: 0; text-align: center; }
	#left .logo img { max-width: 160px; height: auto; }

	#today {
		width: 100% !important;
		height: 140px;
		background-size: contain;
		background-position: top center;
	}

	#soapPopup {
		width: auto;
		max-width: 100%;
		margin: 8px 0;
	}

	/* Spacer/IE fix not needed on mobile */
	#topspacer, #topIEfix { display: none; }

	/* Remove the 160px left margin used to clear the sidebar */
	#centercol, #centercol2, #centercol3,
	#cmdBarOuter, #cmdBarOuter2, #cmdBarOuter3,
	#pmAlertOuter, #adminBarOuter,
	#messageHeaderDiv,
	#titleWrapLeft,
	#contentBottomLeft {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#titleWrapLeft, #titleWrapRight {
		background-image: none;
		padding: 0;
	}

	#cmdBarOuter, #cmdBarOuter2, #cmdBarOuter3,
	#adminBarOuter {
		padding: 6px 10px;
	}
	.cmdBarWrapper, .adminBarWrapper, .pmAlertWrapper {
		max-height: none;
		line-height: 1.8;
		font-size: 0.875rem;
		white-space: normal;
	}
	.cmdBarWrapper select { max-width: 100%; margin: 2px 0; }
	a.nobr, .nobr { white-space: normal; }

	.messageBody {
		padding: 10px;
	}

	/* Sidebar ad block (skyscraper) goes inline */
	#ngExtras, .skyscraper {
		float: none !important;
		display: block;
		max-width: 100%;
		margin: 8px auto;
		padding: 0;
		text-align: center;
	}

	.topicList {
		margin-left: 22px;
		padding-right: 6px;
	}
	.topicList li {
		margin-bottom: 12px;
		line-height: 1.4;
		font-size: 0.95rem;
	}

	.floatBox {
		min-width: 0;
		margin-left: 0;
		max-width: 100%;
	}

	/* Tables become full-width with horizontal scroll fallback */
	table, .dataTable, .dataTableNewPM {
		width: 100% !important;
		max-width: 100%;
		border-collapse: collapse;
	}
	.dataTableNewPM { border-left-width: 8px; }
	.dataTableCell, .dataTableCellR, .dataTableCellC {
		padding: 6px 4px;
	}
	#pmBox { width: 100%; max-width: 100%; box-sizing: border-box; }

	/* Footer */
	#footerWrap {
		margin: 10px 0 0 0;
		height: auto;
		min-height: 24px;
		padding: 4px 0;
	}
	#footerWrapLeft, #footerWrapRight {
		background-image: none;
		padding: 0 6px;
	}
	#footerWrapRight table, #footerWrapRight tr, #footerWrapRight td {
		display: block;
		width: 100% !important;
		text-align: center !important;
		padding: 3px 0;
	}
	#footerWrapRight .extralinks { padding-right: 0 !important; }

	#contentBottomLeft, #contentBottomRight { display: none; }

	.emmyList { margin-left: 0; }
	.emmyImg { float: none; display: block; margin: 0 auto; }
}

/* Very small phones */
@media screen and (max-width: 380px) {
	.messageBody { padding: 8px; }
	.cmdBarWrapper { font-size: 0.8rem; }
	.topicList li { font-size: 0.9rem; }
}