/**
 * General styling for joelcox.nl
 */
*{
	padding: 0px;
	margin: 0px;
}

body{
	color: #fff;
	background: #0d3454 url('../images/bg-tile.png') fixed;
	-webkit-font-smoothing: antialiased;
	font-family: "Proxima Nova", sans-serif;
	text-shadow: 0px 2px 4px #000033;    	
}

#wrapper{
	width: 800px;
	margin: 40px auto 0px;
	padding: 20px;
}

h1{
	overflow: hidden;
	text-transform: uppercase;
	font-size: 140px;
}

h1#subheading{
	margin-top: -20px;
	text-transform: uppercase;
	font-size: 52px;
	font-weight: 400;
}

p{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6em;
	margin-bottom: 20px;
	text-shadow: 0px 2px 2px #000033;
}

header{
	text-align: center;
	margin-bottom: 20px;
}

aside{
	float: right;
	width: 400px;
	margin-left: 20px;
}

section{
	margin-top: 50px;
}

section a{
	display: inline-block;
	padding: 0px 6px;
	text-decoration: none;
	font-weight: normal;
	background: #fff;
	color: #0d3454;
	text-shadow: none;	
}

footer p{
	margin-top: 60px;
	text-align: right;
	font-style: italic;
	font-weight: 300;
	font-size: 14px;
}

ul{
	font-size: 18px;
}

.bio-buttons{
	text-align: center;
	margin-bottom: 20px;
}

.bio-buttons a{
	font-size: 22px;
	font-style: italic;
	font-weight: bold;	
	color: #0d3454;
	padding: 24px 0px;
	width: 400px;
	text-decoration: none;
}

#send-email{
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

#send-email #email-button{
	margin-top: 10px;
	font-weight: bold;
	padding: 36px;
	font-size: 52px;
}

::selection{
	background: #fff;
}

a:hover{
	background: #0d3454;
	color: #fff;	
}