/* copyright 2023 by Robert Andrew Lentz. All rights reserved. */

BODY
{background-color: #9999ff;
border-style: solid;
border-color: #9999ff;
font-family: sans-serif}

A:hover
{color: #000000;
background-color: #ffff99}

A:active
{color: #000000;
background-color: #99ff66}

TABLE.body
{background-color: #eeeeee;
border-color: #bbbbbb;
width: 100%}

.body TD
{padding: 0.75ex;
border-style: solid;
border-width: 0;
border-color: #9999ff;
background-color: #eeeeee}

DIV
{background-color: #ffffff;
border-color: #ff9933}

TD.sitelabel
{text-align: center;
border-width: 0 1px 2px 0}

.sitelabel DIV
{border-width: thin;
background-color: #eeeeee;
border-color: #9999ff}

.sitelabel DIV, 
{border-style: solid;
padding: 0.15ex 0.5ex 0.20ex 0.5ex}

.site-nav DIV
{float: right;
font-family: sans-serif;
text-transform: uppercase;
background-color: #eeeeee;
padding: 0.15ex 0.5ex 0.20ex 0.5ex;
margin-top: 0;
margin-right: 1ex;
margin-bottom: 0.75ex;}

.site-nav .tab,
.site-nav .tab-current {
background-color: #9999ff;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #9999ff;
border-radius: 5px 5px 0 0;
}

.site-nav .tab {
	color: #ffffff;
}

.site-nav .tab-current {
	background-color: #ffffff;
	text-color: #9999ff;
/*	font-weight: bold; */
}

.site-nav .tab A
{color: #ffffff;
background-color: #9999ff;
text-decoration: none;}

.site-nav .tab A:hover
{color: #000000;
background-color: #ffff99}

.site-nav .tab A:active
{color: #000000;
background-color: #99ff66}

.site-nav .tab-current A {
	text-decoration: none;
}

TD.place
{vertical-align: bottom;
border-width: 0 0 2px 1px;
padding-top: 0.75ex;
padding-right: 0}

TD.site-nav
{border-width: 0 0 2px 1px;
padding-bottom: 0ex;
background-color: #eeeeee;}

DIV.current
{background-color: #66ff99}

.space .space,.astro .astro,.mac .mac,.issues .issues,.web .web,.misc .misc,.site .site
{border-color: #ff9933;
background-color: #ffffff;
border-width: thin thin 0 thin}

TD.nav, TD.sidebar
{border-width: 0 1px 0 0;
padding-top: 0.5em;
width: 17%;}

TD.nav, TD.see-also, TD.sidebar
{vertical-align: top}

.nav div, .areas div, .see-also div
{text-align: left;
border-style: solid;
margin-bottom: 0.75ex;
padding: 0.15ex 0.25ex 0.25ex 0.5ex;
background-color: #ffffff}

.nav div
{border-width: 1px 0 1px thick;
margin-bottom: 1.5ex;
font-family: sans-serif}

.sidebar div {
	text-align: left;
	border-style: solid;
	margin-bottom: 0.75ex;
	border-width: 0 0 0 0;
	padding: 0.15ex 0.25ex 0.25ex 0.5ex;
	background-color: #eeeeee;
}

TD.see-also
{width: 12em;
border-color: #cccccc;
border-width: 0 0 1px 0}

.see-also DIV
{border-color: #bbbbbb;
background-color: #dddddd;
border-width: 1px 1px 1px 0}

DIV.sub
{border-color: #dddddd;
text-align: right;
text-transform: uppercase;
font-family: sans-serif;
font-size: smaller;
letter-spacing: 0.15ex;
border-width: 1px 0 0 0;
padding-left: 3ex;
padding-bottom: 0.5ex;
padding-top: 0.5ex;
margin-bottom: 0;
margin-top: 0}

.toc a:visited {
	color: #0600ee;
}

.see-also DIV.sub
{border-color: #cccccc}

DIV.sub SPAN.subdued
{letter-spacing: 0ex}

div.site-notes
{background-color: #dddddd;
border-color: #bbbbbb;
border-width: 1px 1px 1px 0;
margin-top: 3em}

div.standards
{text-align: center;
background-color: #dddddd;
border-width: 0}

div.web-notes
{border-width: 0;
background-color: #dddddd}

TD.main, TD.main-part, TD.preamble {
	border-width: 0 0 0 1px;
	padding-left: 0.5em;
	padding-right: 1em;
	vertical-align: top;
	background-color: #ffffff;
}

TD.preamble, TD.main, TD.main-part
{padding-bottom: 0;
/*
border-color: #dddddd;
border-width: 0 0 1px 0
*/
}

.main TD, TD.main-part
{background-color: #ffffff}

/*
	For a standard 76px height page logo
*/
.page-logo {
	float: left;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
}

.heading-home, .heading-section
{font-weight: bold;
margin-bottom: 0.3ex}

.heading
{font-weight: bold;
padding-top: 0.2ex;
padding-bottom: 0.4ex}

.heading-home
{margin-top: 0.3ex}

.twitter-follow-button
{vertical-align: center;
margin-bottom: -0.5em;
}

.twitter-share-button
{vertical-align: center;
margin-bottom: -0.6em;
}

.heading, .heading-section
{border-bottom: 1px #bbbbbb solid;}

.heading, .heading-home
{font-size: 200%}

.heading-section
{font-size: 130%}

.part-of
{margin-top: 0.5em;
text-transform: uppercase;
font-family: sans-serif;
font-size: smaller;
letter-spacing: 0.15ex}

.cite
{clear: both;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0.25em 0.3em 0.25em 0.0em;
border-color: #888888;
border-style: solid;
border-width: thin 0 thin 0}

.cite:first-letter
{float: left;
font-size: 100%}

.author
{white-space: pre
/*
font-family: cursive;
color: #777777
*/
}

.quote-close
{margin-bottom: 1em}

.center
{text-align: center}

.sectional, .sidebar-sectional
{position: relative;
left: +12%;
width: 75%;}

.sectional
{margin-top: 2em;
margin-bottom: 2em}

.sidebar-sectional {
/*	margin-top: 1em; */
	margin-bottom: 1em;
}

.indent-level {
	position: relative;
	left: +7%;
	width: 87%;
}

.home-main, .home-new, .page-intro, .page-closing
{position: relative;
left: +6%;
width: 88%}

.page-closing
{text-align: right}

.copyright {
	float: right;
}

.cite, .page-intro, .area-description, .home-main {
	text-align: justify;
}

.official-stuff
{clear: both;
margin-top: 2em;
margin-bottom: 0em;
padding: 0.5em 0em 0.5em 0em;
border-color: #888888;
border-style: solid;
border-width: thin 0 0 0}

div.area, div.area-new, div.area-new-areas
{border-width: 1px 0 1px thick;
border-style: solid;
margin-top: 1.5em;
}

div.area-new {
	border-width: 0px;
}

div.area-new-areas {
	border-color: #9999ff;
}

div.area TD,
div.area-new TD,
div.area-new-areas TD
{vertical-align: top;
padding-top: 0ex;
padding-bottom: 0.2ex;
background-color: #ffffff;}

div.area-new TD {
	padding-left: 0px;
}

div.area-label
{border-width: 0;
padding-top: 0.5ex;
padding-left: 0;
padding-right: 0.5ex;
width: 10em}

div.area-description
{text-align: justify;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1ex;
border-style: solid;
border-width: 0 0 0 1px;
border-color: #dddddd;
margin-bottom: 0}

.home-new UL
{list-style-type: disc}

LI
{margin-bottom: 1em}

.new-date, new-area
{}

/*
	For a "What is new?" page listing, but not the home page 'What is new?' short list
*/
.what-is-new {
	font-size: 175%;
}
div.new-area {
	margin-right: 0.5em;
}
div.new-changes {
	padding-top: 0.3em;
}
span.new-page {
	font-size: 125%;
}
dl.changes {
	margin-left: 3em;
}
.area-new-areas .area-label img {
	float: right;
}

.section-label {
	font-size: 175%;
}

.what-is-new-page {
	font-size: 130%;
}


.subdued-text {
	color: #888888;
}

.list-space
{list-style-image: url(list-spacesuit.gif);
vertical-align: bottom}

.list-astro
{list-style-image: url(list-saturn-shadow.gif);
vertical-align: top}

.list-space2
{list-style-image: url(list-rocket-ship.gif);
vertical-align: bottom}

.new-item
{position: relative;
left: +5ex}

.subdued
{color: #aaaaaa}

.other TABLE
{width: 100%;
margin-bottom: 0}

TD.other
{font-size: smaller}

TD.other, TD.modified
{background-color: #ffffff}

TD.modified
{border-width: 1px 0 0 0;
border-color: #dddddd}

TD.other
{padding: 0.75ex 0.5ex 0.75ex 0.5ex}

.other TD
{font-size: smaller;
font-family: sans-serif;
text-transform: uppercase;
letter-spacing: 0.15ex;
line-height: 135%;
padding-bottom: 0.7ex;
background-color: #ffffff;
border-bottom: 1px solid #ff9933}

.other-top TD
{border-top: 1px solid #ff9933}

TD.other-label
{text-align: right;
width: 10em;
border-left: 1px solid #ff9933}

TD.other-nav
{border-left: 1px solid #dddddd}

DIV.updated
{padding-top: 0ex;
float: left;
width: 45%}


/*
	For the updated string in the page heading area
*/
.updated2 {
	float: right;
	padding-bottom: 0.5em;
}

/*
	Reveals the time / day of week of last update for windows wide enough
		- First we hide the day of week and general time of day, then...
		- For viewports at least 1000px wide I show the day of the week
		- For viewports at least 1100px wide I add in the general time of day
*/
span.updated2 .day-time,
span.updated2 .day-time .time {
	display: none;
}
@media screen and (min-width: 900px) {
  span.updated2 .day-time {display: inline;}
}
@media screen and (min-width: 1000px) {
  span.updated2 .day-time .time {display: inline;}
}

/*
	Social media sharing badges support
*/
.twitter {
	background-color: #1c9bf0;
}
.facebook {
	background-color: #1877f2;
}
.reddit {
	background-color: #1c9bf0;
}
.linked-in {
	background-color: #1c9bf0;
}
.flipboard {
	background-color: #1c9bf0;
}
.copy {
	background-color: #1c9bf0;
}


DIV.tagline
{padding-top: 0ex;
float: right;
margin-left: 3em}

TD.boilerplate
{padding-bottom: 0;
border-width: thin 0 0 0}

DIV.boilerplate
{background-color: #dddddd;
margin-bottom: 0.5ex}

DIV.badges
{float: right;
text-align: right;
background-color: #dddddd}

.badges IMG
{margin-left: 0.5ex;
margin-bottom: 0.5ex}