@import url(http://fonts.googleapis.com/css?family=Signika+Negative:300,400);

body {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	background: #171717 url(bg.png);
	-webkit-font-smoothing: antialiased;
}

div#avatar {
	width: 136px;
	height: 136px;
	background: url(avatar.png) no-repeat;
	margin: 110px auto 55px auto;
}

h1 {
	font-size: 24px;
	line-height: 1;
	color: #6f6f6f;
	margin: 0px 0px 120px 0px;
	padding: 0px;
	font-family: 'Signika Negative', sans-serif;
	font-weight: 300;
	text-align: center;
}

	h1 strong {
		color: #fff;
		font-weight: 400;
	}
	
h2 {
	font-size: 14px;
	color: #595858;
	line-height: 1;
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	font-family: 'Signika Negative', sans-serif;
	text-align: center;
	background: url(spacer.png) no-repeat center 6px;
}

ul.elsewhere {
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style: none;
	width: 161px;
}

	ul.elsewhere:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
	}

	ul.elsewhere li {
		width: 25px;
		height: 25px;
		float: left;
		margin: 18px 9px 0px 0px;
		padding: 0px;
	}
	
		ul.elsewhere li:last-child {
			margin-right: 0px;
		}
	
		ul.elsewhere li a {
			display: block;
			height: 25px;
			width: 25px;
			opacity: 0.2;
			-webkit-transition: background 0.1s ease-in;
			-moz-transition: background 0.1s ease-in;
			transition: background 0.1s ease-in;
		}
		
			ul.elsewhere li a:hover {
				opacity: 1;
			}
		
			ul.elsewhere li a span {
				display: none;
			}
			
				ul.elsewhere li.twitter a {
					background: url(icon-twitter.png) no-repeat;
				}
				
				ul.elsewhere li.facebook a {
					background: url(icon-facebook.png) no-repeat;
				}
				
				ul.elsewhere li.dribbble a {
					background: url(icon-dribbble.png) no-repeat;
				}
				
				ul.elsewhere li.linkedin a {
					background: url(icon-linkedin.png) no-repeat;
				}
				
				ul.elsewhere li.flickr a {
					background: url(icon-flickr.png) no-repeat;
				}
				
					ul.elsewhere li.twitter a:hover {
						background: url(icon-twitter-hover.png) no-repeat;
					}
				
					ul.elsewhere li.facebook a:hover {
						background: url(icon-facebook-hover.png) no-repeat;
					}
				
					ul.elsewhere li.dribbble a:hover {
						background: url(icon-dribbble-hover.png) no-repeat;
					}
				
					ul.elsewhere li.linkedin a:hover {
						background: url(icon-linkedin-hover.png) no-repeat;
					}
				
					ul.elsewhere li.flickr a:hover {
						background: url(icon-flickr-hover.png) no-repeat;
					}
					
div.loader {
	display: none;
}