/* Page */
body{
  margin:0;
  max-width:900px;
  margin-left:right;
  font-family: Arial, Verdana, sans-serif;
}

/* Header */
.header{
  background-color: purple; /* Header only */
  padding:12px;
}

.header h1 {
  font-family: Helvetica, Arial, Verdana, Trebuchet MS, sans-serif; 
  font-weight: normal;
  border-bottom: 3px solid black;
  margin: 0;
}
/* Navigation */
.nav ul{
  list-style:none;
  padding:0;
  margin:10px 0;
}

.nav li{
  display:inline;
  margin-right:15px;
}

.nav a{
  color: purple;        /* Purple links only */
  text-decoration: none;
  font-family: Arial, Verdana, sans-serif;
}

/* Content */
.content{
  margin:10px 0;
}

.content p{
  color: gray;
  font-family: Arial, Verdana, sans-serif;
  line-height:1.4;
}

/* Image */
.image{
  margin:10px 0;
}

.image img{
  max-width:220px;
  height:auto;
}

figcaption{
  font-size:13px;
}

/* Footer */
.footer{
  background-color: purple; /* Footer stays purple */
  padding:12px;
  color:white;
}

.footer a{
  color:white;
  text-decoration:none;
}