/*Body element styles*/
header, section, footer, aside, nav, article, figure, figcaption {
	display: block;
}

body { 
	font-size: 15px;
}

nav {
	background-color:coral;
	text-align: center;
	border-style: solid;
	border-width: 5px;
}

footer {
	position: fixed;
	bottom: 0px;
	right: 20%;
	max-width: 20%;
	clear: both;
	text-align: right;
}





h1, h2, h3 { 
	font-family: Arial, sans-serif;
	text-decoration: underline;
}

p {
	line-height:1.4;
}


ul{
	font-style: italic;
}



ol {
	font-style: italic;
}

table{
	width:300px;
	background-color:lightgrey;
	text-align:center;
	empty-cells:show;
	font-size: 18px;
}


td, th {
	padding:2px 5px;
	border:3px solid black;
}

a:link {
	font-family: "Times New Roman", Times, serif; /*changes the font family to contrast against the rest of the text*/
}

a:visited {
	font-weight: 100;
}

img.aligncenter {
	display:block;
	margin:0px auto;
}

.grid_4 img{
	width:100%;
	
}

input {
	background-color:lightgrey;
	border:1px solid grey;
	border-radius:3px;
}

input:focus, input:hover {
	background-color:white;
}

input#submit {
	background-color:lightgreen;
	border-bottom: 2px double black;
}

input#submit:hover {
	background-color:green;
}

fieldset {
	width:50%;
	background-color:#FAE590;
	border:2px dotted #E5BC16;
	border-radius:10px;
}

figcaption {
	position:relative;
	bottom:25px;
	max-width:400px;
	margin:auto;
	font-size:2em;
	font-weight:800;
	color:red;
	text-shadow: 0px 0px 2px black;
}


/*Classes*/

.fppld {
	font-weight: 500;
	color: #2E9014; /*green text to reflect relation to Franklin Park Library*/
}

.page {
	/*background-color: #DFFAFA; */
	background-image: url("http://thegeekygaby.com/images/stripebackground.png");
	border: 3px dotted #50A7EC;
	padding: 0 20px;
	margin:auto;
	
}

li.pagenav {
	display:inline;
	margin:0px 3px;
}

.right {
	text-align: right;
}




/*IDs*/


#copyright {
	font-weight: 800;
	text-decoration: underline dotted;
}


div#mainnav li{
	list-style-type: circle;
}

#media {
	width:49%;
}

#music {
	position:absolute;
	top:0px;
	right:0px;
}

#gallery {
	text-align: center;
	max-height: 500px;
	overflow:scroll;
	min-width:720px;
}