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

@media screen and (min-width:480px){
	


	
	
}


@media screen and (min-width:660px){
	
/**************************************************************
Header 
**************************************************************/
nav{background:none;
	float:right;
	margin-right:5%;
	font-size:1.125em;
	text-align:right;
	width:60%;
	
}

#logo{
	text-align: left;
	float: left;
	margin-left:5%;
	width:30%;	
}

header{
	border-top: 20px solid #bbb;
	margin-bottom: 60px;
}


/**************************************************************
two column layout 
**************************************************************/	
#primary{
	width: 60%;
	float: left;
}
	
#secondary{
	width: 30%;
	float: right;
	
}	



footer{
	text-align: right;
}


/**************************************************************
Page : Gallery
**************************************************************/	
#gallery li{
	width: 28.3333%;
}

#gallery li:nth-child(4*n){
	clear:left;

}

/**************************************************************
Page : Gallery - Individual
**************************************************************/	

#gallery_ind li{
	float: left;
	width: 45%;
	margin: 2.5%;
	background: #f5f5f5;
	color: #bdc3c7;
}

#gallery_main_image li{
	float: left;
	width: 70%;
	margin: 10px 9%;
	background: #f5f5f5;
	color: #bdc3c7;
}




/**************************************************************
PAGE ---   Biography
**************************************************************/
#cv_primary{
	width: 30%;
	float: left;
	margin: 0 0 0 5%
}
	
#cv_secondary{
	width: 55%;
	float: right;
	margin: 0 0 0 10%
	
}