/*
		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 styles */
body {
	background-color: black;
	font-family:Tahoma, Geneva, sans-serif;
	
}

/* Header Layout styles */

header#homeheader {
	background:url(homeheader.jpg)top center no-repeat;
}

header#eventsheader {
	background:url(eventsheader.jpg)top center no-repeat;
}

header#catalogheader {
	background:url(catalogheader.jpg)top center no-repeat;
}

header#readheader {
	background:url(readheader.jpg)top center no-repeat;
}

header#policiesheader {
	background:url(policiesheader.jpg)top center no-repeat;
}

header nav {
	background-color: rgb(119,136,153);
}

header nav ul li {
	background-color: rgb(119,136,153);
	line-height: 1.8em;
}

header nav ul li a {
	color:white;
	font-size:1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	text-transform: uppercae;
	letter-spacing:0.1em;
	
}
header nav ul li#home:hover {
	background-color:rgb(82, 165, 127);
	
}

header nav ul li#events:hover {
	background-color:rgb(86, 173, 173);
	
}

header nav ul li#catalog:hover {
	background-color:rgb(86, 137, 173);
	
}

header nav ul li#read:hover {
	background-color:rgb(127, 110, 175);
	
}

header nav ul li#policies:hover {
	background-color:rgb(183, 115, 174);
	
}

header h1{
	color:white;
	padding-bottom:40px;
	border: white solid 8px;
	font-size: 4.0em;
	letter-spacing:0.4em;
	text-align: center;
	text-shadow: black 0px 0px 5px;
}
	


/* Section Layout Styles */
section#homeSection {
	background-color:rgb(112, 224, 172);
	
}

section#eventsSection {
	background-color:rgb(107, 214, 214);
	
}

section#catalogSection {
	background-color:rgb(116, 183, 232);
}

section#readSection {
	background-color:rgb(165, 144, 229);
	
}

section#policiesSection {
	background-color:rgb(221, 139, 210);
}

/*Section Navigation Styles */

section nav ul li {
	background-color: rgb(119,136,153);
	border-left: 1px solid white;
}

section nav ul li:last-of-type {
	border-right: 1px solid white;
}

section nav ul li a{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

section nav ul li a:hover {
	color:black;
}

/*Section Headings Styles */

h2 {
	color:white;
	letter-spacing:0.1em;
	text-align:center;
	text-transform: uppercase;
	font-weight: bold;
	
}

h3 {
	border-bottom: 1px solid white;
}



/* Article Layout Styles */
article p{
	line-height: 1.6em;
	
}

p {
	text-indent: 25px;
}

article a {
	color: white;
	text-decoration:none;
}

article a:hover {
	color: gray;
}

article li.soar {
	list-style-position:outside;
	list-style-type: none;
	font-weight:bold;
}

/* Figure Styles */

figure {
	-moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
}

figure figcaption {
	font-size:0.6em;
	font-style:italic;
}

/*Defintion List */

dl dt {
	font-weight: bold;
	margin-bottom:5px;
}

dl dd {
	margin-bottom:15px;
}

/* Aside Styles */

aside#homeAside {
	background-color:rgb(82, 165, 127);
}

aside#eventsAside {
	background-color:rgb(86, 173, 173);
}

aside#catalogAside {
	background-color:rgb(86, 137, 173);
}

aside#readAside {
	background-color:rgb(127, 110, 175);
}

aside#policiesAside {
	background-color:rgb(183, 115, 174);
}

/* table styles */

table {
	text-align: center;
	
	-moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
}

table th {
	font-size:1.2em;
}

table td {
	background-color:white;
	font-size:1.2em;
}

/*Form Styles */

form#contact {
	-moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
}

form legend {
	font-weight: bold;
	font-size:1.2em;
	
}

form label {
	font-weight: normal;
	font-size:0.6em;
}

form input {
	font-size: 0.6em;
}

form input[type="submit"]{
	text-align:center;
	margin: 30px 0px 20px 15%;
}

form#readEveryDay label {
	font-size:1.1em;
}


/* Form Validation styles */

input:focus, select:focus, textarea:focus {
	background-color: rgb(220,255,220);
}

input:focus:valid {
	background-color: rgb(220,255,220);
	
}

input:focus:invalid {
	background-color: rgb(255,232,233);
}

/*Footer Layout Styles */
footer {
	background-color: rgb(119,136,153);
	color:white;
}