body 
{
	background-color: #303030;
	background-image: url("/images/bg_pattern.png");
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	color: #bfbdb7;
}

@font-face {
    font-family: BebasNeue;
    src: url(BebasNeue.otf);
}

img.spaced {
	display:block;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
	
}

img.logo {
	display:block;
	margin-left: 0px;
	border-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

img.social {
	display:block;
	margin-right: 0px;
	border-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

img.resumelink {
	display:block;
	margin-left: 0px;
	border-style: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a {
	/*font-variant: small-caps;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: right;
	color: #DE6620;
	text-decoration: none;
}

a.imagelink {
	display:block;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	width:1000px;
}


a:hover {
	text-decoration: underline;
	color: #DE6620;
}

ul {
    list-style-type: none;
}

ul.2 {
	overflow: hidden;
}

.pdfdl{
	/*width: 25%;*/
	height: 100%;
	position: relative;
	transform: translateY(10%);
	float: right;
}

.toplinkfacebook {
	display: inline-block;
	width: 32px;
	height: 64px;
	background:url(images/facebook.png) no-repeat 0 0;
}

.toplinkfacebook:hover {
	background-position: 0 -64px;
}

.toplinkartstation{
	display: inline-block;
	width: 32px;
	height: 64px;
	background:url(images/artstation.png) no-repeat 0 0;
}

.toplinkartstation:hover {
	background-position: 0 -64px;
}

.toplinktwitter {
	display: inline-block;
	width: 32px;
	height: 64px;
	background:url(images/twitter.png) no-repeat 0 0;
}

.toplinktwitter:hover {
	background-position: 0 -64px;
}

.toplinklinkedin {
	display: inline-block;
	width: 32px;
	height: 64px;
	background:url(images/linkedin.png) no-repeat 0 0;
}

.toplinklinkedin:hover {
	background-position: 0 -64px;
}

.toplinkportfolio {
	display: inline-block;
	width: 128px;
	height: 64px;
	background:url(images/button_portfolio.png) no-repeat 0 0;
}

.toplinkportfolio:hover {
	background-position: 0 -64px;
}

.toplinkresume {
	display: inline-block;
	width: 128px;
	height: 64px;
	background:url(images/button_resume.png) no-repeat 0 0;
}

.toplinkresume:hover {
	background-position: 0 -64px;
}

.toplinkemail {
	display: inline-block;
	width: 128px;
	height: 64px;
	background:url(images/button_email.png) no-repeat 0 0;
}

.toplinkemail:hover {
	background-position: 0 -64px;
}

p {
	display: block;
	text-align: left;
	color: #bfbdb7;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	/*text-indent: 20px;*/
}

.labels {
	font-size: 30px;
	font-family: BebasNeue;
	text-shadow: 3px 5px 10px rgba(0,0,0, 0.5);
}

.sublabels {
	font-variant: small-caps;
	font-size: 25px;
	font-family: BebasNeue;
	text-shadow: 3px 5px 5px rgba(0,0,0, 0.25);
}

#heading {
	width: 1000px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	/*border-bottom:1px solid #556270;*/
	padding-top:75px;
	padding-bottom:3px;
	padding-left: 10px;
	padding-right: 10px;
}

#content {
	width: 1000px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#content2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.dark {
	background-color: #252525;
	box-shadow: 2px 2px 2px rgba(0,0,0, 0.5);
	padding-top: 15px;
    padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#frontpage {
	text-align: center;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
	
#footer {
	width: 1000px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	/*border-top:1px solid #556270;*/
	padding-top:3px;
	padding-bottom:75px;
	padding-left: 10px;
	padding-right: 10px;
}

#left {
	float:left;
    /*width: 50%;*/
}

#right {
	text-align:right;
	float:right;
	/*width:65%;*/
}

article {
	width:1000px;
	height:600px;
}