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

/* CSS RESET */
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,img,ins,kbd,q,s,samp,small,strike,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

html, body {
	font-size: 18px;
	background-color: white;
	font-family: Century, 'Crimson Text', serif;
}

#wrapper {
	width: 90%;
	max-width: 700px;
	min-width: 320px;
	margin: 0px auto;
	padding: 30px 0 60px 0;
}

h1 {
	font-size: 3em;
	margin: 0.2em 0 0.3em 0;
}
p {
	font-size: 1em;
	line-height: 1.7em;
}
a, a:link, a:visited {
	color: red;
	text-decoration: none;
}
a:active, a:hover {
	color: orange;
	text-decoration: none;
}
#homeLink {
	content: "home";
}

#quickLinks {
	color: rgb(150,150,150);
	font-style: italic;
	margin-bottom: 1.5em;
}
#quickLinks a, #quickLinks a:link, #quickLinks a:visited {
	color: rgb(150,150,150);
}
#quickLinks a:active, #quickLinks a:hover {
	color: orange;
}

.tableOfContents {
	list-style-type: disc;
	padding-left: 15px;
	margin-bottom: 1.5em;
}
li {
	line-height: 1.5em;
}

footer ul {
	text-align: center;
}
footer li {
	display: inline;
}
footer li + li:before {
	content: ' + ';
	padding: 0 0.5em;
}

hr {
	margin: 1.3em 0;
	border-style: solid;
	border: none;
	border-top: 2px solid black;
}

.question {
	font-weight: 700;
}
.question span {
	display: none;
	padding-left: 0.7em;
}
.question:hover span {
	display: inline-block;
}
.question span a {
	color: rgb(200,200,200);
}
.question span a:hover {
	color: orange;
}
.answer {
	margin-bottom: 1.7em;
}


/* vertical lists on small screen */
@media only screen and (max-width: 600px) {
	h1 {
		text-align: center;
		line-height: 1.3em;
	}
	footer li {
		display: list-item;
		line-height: 2.2em;
	}
	footer li + li:before {
		content: none;
	}
}