@charset "UTF-8";
/* CSS Document */

body{
	background:url(../images/bkgd.png?v=2) repeat;
	color:#666666;
	font-weight:300;
	font-size: .8em;
}

.comingSoon{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 460px;
   height: 195px;
   margin-top: -97px; /* Half the height */
   margin-left: -230px; /* Half the width */
}

.header, .nav{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top: 45px;
	margin-bottom: 0px;
}

.header{
	max-width: 460px;
}

.nav, .nav a{
	width:390px;
	margin-top:20px;
	padding: 0 15px 0px 15px;
	text-decoration:none;
	font-weight: 100;
	font-size: 1.23em;
}

.nav a:hover{
	color:#000;
	background-color:transparent;
}

.nav ul, .nav li{
	display:inline;
}

a{
	font-weight:700;
	color:#666666;
	text-decoration:none;
}

#about-me .about a, #about-me .about a:hover{
	color:#31a6b2;
	background-color:transparent;
	cursor:default;
}

a:hover{
	background-color:#f8e337;
	color:#333;
}

.main-content{
	width: 750px;
	display:block;
	margin-left: auto;
	margin-right:auto;
	margin-top:75px;
}

.blurb{
	position:relative;
	max-width: 500px;
	float:right;
	border-left: 1px solid #DFDFDF;
	padding-left: 35px;
	margin-right: -60px;
	height:238px;
}

.portrait{
	border-right:1px solid #FFFFFF;
	padding-right: 35px;
	position:absolute;
}

@media screen and (max-width:480px){
	
	body{
		width:480px;
	}
	
	.header {
    	max-width:300px;
	}
	
	.main-content{
		width: 400px;
		margin-top: 25px;
	}
	
	.blurb{
		border-left:none;
		width: 340px;
		padding-left: 0px;
		margin-right: 0px;
		float:none;
		top:15px;
	}
	
	.portrait{
		border-right:none;
		padding-right: 0px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:238px;
		position:relative;
	}
}