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

#profileImage{
	width:150px;
	padding:0px 20px 15px 0px;
	float:left;
}

#profileImage img{
	width:100%
}

#biography{
	font-size: 87.5%;
	line-height: 1.7em;
	padding: 0px 0px 12px 0px;
	float: left;
	
}

h2 {
	font-weight:normal;
	font-size: 130%;
	padding-bottom: 3px;
}

h3 {
	font-weight:normal;
	font-size: 110%;
	padding-bottom: 10px;
}

#biography dl{
	margin-bottom:5px;
}

#biography dt{
	width:3.5em;
	float:left;
}

#biography dd{
	margin-left:4em;
}

#textArea{
	font-size: 87.5%;
	line-height: 1.7em;
	padding: 0px 0px 30px 0px;
	clear:both;
}

.profile {
	margin-bottom: 20px;
}

.year {
	margin-bottom: 5px;
}

#textArea ul {
	margin-bottom: 25px;
}

#textArea ul li{
	background: url(../images/List/list.png) no-repeat left 0.7em;
	padding-left: 1em;	
}

@media screen and (max-width: 600px) {
	#profileImage{
		text-align:center;
		padding:20px 0px 0px 0px;
		width:100%;
		float:none;
	}
	#profileImage img{
	width:150px;
	}

	#biography{
	float:none;
	font-size: 80%;
	padding: 10px 12px 0px 12px;
	}
	
	#textArea{
	float:none;
	font-size: 80%;
	padding: 10px 12px 15px 12px;
	}
	
	h2, h3{
		text-align:center;
	}
	
	h3{
		padding-bottom:15px;
	}

	.profile {
		width: 100%;
	}

}