/* -----reset browser styles------------------------------------------------------------------ */

* {padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

/* -----body styles div's--------------------------------------------------------------------- */

body {
	font-family:arial, helvetica;
	text-align: center;
}

#container {
}

#directions, #flashlight, #danceparty {
	margin:4px;
}

ol {
	display: inline-block;
	margin: 0 auto;
	text-align:left;
}

.bigButton {
	font-size:18px;
}

#Wrapper {
	font-family: sans-serif;
	background: black;
	padding: 10px;
}

#header {
	padding-bottom: 10px;
	padding-top: 10px;
}

#header h1 {
	text-align: center;
}

#header p {
	text-align: center;
}

#chapter1, #chapter2, #chapter3, #chapter4 {
	background: wheat;
}

#one h2, #two h2, #three h2, #four h2 {
	padding: 10px;
	background: lawngreen;
	color: red;
	font-weight: bold;
}
#one p, #two p, #three p, #four p {
	padding: 10px 10px 10px 20px;
	font-family: "Times New Roman", Times, serif;
}

#buttons {
	text-align: center;
}

#buttons img {
	box-shadow: 5px 5px 5px grey;
	margin-bottom: 10px;
}
	
#buttons figcaption {
	color: blue;
	font-style: italic;
	padding-bottom: 10px;
}

#ghost_container p {
	color: blue;
	font-style: italic;
	text-align: center;
	font-size: 18px;
}

#footer {
	text-align: center;
	padding-top: 10px;
}

#watzthisnav {
	padding-top: 10px;
}
