/*--- [Table of Contents] ------------------------------------------------------

1. Bios.........................: #bios
	1.1 Person...................: .person
2. Detail.......................: #detail

------------------------------------------------------------------------------*/


/*--- [1. Bios] --------------------------------------------------------------*/
#bios { 
	width: 660px;
	margin: 20px 0 0 250px;
	padding: 5px;
}

/*--- [1.1 Person] -----------------------------------------------------------*/
	div.person { 
		display: inline;
		position: relative;
	}

		div.person img { 
			width:  50px; 
			height: 50px; 
			padding: 3px; 
			border: 2px solid black; 
		}

		div.person span, p { display: none; }
		
		div.person em
		{						
			width: 104px;
			height: 40px;
			
			position: absolute;			
			top: -105px;
			left: -25px;			
			padding: 10px 4px 5px;
			
			color: white;
			
			font-size: 9pt;
			font-weight: bold;
			font-style: normal;
			text-align: center;
						
			z-index: 2;
			display: none;
		}


/*--- [2. Detail] ------------------------------------------------------------*/
#detail {
	width: 800px;
	margin-left: 200px;  
}

	#detail h1 {
		 text-align: left;
		 font-weight: bold;
		 color: orange;
	}

	#detail img {
		width: 256px; 
		height: 256px;
		margin: 0 0 0 10px;				  	
		float: right;
		border: 5px solid #222;
	}

	#detail div {
		width: 480px;
		height: 330px;
		padding: 15px;

		line-height: 1.5em;
		letter-spacing: 1.2;
	
		background-color: #333;	
		color: #999;
		border: 5px solid #222;
	}