/*
   Final Project Style Sheet
   Author: David Giguere
   Date:   

   Filename:         main.css
   Supporting Files: 

*/

/****************************************************
Section changes
****************************************************/

body {
	background-image: url(../images/Main/wallpaper.jpg);
	background-position: left top;
	width: 100%;
	min-width: 1000px;
}

body * {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

headbar {
	margin: 100%;
}

nav.topNav li {
	float: left;
	background: none;
	min-width: 15%;
	text-align: center;
	padding: 5px;
	transition: background .25s ease-in-out;
        -moz-transition: background .25s ease-in-out;
        -webkit-transition: background .25s ease-in-out;
}

nav.topNav {
	border-style: none none none none;
	padding: 5px;
	margin: 10px;
}

#about {
	background-image: url(../images/Main/parch.jpg);
	min-width: auto;
	padding: 10px;
	border-radius: 25px 25px 25px 25px;
}

#date {
	background-image: url(../images/Main/parch.jpg);
	min-width: auto;
	padding: 10px;
	margin: 10px;
	border-radius: 25px 25px 25px 25px;
}

#story1, #story2, #story3 {
	background-image: url(../images/Main/parch.jpg);
	padding: 25px;
	line-spacing: 5px;
	border-radius: 25px 25px 25px 25px;
	margin: 10px;
	height: auto;
}

#numbers {
	background-image: url(../images/Main/parch.jpg);
	min-width: auto;
	margin: 10px;
	padding: 15px;
	border-radius: 25px 25px 25px 25px;
}

#email {
	background-image: url(../images/Main/parch.jpg);
	min-width: auto;
	margin: 10px;
	padding: 15px;
	border-radius: 25px 25px 25px 25px;
}

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}

#footer {
	text-align: center;
	clear: left;
	color: white;
}

/****************************************************
Positioning
****************************************************/

#left {
	display: block;
	float: left;
	width: 20%;
}

#right {
	float: left;
	display: block;
	width: 75%;
	margin-left: 1%;	
}

#YouTube {
	display: block;
	width: 100%;
}

#Convert {
	width: 1px;
        min-width: 100%;
        *width: 100%;
}

audio {
	width: 100%;
}

/****************************************************
Image edits
****************************************************/

#logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#aboutImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 100px;
}

#s2Img {
	width: 300px;
	height: auto;
	padding: 10px;
	float: left;
}

#s3Img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

/****************************************************
Links
****************************************************/

nav a {
	text-decoration: none;
}

headbar a {
	text-decoration: none;
	border: 0 none;
}

nav.topNav a {
	color: white;
	font-weight: bold;
}

nav.topNav li:hover {
	background: rgba(32, 91, 121, 0.8);
}

/****************************************************
Fonts
****************************************************/

#right h1 {
	text-align: center;
	letter-spacing: 2px;
}

#about h2 {
	text-align: center;
}

#about ul {
	list-style-type: none;
}

#story p {
	padding: 5px;
}

nav.topNav ul {
	list-style-type: none;
}