html, body {
	min-height: 100%;
}

body {
	font-family: sans-serif;
	margin: 0;
	background: #c9c9c9 url(bgstripe.png);
}

article, header, section, nav, footer {
	display: block;
}

article {
	margin: 5em auto;
	width: 750px;
	padding: 1em;
}

header {
	float: right;
	width: 50%;
	text-align: center;
}
header h1 {
	font-size: 2em;
}

section {
	width: 50%;
	margin-bottom: .5em;
	padding: .5em;
	border-left: .3em solid #dec;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
}

section:hover {
	transform:  scale(1.2);
  -moz-transform:  scale(1.2);
  -webkit-transform:  scale(1.2);
  -o-transform:  scale(1.2);
	background: rgba(255,255,255,0.5);
}
section h2 {
	font-size: 1.5em;
	margin: 0;
}
section h2 a {
	color: #800;
	text-decoration: none;
}
section h2 a:hover {
	text-decoration: underline;
}
section p {
	margin: 0;
	padding: .5em 0;
}

footer {
	clear: both;
	text-align: center;
	margin: 2em 0;
	font-size: 0.8em;
	color: #666;
}