/*
		Final Project-CKE Library Home Page
		Author: Chrystal Woodcock
		Date:  1/20/16 

		Filename:     home.htm    
		Supporting files: tony.jpg, events.htm, catalog.htm, read.htm, policies.htm
*/

/* display elements as blocks */

body, nav, section, article, aside, footer, {
	display: block;
}

/* Body styles */
body {
	margin:0px;
	padding:0px;
	margin:0px;
	border:0px;
	max-width:1400px;
	min-width:900px;
}

/* Header Layout styles */

header {
	height:400px;
	margin:0px;
	padding:0px;
	width: 100%;
}

header nav {
	clear:left;
	float:left;
	width:100%;
	margin: 0px;
	padding:0px;
}

header nav ul li {
	display: block;
	float: left;
	height: 40px;
	text-align: center;
	padding:15px 0px 0px 0px;
	width: 19%;
	margin:0px;
	
}

header nav ul li a {
	text-align: center;
	width: 20%;
	padding: 5px;
}

header h1{
	clear:both;
	float:left;
	padding:25px;
	width:66%;
	margin:5% 0px 0px 15%;
}

/* Section Layout Styles */
section {
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width: 66%;
	
}

section#homeSection {
	height: 600px ;
}

section#eventsSection {
	height: 600px;
}

section#catalogSection {
	height: 350px;
}

section#readSection {
	height: 1300px;
}

section#policiesSection {
	height: 2150px;
}

section nav {
	clear:left;
	float:left;
	height:70px;
	width:100%;
	margin: 0px;
	padding:0px;
}

section nav ul li {
	display: block;
	float: left;
	height: 25px;
	text-align: center;
	padding-top:5px;
	width: 16%;
	margin:0px;
	
}

section nav ul li a {
	text-align: center;
	width: 12%;
	padding: 3px;
}

/* Article Layout Styles */
article {
	clear: left;
	float: left;
	width: 90%;
	margin-left:3%;
	padding: 5px;
}


/* Figure Layout Styles */
figure {
	float:right;
	padding: 3px;
	margin:0px;
}

figure img {
	width:150px;
}

/* Aside Layout Styles */
aside {
	float: left;
	margin:0px;
	padding:0px;
	width:34%;
}

aside#homeAside {
	height: 600px;
}
aside#eventsAside {
	height: 600px;
}
aside#catalogAside {
	height: 350px;
}
aside#readAside {
	height:1300px;
}
aside#policiesAside {
	height: 2150px;
}

/*Table layout styles */

table {
	margin-left:5%;
	padding: 10px;
	width: 90%;
}

table td {
	padding:8px;
}

/*Form layout styles */
form {
	margin-left:8%;
	padding: 10px;
	width: 80%;
}

form#contact{
	height:650px;
}

form#contact label {
	clear:left;
	display:block;
	float:left;
	margin:15px 0px;
	padding:5px;
	width:20%;
}

form#contact input {
	display:block;
	float:left;
	margin:18px 0px;
	width: 70%;
	
}

form#contact input[type="submit"] {
	margin-left: 15%;
}

form#contact textarea {
	margin-left:5px;
	width: 95%;
}

form#readEveryDay {
	height:400px;
}

form#readEveryDay label{
	clear:left;
	display:block;
	float:left;
	margin:15px 0px;
	padding:5px;
	width:30%;
}

form#readEveryDay select{
	display:block;
	float:left;
	margin:24px 0px;
	width:60%;
}

form#readEveryday p {
	height:100px;
	width:80%;
}

/*Footer Layout Styles */
footer {
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width: 100%;
}

footer address {
	padding:10px;
	text-align:center;
	line-height:1.3em;	
}