@charset "utf-8";


body {
	background-color: #092949;
	color: white;
	
}


body, header, section, ul, aside, h1, h2, h3, h4, p {
	margin: 0;
	padding:0;
}


header {
	width: 60%;
	height: 80px;
	margin: 0 20%;
	/*background-color: aqua;*/
}

h4  {
	color: white;
	font-size: 1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
	text-align: center;
	
	/*padding-top: 20px;*/
}
	
	
.prev {
	width: 20%;
	float: left;
}

.col1 {
	width: 25%;
	float: left;
	padding-top: 20px;
}

.col2 {
	width: 15%;
	float: left;
	padding-top: 20px;
}

.col3 {
	width: 20%;
	float: left;
	padding-top: 20px;
}

.next {
	width: 20%;
	float: right;
		
}


aside {
	float: left;
	width: 256px;
	padding-bottom: 10px;
	margin-left: 5%;
	margin-right: 30px;
}	

img {width: 100%;
	
}

p {
	
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.2em;
	font-weight:lighter;
	text-align: left;
}


span {
	font-style: italic;
	
}


span.title {
	font-style: italic;
	font-size: 1.5em;
}

#ebay {font-size: 1.3em;
	text-decoration:underline;
	}

div {
	text-align: center;
	padding-top: 15px;
}

h1 {
	position: fixed;
	padding-left: 100px;
	display: block;
	width:10%;
	color: white;
}

#copy {
	font-size: .6em;
	text-align: right;
	font-style: normal;
	float: right;
	color: #2063A1;
	}


a:link{
	color: #2063A1;
	text-decoration: none;
}




a:visited {color: #2063A1}




a:hover {color: darksalmon}

a.next {font-size: 1.5em;
		padding-top: 14px;
		
}

a.prev {font-size: 1.5em;
		padding-top: 14px;
		
}

/*desktop less than 1140px */
@media only screen and (max-width: 1139px) {
	
	header {
	width: 70%;
	height: 80px;
	margin: 0 15%;
	}
}

/*tablet portrait to standard 960 */
@media only screen and (max-width: 959px) {
	
	
	header {
	width: 80%;
	height: 80px;
	margin: 0 10%;
}

	
}

/*mobile landscape to tablet portrait */
@media only screen and (max-width: 767px) {
	
	header {
	width: 90%;
	height: 80px;
	margin: 0 5%;
}
	
	h4  {
	color: white;
	font-size: 1.2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
	text-align: center;
	
	/*padding-top: 20px;*/
	}
	
		
.prev {
	width: 15%;
	float: left;
}

.col1 {
	width: 30%;
	float: left;
	padding-top: 20px;
}

.col2 {
	width: 15%;
	float: left;
	padding-top: 20px;
}

.col3 {
	width: 25%;
	float: left;
	padding-top: 20px;
}

.next {
	width: 15%;
	float: right;
		
}

	
	
	
	
	aside {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin-left: 5%;
	margin-right: 25px;
}	
	
	p {
	
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.15em;
	font-weight:lighter;
	text-align: left;
}
	
	span.title {
	font-style: italic;
	font-size: 1.5em;
}

}
	
/*mobile portrait to mobile landscape */
@media only screen and (max-width: 579px) {
	
	header {
	width: 100%;
	height: 80px;
	margin: 0 0%;
	}

	h4  {
	color: white;
	font-size: 1.1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	
	
	}
	
	
	.prev {
	width: 10%;
	float: left;
	}

	.col1 {
	width: 30%;
	float: left;
	padding-top: 20px;
	}

	.col2 {
	width: 20%;
	float: left;
	padding-top: 20px;
	}

	.col3 {
	width: 30%;
	float: left;
	padding-top: 20px;
	}

	.next {
	width: 10%;
	float: right;
		
	}
	
	a.next {font-size: 1.3em;
		padding-top: 17px;
		
	}

	a.prev {font-size: 1.3em;
		padding-top: 17px;
		
	}
	
	aside {
	float: left;
	width: 156px;
	padding-bottom: 10px;
	margin-left: 5%;
	margin-right: 20px;
}	
	
	p {
	
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1.1em;
	font-weight:lighter;
	text-align: left;
}
	
	span.title {
	font-style: italic;
	font-size: 1.3em;
}

	#copy{line-height: 3em;}	
}