hw1.css

body{
	background:#B3B3B3;
	margin:2%;
	font-size: 125%;
	padding:1%

}

header, footer{
	background: #666666;
	background: -moz-linear-gradient(top, #666666 0%, #00b7ea 100%);
	background: -webkit-linear-gradient(#666666 0%, #00b7ea 100%);
	background: -o-linear-gradient(#666666 0%, #00b7ea 100%);
	background: linear-gradient(#666666 0%, #00b7ea 100%);
	 

}

header{
	text-align: center;
	height:300px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url("http://intro-webdesign.com/CSS/assignment-2/images/flywheel.jpg");
}

h1{
	color: #ffffff;
}

nav{
	font-variant: small-caps;
	font-family: Arial, "Times New Roman", serif;
	font-size: 150%;
}

nav a{
	display: inline-block;
	margin:0.2%;
	border: 2px solid #696969;
  	border-radius: 25px;
	text-decoration: underline;
	padding:0.5%;
	background-color: #ffffff;
	width:15%;
}

h2{
	color: #666666;
	background: #00b7ea;
}

.half{
	width:45%;
	margin-right: 2%;
	display:inline-block;
	float:left;
}

.whole{
	clear:both;
}

summary{
	font-style:normal;
}

details{
	font-style: italic;
}

footer{
	height:150px;
	clear: both;
}
img{
	width: 75px;
	border: 10px solid ;
  	padding: 15px;
	display: block;
  	margin-left: auto%;
  	margin-right: auto%;
  	align :center;
}

  	
a:link {
  color: #FF0000;
}

/* visited link */
a:visited {
  color: #8B008B;
}

/* mouse over link */
a:hover {
  color: #32CD32;
}

/* selected link */
a:active {
  color: #0000FF;
}