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

fdbd1f - orange
ab6f80 - pink

Kaushan Script - typewrite
Raleway 500 and 900 - for the BIG TITLES
Pompiere - narrow fornt for descriptions

 */
 


/* select ALL tags and remove padding and margin 
INSTEAD OF: */
/* body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; } */

	*{
		margin: 0px;
		padding: 0px;
		list-style-type: none; /* // removes bullet points on all lists on the page */
	}

/* make sure that all browsers handle all the elemets as blocks */
header,nav,article,section,footer,aside{
	display: block;
}
 

/*************************************
GENERAL WEBSITE (default)
*************************************/

.container{
	width: 1280px;	
	margin: 0px auto;
	/* border: 2px solid black; */
	box-shadow:10px 40px 190px 15px #767070;
}

.clear{
	clear: both; /* // to not wrap text around an image (in this case around the logo) */
}

body{
	background-color: #ffffff;
}


/*************************
FONT
*************************/

h1 {
	font-family: 'Raleway', Calibri;
}

p{
	font-family: 'Pompiere', Calibri;
}


/*************************************
LOGO & NAVIGATION
*************************************/

.top_nav{
	width: 100%;
	height: 72px;
	line-height: 72px; /* CENTER the menu */
	float: left;
	background-color: #ffffff;
}

.top_nav ul{
	float: right;
	padding: 0px;
	margin: 0px;
}

.top_nav ul li{
	float: left;
	padding: 0px 0px;
	padding-left: 4px;
	font-size: 15px;
	font-weight: bolder;
}

.top_nav ul a{
	margin-right: 0;
	padding: 0 10px; /* VERTICAL /center/ positioning of the text of the menu buttons */
}


.top_nav ul a:hover{
	background-color:#da8c5c;
	color: #fff;
	height: 72px;
}

hr{
	display: block; 
    border: 0;
    border-top: 5px solid #da8c5c;
	background-color: #da8c5c;
}
	

nav ul a{
	text-decoration: none;	/* removes the underline of the link */
	list-style-type: none;	/* removes the bullets */	
	margin: auto;
	text-align: center;
	font-family: 'Raleway', Calibri;
	margin-right: 10px;		/* puts spacing of 10px between the links */	
	color: #da8c5c;
	display: block;
}
	
	
body{
	max-width: 100%;
}


/* ------------------ MAIN PAGE SECTION ------------  */

.content{
	background: url(wall.jpg);
	background-repeat: no-repeat;
	background-size: 1280px auto;	height: 700px;
	padding-top: 80px; /* moves the form field in the middle!!! PUT IN THE PARENT DIV, NOT IN THE ONE WE WANT TO MOVE */
}

.mainpage{
	border: 2px solid #650e00;
	border-bottom-left-radius: 50px;
	border-top-right-radius: 80px;
	margin: 180px auto;
	background-color: #da8c5c;	opacity: 0.95;
	padding: 30px;
	width: 520px;	/* text box width */
	height: 280px;	/* text box height */
	box-shadow: inset 3px 2px 8px #000000;
}
	
.mainpage p{
	font-family: 'Raleway', Calibri;
	font-size: 21px;
}

.mainpage h3{
	font-family: 'Pompiere', Calibri;
}

.form p{
	font-family: 'Raleway', Calibri;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

input{
	width: 100%;
	padding: 3px;
	margin: 3px;
	border-radius: 5px;
	border: 1px solid #650e00;
}

#submit{
	background-color: #650e00;
	font-family: 'Raleway', Calibri;
}