html,body{
	height      : 100%;
	margin      : 0;
	font-family : Helvetica, Verdana, sans-serif;
	background  : black;
	color       : white;
}

h1{
	color : white;
}
h2{
	font-size : 1.2em;
}
h3{
	margin-bottom : 5px;
	color         : #4fbfa6;
	font-weight   : 200;
	font-size     : 1.2em;
}
h4{
	font-size   : 0.8em;
	margin-top  : 0;
	margin-left : 20px;
}
a{
	text-decoration: underline;
	color:white;
}
a:hover{
	color:#4fbfa6;
	text-decoration: underline;
}
p{
	line-height : 1.3em;
}
.background{
	height                : 35%;
	width                 : 100%;
	background-attachment : fixed;
	background-position   : 50% 70%;
	background-size       : cover;
	background-image      : url(http://interstitiality.net/Randimages2/400x400/d4.png);
}
.profile{
	position       : relative;
	max-width      : 800px;
	margin         : 0 auto;
	padding-bottom : 50px;
	padding-right  : 120px;
	padding-left   : 120px;
	background     : black;
}
.contact{
	color :white;

}

.contact .email{
	text-decoration: none;
}

/* Avatar */

.avatarTextName h1, h3, h4{
    display: inline-block;
    color   : white;
    
}

.avatarTextBullets {
	color:white;
	
}
.avatarContainer{
	margin-bottom : -50px;
	text-align    : center;
}
.avatarContainer .avatar{
	height        : 190px;
	width         : 190px;
	margin-bottom : 10px;
	margin-top    : -95px; /* Half of the width and height of this element*/
	border-radius : 100%;
	border : 2px solid #000000;
}
.research {
	margin-top: -35px;
}
footer{
	padding    : 20px 0px;
	color      : white;
	text-align : center;
	bottom     : 0;
}

footer a {
    color : white;
}

/* Sections side by side */
.profile .thirds{
	display        : inline-block;
	vertical-align : top;
	box-sizing     : border-box;
	width          : 100%;
	padding-left   : 0px;
}
.left{
	
}

}
.about{
	padding-right : 0px; 
	padding-bottom: 20px;
}

/* This will style all info sections */
.infoSection{
	margin-bottom: 0px;
}

.contact .icon{
	height       : 1em;
	margin-right : 0px;
}
.contact {
	margin-top: 10px;
}
.contact a{

}

/* Changes the dot style for the list */
.skills ul{
	margin-left : 0px;
	margin-top  : 0px;
	list-style  : circle;
}

/* Social Icons */
.socialIcons{
	position : absolute;
	top      : 15px;
	right    : 15px;
}
.socialIcons .icon{
	background-color: white;
	display         : inline-block;
	margin-left     : 10px;
	padding         : 10px;
	border-radius   : 100%;
}
.socialIcons .icon:hover{
	background-color: #3aa18a;
}
.socialIcons img{
	height 			: 20px;
	width  			: 20px;
}
.nav {
	position : absolute;
	top             : 15px;
	left            : 0px;
}
.nav ul li { 
	display: inline-block; 
}

.email .icon {
	background-color: white;
	display         : inline-block;
	margin-left     : 10px;
	padding         : 20px;
	border-radius   : 100%;
}
.bandcamp {
	width:49%;
	display: inline-block;

	
}
.amazon {
	float:right;
	width: 49%;
}