html {
	color: #ccc;
	font: 16px/1.5 "Source Sans Pro", Helvetica, Sans-Serif;
}
body {
	margin: 0 1em;
	padding: 0 1em;
	text-align: center;
}
hr { /* from: http://css-tricks.com/examples/hrs/ */
	height: 30px;
	border-style: solid;
	border-color: #999;
	border-width: 1px 0 0 0;
	border-radius: 20px;
}
	hr:before {
		display: block;
		content: "";
		height: 30px;
		margin-top: -31px;    
		border-style: solid;
		border-color: #999;
		border-width: 0 0 1px 0;
		border-radius: 20px;
	}
a {
	color: white;
	text-decoration: none;
}
	a:hover {
		border-bottom: solid 1px rgba(255,255,255,0.25);
	}
h1, h2, h3, h4, p {
	margin: 1em auto;
	text-align: left;
	width: 640px;
}
h1, h2, h3, h4 {
	font-family: Gabriela, Serif;
	font-weight: normal;
}
h1 {
	font-size: 2.5em;
	margin-bottom: 0.5em;
}
h2, h3, h4 {
	margin-top: -14px;
}
p {
	font-weight: 200;
}
video {
	border: solid 10px white;
	margin: 0;
	width: 660px;
}
.caption {
	font-size: 80%;
	margin-bottom: 2.5em;
}
header {}
	header p {
		margin: -0.33em auto 2em auto;
	}
footer {
	margin: -0.5em auto 2em auto;
}
	footer p {
		font-size: 0.75em;
	}
/* gallery styles */
section {
	background: white;
	height: auto;
	margin: 2em auto 2.5em auto;
	overflow: hidden;
	padding: 10px;
	width: 660px;
	-webkit-box-shadow: 0 2px 4px black;
	   -moz-box-shadow: 0 2px 4px black;
	        box-shadow: 0 2px 4px black;
}
	section .galleria {
		margin: 0;
		text-align: left;
		width: 660px;
	}