/* note optimum wesbite size is 960px wide and 600px high (main viewing area for most browsers).
Most browsers are at 1024�768 resolution or higher.*/

/* Structure your CSS Semantically as your order of divs in your CSS*/


/* here is my google fonts link to import and use custom fonts I have chosen*/
@import 'https://fonts.googleapis.com/css?family=Prompt:300,900';
@import 'https://fonts.googleapis.com/css?family=Exo+2:800|Prompt:300,900';

body{
background: url("../images/slow_jig.png");
background-repeat: no-repeat;
background-color: #a3f9f8;
background-blend-mode: luminosity;
}

#wrapper{
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#slideshow {
	position: relative;
	width: 960px;
	height: 150px;
}

#slideshow div {
	position: absolute;
}


/* Navigation: Important note MUST use padding-top: 15px;*/

nav {
	width: 960px;
	height: 50px;
	position: absolute;
	top: 150px;
	left: 0;
	padding-top: 15px;
	background-color: #1c1a54;
}

aside {
	width: 200px;
	height: 900px;
	position: absolute;
	top: 200px;
	left: 0;
	margin-bottom: 15px;
	margin-top: 0px;
	border-radius: 0px;
	background-color: rgb(255,242,0);
}

section {
	width: 760px;
	height: 900px;
	position: absolute;
	top: 200px;
	right: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	border-radius: 0px;
	background-color: #f8f5bb;
}

/* all unordered lists*/
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

/* Just the unordered list within list items*/
li {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

a:link {color:#FFFFFF;} /* unvisited link */
a:visited {color:#FFFFFF;} /* visited link */
a:hover {color:#FFFF00;} /* mouse over link */
a:active {color:#FFFFFF;}  /* selected link */

a {
text-decoration: none;
}

h1 {
	font-family: 'Exo 2', sans-serif;
	font-size: 18px;
	letter-spacing: 0.2em;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: 2px 2px 2px grey;	
}

p {
	font-family: 'Prompt', sans-serif; 300;
	font-size: 14px;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
}

.column-one {
	width: 450px; 
	height: 860px;	
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 20px;
	margin-left: 20px;
	border-radius: 0px;
	background-color: #f8f5bb;
}

.column-two {
	width: 250px; 
	height: 860px;	
	position: absolute;
	right: 20px;
	top: 0px;
	margin-top: 20px;
	border-radius: 0px;
	background-color: #f6f2a3;
}

audio{

width: 200px;

}

footer {
	width: 960px;
	height: 40px;
	position: absolute;
	top: 1100px;
	left: 0px;
	border-radius: 0px;
	background-color: #1c1a54;
}