/* Layout for the 2010-era NameBrandable pages (#header, #mainwrapper, #leftcontent,
   #sidebar, #secondsidebar, #footer). The archived style.css is the 2013 theme and
   does not match this markup, so these pages use this file instead. */

:root {
	--nb-red: #c8102e;
	--nb-red-dark: #990000;
	--nb-ink: #333;
	--nb-muted: #777;
	--nb-line: #ddd;
	--nb-bar: #2b2b2b;
}

html { background: #f2f2f2; }

html body {
	width: 1024px;
	max-width: 100%;
	margin: 0 auto !important;
	padding: 0;
	background: #fff;
	color: var(--nb-ink);
	font: 13px/1.6 Arial, Helvetica, sans-serif;
	box-shadow: 0 0 0 1px #e2e2e2;
	box-sizing: border-box;
}

a { color: var(--nb-red-dark); text-decoration: none; }
a:hover { color: var(--nb-red); text-decoration: underline; }
img { border: 0; max-width: 100%; height: auto; }
.fl { float: left; }
.fr { float: right; }
.clear, .clearer { clear: both; }

/* ---------- header ---------- */
#header {
	position: relative;
	width: 1004px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	box-sizing: border-box;
}
#header:after { content: ""; display: table; clear: both; }

#login { position: absolute; top: 6px; right: 12px; z-index: 2; }
#login ul { list-style: none; margin: 0; padding: 0; }
#login li { display: inline; margin-left: 12px; font-size: 11px; }

#header .headerimage { display: block; float: none; clear: both; }
#header .headerimage img { display: block; float: none; margin: 18px auto 0; }
#description { float: none; clear: both; }

/* top navigation bar */
.main-navigation {
	clear: both;
	margin: 10px 0 0;
	background: var(--nb-bar);
	border-bottom: 3px solid var(--nb-red);
}
.main-navigation:after { content: ""; display: table; clear: both; }
.main-navigation ul { list-style: none; margin: 0; padding: 0; }
.main-navigation > ul > li { float: left; position: relative; }
.main-navigation > ul > li > a {
	display: block;
	padding: 9px 14px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
}
.main-navigation > ul > li > a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current-menu-parent > a,
.main-navigation li.current-cat > a { background: var(--nb-red); color: #fff; text-decoration: none; }
/* drop-downs */
.main-navigation ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 50;
	min-width: 190px;
	background: var(--nb-bar);
	border-top: 3px solid var(--nb-red);
}
.main-navigation li:hover > ul { display: block; }
.main-navigation ul ul li { float: none; }
.main-navigation ul ul a { display: block; padding: 7px 12px; color: #fff; font-size: 12px; }
.main-navigation ul ul a:hover { background: var(--nb-red); text-decoration: none; }

/* ---------- columns ---------- */
#mainwrapper {
	width: 1004px;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 10px 10px;
	box-sizing: border-box;
	text-align: left;
}
#mainwrapper:after { content: ""; display: table; clear: both; }

#leftcontent, #twocol, #threecol, #threecol2 { float: left; width: 576px; }
#twocol, #threecol, #threecol2 { clear: left; }
#sidebar, #secondsidebar { float: left; width: 180px; margin-left: 24px; font-size: 12px; }

/* domain market pages are one wide table, not columns */
#mainwrapper > table { margin: 0 auto; }

/* ---------- posts ---------- */
#leftcontent h1, #leftcontent h2, #twocol h2, #threecol h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #222;
	line-height: 1.25;
}
#leftcontent h1 { font-size: 26px; margin: 0 0 8px; }
#leftcontent h2 { font-size: 20px; margin: 18px 0 6px; }
#leftcontent h1 a, #leftcontent h2 a, #twocol h2 a, #threecol h2 a { color: #222; }
#leftcontent h1 a:hover, #leftcontent h2 a:hover, #twocol h2 a:hover { color: var(--nb-red); }

.meta { color: var(--nb-muted); font-size: 11px; margin-bottom: 12px; }
.meta .date { display: inline; margin-right: 6px; }
.entry, .storycontent { line-height: 1.65; }
.entry p, .storycontent p { margin: 0 0 12px; }
.entry img, .storycontent img { max-width: 576px; }
.entry ul, .storycontent ul { padding-left: 20px; }
.entry table { max-width: 100%; }
.more-link { font-weight: bold; }
.ind-post { padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid var(--nb-line); }

