body {
	font: 100% "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif; 
	background-color: black;
	color: #dadaff;
	text-align: left;
}


/* Container(s)
--------------------------------------------------------------------*/

.container {
	width: 90%;
	max-width: 875px;
	margin: auto;
	margin-top: 90px;
	margin-bottom: 80px;
	padding-right: 5%;
}

.container-popup {
	width: 300px;
	height: 555px;
	margin: auto;
}

/* end of Container(s)
--------------------------------------------------------------------*/


/* Header and Footer
--------------------------------------------------------------------*/

.header {
	position: relative; 
	float: right;
	width: 63%;
	top: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom: 10px dotted #666;
}

.headerimg {
	position: relative; 
	left: -3%;
	width: 90%; 
	height: 30%; 
	max-width: 450px; 
	max-height: 225px; 
	padding-bottom: 60px;
}

.footer {
	position: relative; 
	float: right;
	width: 63%;
	top: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
}

/* end of Header and Footer
--------------------------------------------------------------------*/


/* Projects
--------------------------------------------------------------------*/

.projects {
	float: left; 	
	width: 100%;
	padding-top: 50px;
}

.title {
	float: left; 
	width: 35%;
	text-align: right;
	padding-top: 90px;
}

.subtitle {
	float: right;
	width: 63%;
	text-align: left;
	padding-bottom: 50px;
	border-bottom: 10px dotted #666;
}

h1 {
	font-size: 250%;
	margin-top: -20px;
	padding-bottom: 20px;
}

h3 {
	font-size: 130%;
}

h6 {
	font-size: 60%;
}

.gettheapp {
	font-size: 80%;
	margin-bottom: 30px;
}

a {
	color: #ee2222;
	text-decoration: none;
	}

a.thumbs {
	display: inline-block;
	border: 1px solid #ee2222;
	}

/* end of Project
--------------------------------------------------------------------*/