@charset "utf-8";

.unable{filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35;}

.closeup{
		position:relative;
		margin:0 auto 12px; padding:9px;
		width:100%; height:auto;
		background:url('/_assets/img/bg/closeup.png'); border:1px solid #ddd;}

#profileBlock{
		position:relative;
		margin:0 auto !important; padding:54px 12px 12px !important;
		width:100% !important; height:auto;
		background:#fff; border:1px solid #ddd;}

	#toList{position:absolute; top:12px; right:12px;}
	#toList a{margin:0 0 0 3px; padding:0 0.5em; border-radius:2px;}
	#toList a:nth-last-of-type(1){margin-right:0;}
	#toList a:hover{filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}


	#toList span{
		margin-right:0.3em;
		vertical-align:-2px;
		font-size:13px;}

	#date{position:absolute; top:12px; left:12px;}
	#date i{
		display:inline-block; text-align:right; margin-left:0.5em; padding:3px 7px 2px;
		background:#f5f5f5; border-radius:2px;}

#profileHead{
		position:relative;
		margin-bottom:18px; padding:3px 0 0 150px;
		width:100%; height:auto; min-height:122px;}

	#profileHead:after{content:url(/_assets/img/space.gif); display:block; clear:both; height:0;}

	#profileHead h2{margin:0 9px 16px;}

	#profileHead .photo{
		position:absolute; top:0; left:16px;
		width:118px; height:118px; overflow:hidden;
		padding:9px 9px !important; margin:0 !important;
		background:#F2F2F2; border-radius:2px;}

	#profileHead .photo img{width:100px; height:100px; border-radius:2px;}

	#profileHead #profileList{
		width:auto; max-width:100%; height:auto;
		padding:0 9px;
		border-bottom:1px dotted #3B4754;}

	#profileHead #profileList li{
		float:left;
		display:inline-block;
		margin:0 16px 12px 0;}

	#profileHead #profileList li:nth-of-type(5){width:100%;}
	#profileHead #profileList:after{content:url(/_assets/img/space.gif); display:block; clear:both; height:0;}


.profileContent{
		margin-bottom:20px; padding:0 16px 16px;
		line-height:1.7;
		border-bottom:1px dotted #3B4754;}

	.profileContent:nth-last-of-type(1){margin-bottom:0; border-bottom:none;}

	.profileContent strong{
		display:inline-block;
		margin:0 0 12px -4px; padding:2px 8px 0;
		border-radius:2px;}

	#url img{display:block; margin:0 auto 8px;}


	#contactList ul{padding-top:8px;}
	#contactList li{
		display:inline-block;
		margin:0 0.5%; padding:0;
		width:32%; height:48px;
		text-align:center;}

	#contactList li:last-child{margin-right:0;}

	#contactList li a,
	#contactList li span{margin:0; padding:0; color:#fff; line-height:48px; border-radius:2px;}

	#contactList li:nth-of-type(1) a,
	#contactList li:nth-of-type(1) span{background:#00aced;}

	#contactList li:nth-of-type(2) a,
	#contactList li:nth-of-type(2) span{background:#3c5b99;}

	#contactList li:nth-of-type(3) a,
	#contactList li:nth-of-type(3) span{ background:#a6a9ac;}

	#contactList li a,
	#contactList li span{display:block; width:100%; height:100%;}

	#contactList li img{margin-top:-6px;}


#playListArea{background:#fff; padding:0 0 7px; margin-bottom:12px;}

	#playListTitle{
		width:100%; height:36px;
		margin-bottom:9px; padding-top:10px;
		text-align:center;}

	#playListTitle span{border-bottom:1px dotted #fff;}

	.toPlayList{
		display:block;
		position:relative;
		width:100%; height:73px; overflow:hidden;
		margin:0 0 8px; padding:8px 9px 0 88px;
		border-bottom:1px dotted #3B4754;}

	.toPlayList:hover{filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}

	.toPlayList img:nth-of-type(1){
		position:absolute; top:0; left:9px;
		border:8px solid #f5f5f5; border-radius:2px;}

	.toPlayList img:nth-of-type(2){display:block; margin-bottom:5px; border-radius:2px;}
	.toPlayList img:nth-of-type(3){position:absolute; top:0; right:9px; border-radius:2px;}

	.toPlayList p{
		display:inline-block;
		border-bottom:1px solid #3f8cd8;}

	.toPlayList p span{font-family:Helvetica; font-size:12px; margin-right:5px;}
	#GPM.toPlayList p{letter-spacing:-1px;}
	.toPlayList:last-child{height:65px; margin-bottom:0; border:none;}

