@charset "UTF-8";
/* CSS Document */

/* Simplified navigation styles for black pages only. There are no sub-menus. */

nav {margin:0 auto; width:100%; padding:.5em;} /* sets relative width and centers */

nav ul {
	list-style-type:none;
	padding:0;
	font-size:0;
	text-transform:capitalize;
	border-top:1px solid #f5f5f5;
} /* sets style and appearance of navigation lists, and eliminates inter-block white space by setting font-size to zero (to be overridden); #f5f5f5 = rgb (245, 245, 245) = hsl (0, 0%, 96%) */

nav li { display:inline; } /* sets list items to display horizontally */

nav ul a {
	display: inline-block;
	font-size:0.8rem; /* had been 0.75rem, but seemed small */
	font-weight:bold;
	padding:1px 1em 0;
	text-decoration:none;
	text-align:center;
} /* sets default style and appearance for ul navigation links; needs both inline and block to preserve solid blocks; restores a visible font size based on root; separates inline links with padding */


nav a:link, nav a:visited {color:#ccc; text-decoration:none;} /* sets default color and style for links and visited-links in nav menus; color for submenus to be overriden */

nav a:hover {color: #f5f5f5; background:#666; } /* sets default hoverlink text and bg colors for (un)selected main tabs; to be overridden for selected tab and displayed submenu */

body.who a.who:link, body.who a.who:visited,
body.sol a.sol:link, body.sol a.sol:visited,
body.tip a.tip:link, body.tip a.tip:visited,
body.rat a.rat:link, body.rat a.rat:visited,
body.gal a.gal:link, body.gal a.gal:visited,
body.lin a.lin:link, body.lin a.lin:visited {color:#fff; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; text-transform:uppercase;} /* sets link and visited-link color and side border for selected main tab */


body.who a.who:hover, body.who ul.who a:hover,
body.sol a.sol:hover, body.sol ul.sol a:hover,
body.tip a.tip:hover, body.tip ul.tip a:hover,
body.rat a.rat:hover, body.rat ul.rat a:hover,
body.gal a.gal:hover, body.gal ul.gal a:hover,
body.lin a.lin:hover, body.lin ul.lin a:hover {color:#fff; background:#999; } /* sets hoverlink color white and hoverlink bg color (med gray) for selected main tab and displayed submenu */

footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:0;
	text-transform:capitalize;
	text-align:center; } /* sets style and appearance of footer menu list, and eliminates inter-block white space by setting font-size to zero (to be overridden) */

footer li { display:inline; } /* sets footer menu list items to display horizontally */

footer li a {
	display: inline-block;
	font-size:0.75rem;
	padding:.25em 1em; } /* sets style and appearance of footer menu links; needs both inline and block (invisible) inline, padded blocks; restores a visible font size based on root */

@media screen and (max-width: 480px) {footer li a {padding: 0 1em;}}

@media screen and (max-width: 480px) {nav li a {padding: 0 1em; font-size: .9rem;}}