/* Stylesheet */

body {
	background-color: #F5F5F5;
}

#container {
	font-family: Helvetica Neue, Helvetica, Arial;
	max-width: 640px;
	margin: 50px auto;
	color: #555;
	overflow: auto;
}

#header img {
	height: 100px;
	width: 100px;
}

#footer {
	margin: 50px auto;
	font-size: 10px;
	text-align: center;
}

h1, h2 {
	font-family: DejaVuSansBold;
	color: #333;
	text-transform: uppercase;
	text-shadow: 0px 0px 1px #333;
}

h3 {
	font-family: DejaVuSansBold;
	color: #333;
	text-shadow: 0px 0px 1px #333;
}

img {
	display: inline-block;
	max-width: 640px;
	margin: 0px auto;
}

#profile img {
	height: 100px;
	width: 100px;
	float: right;
}

#images {
    text-align: center;
}

#images img {
	text-decoration: none;
	padding-bottom: 10px;
}

#images a {
	text-decoration: none;
	border: none;
}

#images img:hover {
	border-bottom: 10px #5DA865 solid;
	padding-bottom: 0px;
}

.side-1 {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	height: 250px; 
}

.side-2 {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	height: 234.5px; 
}

#links a, a:visited, a:active {
	text-decoration: none;
	color: #5DA865;
	border-bottom: 1px #5DA865 dotted;
}

#links a:hover {
	text-decoration: none;
	border-bottom: 1px #5DA865 solid;
}

#study, #travel, #work, #projects, #photography, #resume {
	border: none;
	color: #333;
	text-decoration: none;
}

@font-face {
    font-family: 'DejaVuSansBold';
    src: url('dejavusans-bold.eot');
    src: url('dejavusans-bold.eot') format('embedded-opentype'),
         url('dejavusans-bold.woff') format('woff'),
         url('dejavusans-bold.ttf') format('truetype'),
         url('dejavusans-bold.svg#DejaVuSansBold') format('svg');
}

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}