body {
  font-family:Verdana,Arial,Helvettica,sans-serif;
  background-color:#333333;
  min-width:480px;
  max-width:1280px;
}

header {
  width:90%;
  background-color:black;
  color:white;
  margin-right:auto;
  margin-left:auto;
  padding:10px;
  overflow:hidden;
}

h1 {
  font-size:2em;
  margin:0;
  padding:0;
  padding-top:10px;
}

h2 {
  font-size:1.3em;
}

h3 {
  font-size:1.2em;
}

hgroup {
  width:70%;
  float:left;
}

hgroup h1 {
  padding-top:0;
  line-height:1em;
}

hgroup h2 {
  text-transform:uppercase;
  font-size:1.3em;
  line-height:1em;
}

nav {
  margin:0;
  padding:0;
  width:45%;
  float:right;
}

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

nav li {
  float:left;
  margin-right:5px;
  padding:2px;
  background-color:#777777;
}

nav a:link
{
  color:white;
}

nav a:visited
{
  color:#333333;
}

section {
  width:90%;
  background-color:white;
  margin-right:auto;
  margin-left:auto;
  border-color:black;
  border-style:solid;
  border-width:5px;
  padding:5px;
}

article
{
  background-color:#777777;
  margin-right:auto;
  margin-left:auto;
  margin-top:5px;
  margin-bottom:5px; 
  border-color:black;
  border-style:solid;
  border-width:1px;
  padding:5px;

}

p 	
{
  margin:10px;
}

figure img 
{
  box-shadow:3px 3px 5px 1px #cccccc;
}

figure 
{
  float:left;
  margin: 10px 20px 10px 10px
}

figcaption
{
  margin: 10px 0px 0px 0px
}

footer {
  width:90%;
  background-color:black;
  color:white;
  margin-right:auto;
  margin-left:auto;
  height:35px;
  padding:10px;
  overflow:visible;
  min-height:30px;
  max-height:50px;
}