/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*----------- apply a natural box layout model to all elements --------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/*-----BODY -----*/
body {
	background-color: #000;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;	
}


/*-----CONTAINER -----*/
#container {
	background-color: #000;   /*becomes the nav background color*/
	min-width: 320px;
	max-width: 960px;
}

/*-----HEADER -----*/
header {
	text-align:center;
	padding: .8em 0;
	
	background-color: #bcba71;
}
header h1 {
	font-size:2.5em;
	color: #44301b;
	}
header h2 {
	font-size:1.2em;
	padding-top:.3em;
	color: #FFF;
	font-style:italic;
}
#content h1 {
	font-family: "Comic Sans MS", cursive;
	font-size: 1.8em;
	margin-top: 1.3em;
	margin-left: 2.5em;
	margin-bottom: 1em;
	  color: #8c674a;

	}

h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.3em; 
	font-weight: 500;

	}
	
h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.3em; 
	font-weight: 500;
	color:#d26a47;
		
}

/*-----NAVigation -----*/

.hello {
	color:#FFF;
	float:right;
	margin-right: 1em;
	}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:400;
	line-height:16px;
	margin-top:8px;
	margin-left:10px;
	color: #d26a47;
	}


a:link {
    
}

/* visited link */
a:visited {
    color: #999;
}

/* mouse over link */
a:hover {
    color: #0FF;
}

/* selected link */
a:active {
    color: #FFF;
}



/*-----CONTENT -----*/
#content {padding-bottom:3em;
background-color:#FFF;
}

form {
	margin: 2em 3%;
}
fieldset {
	background-color: #dcd8ad;	
	border-radius: .8em;
	border: #797877 solid 1px;
	width: 80%;
	padding-left: 1.5em;
	margin-bottom: 10px;
	}
	legend {
	color: #fffcf2;
	margin-left: 6%;
	padding: .5em;
	border: #292827 solid 1px;
	background:  #d26a47;
	border-radius: .4em;
}
label {
	display:block; /* forces a hard return and allows margin to be assigned*/
	margin: .5em;
	
}

label span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #292827;
	padding-top: .5em;
	
}
span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:.5em;
	margin-left:1em;
	}
	h1 {
	display: inline-block;
	font-family:"Verdana";
	font-size:2.5em;
	
	
	}
.body {
	background-color: #dcd8ad;	
	border-radius: .8em;
	border: #797877 solid 1px;
	width: 80%;
	padding-left: 2em;
	padding-top:1em;
	
	margin-left: 1em;
	}
	
	input[type="password"] {
  margin-left: 1.8em;
}
 
.person {
	color: # 333;
	margin-left: 6%;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: .5em;
	border: #292827 solid 1px;
	background:  #CCC;
	border-radius: .4em;
	width: 60%;
	}
.searchlist {
	color: # 333;
	margin-left: 6%;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: .5em;
	border: #292827 solid 1px;
	background:  #CCC;
	border-radius: .4em;
	width: 60%;
	}
	input[type="file"] {
		margin-left:2em;
}
input[type="text"] {
	margin-left:2em;
	width: 50%;
}
textarea {
  margin-left: 2em;
  width: 50%;
}
select {
	margin-left: 2em;
	margin-bottom:.8em;
	width: 25%;
	
}
.submitBtn {
	color: #fff;
	border: solid 1px #111;
	border-radius:7px;
	width: 20%;
	margin:.5em 0;
	font-size: 1em;
	padding: .6em;
	background: #d26a47;
	box-shadow: 4px 4px 10px #666;
}
input[type="submit"] {
margin-top: 10px;
margin-left:2.5em;
margin-bottom: 2em;
}

 p {
		margin-left:2em;
		margin-top: .5em;
		font-size:.8em;
		margin-bottom: .8em;
		margin-right: 2em;
}


/*----- FOOTER -----*/
footer {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#BCBA71;
	clear: both;
	text-align: center;
	padding: 1em;
	font-size: .9em;
	color: #8c674a;
}
footer a {color: 44301b; }

/* ----- OTHER STUFF ----*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}