/* two-up post grid on archive pages */
.twopost { float: left; width: 276px; margin: 0 0 20px; padding-bottom: 12px; border-bottom: 1px solid var(--nb-line); }
.twopost1, .twopost3 { clear: left; margin-right: 24px; }
.twopost h2 { font-size: 16px; margin: 0 0 4px; }
.threepost { float: left; width: 176px; margin: 0 24px 20px 0; }

/* news digest items */
ul.scrd_digest { list-style: none; margin: 0; padding: 0; }
ul.scrd_digest > li { margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid #eee; font-weight: bold; color: #444; }
ul.scrd_digest table { width: 100%; margin-top: 4px; font-weight: normal; border-collapse: separate; }
ul.scrd_digest td[width="80"] { display: none; }

/* paging */
.navigation, .pagination { clear: both; overflow: hidden; margin: 20px 0; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }
.alignleft { float: left; margin: 0 14px 8px 0; }
.alignright { float: right; margin: 0 0 8px 14px; }
.aligncenter { display: block; margin: 0 auto; }
.wp-caption { max-width: 100%; text-align: center; font-size: 11px; color: var(--nb-muted); }

/* ---------- sidebars ---------- */
.side-widget { margin: 0 0 22px; }
.side-widget h2 {
	margin: 0 0 8px;
	padding: 0 0 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #222;
	border-bottom: 2px solid var(--nb-red);
}
.side-widget ul { list-style: none; margin: 0; padding: 0; }
.side-widget li { padding: 3px 0; border-bottom: 1px dotted #e3e3e3; }
.side-widget li ul { margin-left: 10px; }
.side-widget li li { border: 0; }
#searchform .search_input, #s {
	width: 100%;
	box-sizing: border-box;
	padding: 5px 6px;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #666;
}
.tb_tweet { padding: 6px 0; border-bottom: 1px dotted #e3e3e3; font-size: 11px; }
.tb_author { font-weight: bold; }
.tb_tweet-info { color: #999; font-size: 10px; }

/* ---------- comments ---------- */
#comments, #respond { clear: both; margin-top: 24px; }
#respond input[type=text], #respond textarea { max-width: 100%; box-sizing: border-box; }
.commentlist { list-style: none; padding: 0; }

/* ---------- footer ---------- */
#footer {
	clear: both;
	width: 1004px;
	max-width: 100%;
	margin: 20px auto 0;
	padding: 14px 10px;
	box-sizing: border-box;
	border-top: 3px solid var(--nb-red);
	color: var(--nb-muted);
	font-size: 11px;
	text-align: center;
}

/* ---------- narrow screens ---------- */
@media (max-width: 1040px) {
	html body { width: auto; }
	#header .headerimage img { width: 100%; }
}
@media (max-width: 820px) {
	#leftcontent, #twocol, #threecol, #threecol2, #sidebar, #secondsidebar,
	#sidebar .side-widget, #secondsidebar .side-widget {
		float: none !important;
		width: auto !important;
		margin-left: 0;
	}
	#sidebar, #secondsidebar { margin-top: 24px; }
	.twopost { float: none; width: auto; margin-right: 0; }
	#leftcontent img, .entry img, .storycontent img { max-width: 100% !important; }
	.main-navigation > ul { display: flex; flex-wrap: wrap; }
	.main-navigation > ul > li > a { padding: 8px 10px; }
	#login { position: static; text-align: right; padding: 0 12px; }
	#mainwrapper { padding: 16px; }
	#mainwrapper table { width: 100% !important; table-layout: fixed; }
	#mainwrapper td { width: auto !important; overflow-wrap: anywhere; }
	#mainwrapper > table > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
	#mainwrapper h1, #mainwrapper h2 { font-size: 22px !important; }
	html body { margin: 0 !important; }
	.entry, .storycontent, #leftcontent h1 { overflow-wrap: anywhere; }
	iframe, object, embed { max-width: 100%; }
}