/* a few resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figcaption, figure, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;} body {line-height:1; text-align:left; font-style:normal; font-weight:normal;} article, aside, figure, footer, header, hgroup, nav, section {display:block;}

/*
 *, div				{outline:#ff00ff solid 1px;} 
*/
body 				{display:none; visibility:hidden; line-height:1.5; font-size:62.5% /* 1em=10px */; font-family:Arial, sans-serif; color:#999999; background:#444444;} /* javascript reveals, otherwise page stays blank during noscript redirect */

a					{border-bottom:1px solid #e6e6e6; text-decoration:none; color:#ccb22c;}
a:link,
a:visited			{/* same as a */}
a:focus,
a:hover,
a:active			{color:#dab808;}				

#fixedbox 			{position:fixed; z-index:1; width:100%; border-bottom:1px solid #e6e6e6; background:#ffffff;}
#fixed				{max-width:550px; margin:0 auto; padding:15px 0; text-align:right; background:#ffffff;}
#headerbox			{position:relative; z-index:100; width:100%; padding:15px 0; background:#ffffff;}
header				{max-width:550px; overflow:hidden; margin:0 auto; background:#ffffff;}
#contentbox			{width:100%; background:#f7f7f5;}
#content			{max-width:550px; overflow:hidden; margin:0 auto; background:#f7f7f5;}
#footerbox			{width:100%; background:#444444;}
footer				{max-width:550px; margin:0 auto; color:#999999; background:#444444;}

header h1			{float:left; line-height:45px; font-size:200%; font-weight:normal;}
header h1 a			{border-bottom:0; color:#999999;}
header nav			{float:right; line-height:45px;}
nav ul				{font-size:140%;}
nav li				{display:inline; padding-left:6px;}
nav a				{}
#fixedanchor		{line-height:45px; font-size:140%;}

.onecolumn			{position:relative; max-width:550px; overflow:hidden; margin:20px 0 32px 0;}
.onecolumn p		{margin-bottom:10px; font-size:170%;}
img					{display:block; max-width:100%; height:auto; color:#f7f7f5 /* conceals alt attribute flash while loading */;}
.imgframe			{position:relative; max-width:550px; margin:30px 0 8px 0; padding:4px; border:1px solid #f7f7f5; background:transparent; /* border and bg are camouflaged here to hide onload; reset in lazyload.js */}
h2					{margin:30px 0 10px 0; font-size:200%; font-weight:normal; color:#777777;}
blockquote			{padding:10px 10px 10px 18px; border:1px solid #e6e6e6; line-height:1.75; font-family:Georgia, serif; font-size:120%; font-style:italic; color:#888888; background:#f8f8f6;}
blockquote cite		{font-style:normal;}

#svgbox				{overflow:hidden; margin:45px 15%;} /* for don't stand by */
svg					{display:block; max-width:100%; height:100%; color:#f7f7f5;}  /* for monty hall problem */

footer p			{margin:30px 0; font-size:130%;}
footer a			{border-bottom:none; text-decoration:none; color:#a19a79;}
footer a:link,
footer a:visited	{/* same as a */}
footer a:focus,
footer a:hover,
footer a:active		{color:#b0a156;}				

.reader				{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.nobreak			{white-space: nowrap;}

/* captions */
button				{padding:0px 3px 0px 3px; border:none; font-size:10px; font-family:"Source Code Pro", "Courier New", Courier, monospace; font-weight:500; font-display:fallback; text-align:center; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; color:#ffffff; background:#444444; cursor:pointer;}
button:hover		{background:#ccb22c;}
button:active		{background:#ffcc33;}
button.untouch		{background:#444444;} /* classname added in js if touch device; counteracts sticky hover */
button.untouch:active{background:#ccb22c;}
figure				{cursor:pointer;}
figcaption 			{display:none; visibility:hidden; max-width:550px; line-height:1.75; font-size:110%; font-family:Georgia, serif; font-style:italic; font-display:fallback; text-align:left;}
figcaption strong, 
figcaption em		{font-family:"Source Sans Pro", "Courier New", Courier, monospace; font-weight:bold; font-style:normal; text-transform:uppercase; letter-spacing:.1em; color:#555555;}
figcaption em 		{color:#ccb22c;}
figcaption ul		{display:inline;}
figcaption li		{display:inline; /*margin-right:1px;*/ padding:0 3px; border:1px solid #edede9; border-radius:6px; font-size:77%; font-family:"Source Sans Pro", "Courier New", Courier, monospace; font-weight:normal; font-style:normal; text-transform:uppercase; letter-spacing:.15em; white-space:nowrap; color:#888888; background:#ffffff;}
figcaption cite		{font-style:normal;}


/* 1024 to 600 */
@media (max-width:1024px) and (min-width:600px) {
	blockquote			{line-height:1.5; font-size:130%;}
	figcaption 			{line-height:1.5; font-size:120%;}
}


/* 599 or narrower */
@media (max-width:599px) {
	#fixed				{max-width:290px;}
	header				{max-width:290px;}
	#content			{max-width:290px;}
	.onecolumn			{max-width:290px; margin:10px 0 16px 0;}
	.imgframe			{max-width:290px;}
	blockquote			{line-height:1.5; font-size:140%;}
	footer				{max-width:290px;}
	figcaption 			{max-width:290px; line-height:1.5; font-size:130%;}
}