/*
Hiking Adventures
Author: Anah Whittington
Date: 12/16/2020
*/

body { background-color: #473A3C;
	color: black;
	font-family: "Times New Roman", Verdana, Arial;
}

nav {   background-color: #D3CABA;
		font-weight: bold;
		text-align: center;
		font-size: 1.5em;
		font-family: Helvetica, Arial, sans-serif;
		line-height: 100%;
}	

/*
Figure out why nav background is showing on some pages but not others 
*/

nav a {	text-decoration: none; 
		color: #473A3C; }

p { font-family: "Times New Roman";
	font-size: 120% ; }


dt, dd { font-family: "Times New Roman"; 
		 font-size: 120%; }

li { font-size: 110%; }

h1 {background-color: #84655B; 
	color: white; 
	font-family: "Times New Roman", Helvetica, Arial; 
	line-height: 200%;
	text-indent: 1em;
	text-align: center;
	font-size: 300% }

h2,h3 {font-family: "Times New Roman", Helvetica, Arial; }


footer { text-align: center;
	 	 font-style: italic;
	 	 font-size: small; }

/*
Double check that codes for backgrounds are correct
*/

#container { 	background-color: #DEDCD5;
				padding: 4em;
				margin-left: auto; margin-right: auto;
				width: 80%;
				min-width: 800px; }

form { background-color: #96877D;
		font-family: sans-serif;
		width: 350px; padding: 10px; }

label { float: left; clear: left; display: block;
		width: 100px; padding-right: 10px;
		margin-top: 10px; text-align: right; }

input { display: block; margin-top: 10px; }

textarea { display: block; margin-top: 10px; }

input [type="submit"] { margin-left: 110px; }

/*
Form CSS - code out everything in order for it to present that way and into to a smaller box 
*/

@media (min-width: 600px;) {
	nav li {display: inline-block;
			width: 7em;
			padding: 0.5em;
			border: none;}
	nav ul {text-align: center;}
	main { float: left;
			width: 55% }
	aside {margin-left: 55%}
	footer { clear: both; }
}