html	{
		
		background-color: #555;
		padding: 30px;
		
}


body	{
		background-color: pink;
		height: auto;
		padding: 20px;
		margin: 10px;
		
}



header	{
		float: left;
		background-color: green;
		padding: 25px 10px;
		width: 95%;
		height: 100px;
		margin: 10px;
		
}

 h1		 {
		
		background-color: #555;
		text-align: center;
		font-size: 30px;
		color: blue;
		width: 95%;
		overflow: hidden;
		height: 20px;
		padding: 10px 10px;
		margin: 10px;
 }
 ul 	{
		list-style-type: none;
		margin: 10px;
		padding: 5px 10px;
		overflow: hidden;
		background-color: #555;
		height: 20px;
  
}

li {
		float: right;
}

li a {
		display: inline-block;
		color: white;
		text-align: center;
		padding: 5px 5px;
		text-decoration: none;
	}

li a:hover  {
  background-color: #111;
}

.active 	{
  background-color: red;
}

nav		 {
  float: left;
  width: 40%;
  height: 200px; /* only for demonstration, should be removed */
  background: #ccc;
  padding: 20px;
}


article {
		float: left;
		padding: 20px;
		width: 50%;
		background-color: #f1f1f1;
		height: 200px; /* only for demonstration, should be removed */
		
}

section:after {
		content: "";
		display: table;
		clear: both;
}


footer	{
		background-color: #777;
		padding: 10px;
		text-align: center;
		color: white;
}