/*
*	Mediamass page
*/

#MMBody {margin-top:14px; }

	#MMBody p {margin: 1.5em 0; }
	#MMBody p.first:first-line {font-weight:bold; }
	#MMBody p.last{margin: 3em 0; }
	#MMBody p.bold{
		font-weight: bold;
		margin: 2em 0 1.5em 0; }
	#MMBody p.warning{
		overflow:hidden;
		color: red;
		padding: 8px 16px 6px;
		margin: 20px 0;
		background: #F8F9FB;
		border-left: 1px solid #E4E6E9; }
		#MMBody p.warning a {
			color:#036;
			border-bottom: 1px dotted #747B83; }
		#MMBody p.warning a:hover {
			color: #129AF0;
			text-decoration:none; }
	#MMBody p.read{
		overflow:hidden;
		padding: 8px 16px 6px;
		margin: 20px 0;
		background: #F8F9FB;
		border-left: 1px solid #E4E6E9;
		font-weight: bold; }
		#MMBody p.read a {
			color:#036;
			border-bottom: 1px dotted #747B83; }
		#MMBody p.read a:hover {
			color: #129AF0;
			text-decoration:none; }

	#MMBody .quote { font-style:italic; }
	#MMBody .quote:before { content: '«'; padding: 0 0.2em 0 0; }
	#MMBody .quote:after { content: '»'; padding: 0 0 0 0.2em; }
	#MMBody .quoteen:before { content: '“'; }
	#MMBody .quoteen:after { content: '”'; margin: 0 0.2em 0 0; }
			
	#MMBody ul { margin:10px; padding:0; }
		#MMBody li { margin:0 20px; padding:0; }
	#MMBody ol.ranking {
		overflow:hidden;
		margin:10px; padding:0 0 0 2em; }
		#MMBody ol.ranking li { margin:0; padding:0.2em; }
		#MMBody ol.ranking a { color:#036; }

#MMWarning{
	padding: 5px;
	margin: 0 0 30px 0;
	border:1px solid red;
	background-color: #fee;
	text-align:center;
	color:red;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#MMMain{}

#MMMain p {
	clear: both;
	overflow: hidden;
	margin:0 0 1em 0;
	padding:0; }

/* Sizes */
	
.s600x300 { width: 600px; height: 300px;}
.s600x200 { width: 600px; height: 200px;}
.s300x300 { width: 300px; height: 300px;}
.s200x200 { width: 200px; height: 200px;}

/*
*	Quick Facts
*/
#MMQuickFacts {
	float: left;
	width: 260px;
	overflow: hidden;
	margin: 0;
	padding: 0;	}
	#MMQuickFacts h3 {
		margin:0 0 5px 0;
		padding:0;
		font: italic 24px/25px Georgia;
		padding: 0 0 4px 0; }
	#MMQuickFacts h3:lang(cn) {
		font-style: normal;
		font-weight: bold; }
	#MMQuickFacts ul {
		list-style: none;
		margin-bottom: 1em; }
	#MMQuickFacts li{
		color: #333;
		margin:0 5px 0 15px;
		padding-bottom: 3px; }
		#MMQuickFacts li>ul{
			margin:0 0 0 1.5em;
			padding:0;}
		#MMQuickFacts li>ul>li{
			margin:0;
			padding:0;}
	#MMQuickFacts li b {
		color: #FF0060;
		font-size: 0.8em;
		font-weight: bold;
		text-transform: uppercase; }
	#MMQuickFacts p {}
	#MMQuickFacts .comment {
		font-size: 0.9em;
		color: #bbb; }
	#MMQuickFacts .intro {}
	#MMQuickFacts .intro a { font-style:italic; }
	#MMQuickFacts .intro a.quote:before {
		content: '«';
		padding: 0 0.2em 0 0; }
	#MMQuickFacts .intro a.quote:after {
		content: '»';
		padding: 0 0 0 0.2em; }

	#MMBody .celebrityList{
		padding:0; margin:0 0 1.5em 0; }
	#MMBody .celebrityList li {
		padding:5px; margin:0;
		clear: both; overflow:hidden;
		background-color:#fff; }
	#MMBody .celebrityList img {
		max-width:50px;
		max-height:50px;
		float:left; margin:0 10px 0 0;}
		#MMBody .celebrityList img.m {
			border:3px solid #99d5ff; }
		#MMBody .celebrityList img.f {
			border:3px solid #ffb6d0; }
	#MMBody .celebrityList .sub {
		line-height:1em;
		font-style: italic;
		font-size:0.9em; }
	#MMBody .celebrityList .date {
		line-height:1em;
		font-style: italic;
		font-size:0.8em;
		color: #898989; }

/*
*	Bio Slides
*/
#MMItems {
	float:left;
	clear:both;
	margin:10px 0;
	}

#MMItems .itemLists {}
	
#MMItems .itemListSection {
	margin:0px 20px 30px 0; padding:0;
	float:left;
	}
	#MMItems .itemListSection h3 {
		margin:0 0 20px 0;
		padding:0;
		font: italic 24px/25px Georgia;
		}
	#MMItems .itemListSection .bx-wrapper {
		margin:0; padding:0;
		}
	#MMItems .itemListSection .bx-wrapper .bx-viewport {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		left: 0;
		background: none;
		}
	#MMItems .itemListSection .bx-prev {
		position:absolute;
		top:50px;
		left:-15px;
		}
	#MMItems .itemListSection .bx-next {
		position:absolute;
		top:50px;
		right:-15px;
		}
	#MMItems .itemListSection .itemList {
		margin:0; padding:0;
		}
	#MMItems .itemListSection .itemList li {
		width:100px;
		margin:0 10px 0 0; padding:0;
		height:auto;
		text-align:center;
		}
	#MMItems .itemListSection .itemList .image img {
		display:inline;
		-moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
		box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
		margin-bottom:8px;
		}
	#MMItems .itemListSection .itemList .name { font-size:1em; }
	#MMItems .itemListSection .itemList .date { color: #999; font-size: 0.8em; }
	#MMItems .itemListSection .itemList .info { color: #333; font-size: 0.9em; }


#MMEntriesSlide {
	clear:both;
	padding: 1em 0; }
	#MMEntriesSlide h3 {
		margin:1em 0;
		color:#333;
		font: italic 24px/25px Georgia; }
	#MMEntriesSlide .info {
		padding:3px;
		text-align:center;
		color: #898989;
		font-size: 0.7em;
		font-weight: bold;
		font-family: 'trebuchet ms',arial,sans-serif;
		text-transform: uppercase; }
	#MMEntriesSlide .info a {
		color: #FF0060;}

	
/*
*	Headlines
*/
#MMHeadlines{
	clear:both;
	margin: 4em 0; }
	#MMHeadlines ul {
		list-style: none; }
	#MMHeadlines li {
		margin:0 0 15px 0;
		padding:0 0 15px 0;
		border-bottom: 1px dotted #999; }
	#MMHeadlines li:last-child {
		border-bottom: none; }

#MMHeadlinesShort{
	clear:both;
	width:400px;
	margin: 3em 0; }
	#MMHeadlinesShort h3 {
		color:#333;
		font: italic 24px/25px Georgia; }
	#MMHeadlinesShort h3:lang(cn) {
		font-family: inherit;
		font-size:1.2em;
		font-style: normal; }
	#MMHeadlinesShort ul {
		list-style: none; }
	#MMHeadlinesShort li {
		margin:0 0 5px 20px;
		padding:0 0 5px 0;
		border-bottom: 1px dotted #999; }
	#MMHeadlinesShort li:last-child {
		border-bottom: none; }

/*
*	Celebrity
*/
#MMCelebrityPhoto {
	float: left;
	width: 302px; height: 302px;
	margin: 0 30px 30px 0;
	overflow: hidden;
	background-color: #eee;
	text-align: center; }
	#MMCelebrityPhoto  img{
		position: relative; left:0; top:0;
		max-width: 300px;
		max-height: 300px;
		border: 1px solid black; }
	#MMCelebrityPhoto .bg {
		position: relative; left:1; top:-60px;
		width: 100%; height: 60px;
		background-color: #000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; }
	#MMCelebrityPhoto .txt {
		position: relative; left:1; top:-120px;
		width: 100%; height: 60px; padding: 0;
		color: #fff; }
	#MMCelebrityPhoto .name { font-size: 18pt; padding-top: 7px; }
	#MMCelebrityPhoto .date { font-size: 12pt; padding-top: 5px; }


#MMCelebrityThPhoto {}
	#MMCelebrityThPhoto  img{
		width:200px;
		padding: 2px;
		border: 1px solid #ccc;
		box-shadow: 8px 8px 0px #aaa; }
	#MMCelebrityThPhoto p {
		text-align: right;
		font-size: 0.9em;
		color:#333; }

	.MMright {
		float: right;
		margin: 0 0 20px 40px;
	}

#MMinfoBox {
	float:left;
	width:250px;
	padding:0 20px 20px 0;
	margin: 0;
	background-color:#fff; }
	
	#MMphotoBox  .photo {
		width:240px; height:240px;
		background-color: #eee;
		text-align: center;}
	#MMphotoBox  .text {
		margin: 20px;
		padding: 0;
		overflow: hidden;
		color: #333;
		font-size:0.85em;
		font-weight:bold;
		text-align:left; }
	#MMphotoBox  .natural {
		max-width:100%;
		max-height:100%; }
		
	#MMinfoBox  h3 {
		margin-top:0;
		color:#333;
		font: italic 24px/25px Georgia; }
	#MMinfoBox ul {
		margin: 0; padding: 0;
		list-style: none;
		border-bottom: 1px dotted #CBC2C6; }
		#MMinfoBox  li {
			margin:0; padding:5px 10px;
			background-color: #FFF;
			border-top: 1px dotted #CBC2C6; }
		#MMinfoBox li:nth-child(odd) {
			background-color: #FEF3F8; }
	
#MMcelebBox {
	width:240px; height: 48px;
	background: url(/jdd/public/images/mediamass/2012/bg_celebtout.png) repeat-x;
	border: 1px solid #F6F6F6;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 2px 1px 0px #A6A6A6;
	box-shadow: 1px 2px 1px 0px #A6A6A6; }
	#MMcelebBox .image {
		float: left;
		width: 42px;
		padding: 4px 0 6px 4px; }
	#MMcelebBox .text {
		float: left;
		width: 230px;
		padding: 8px 0 0 8px;
		font: normal 13px arial,sans-serif; }
	#MMcelebBox .name {
		color:#ee0055;
		font-weight: bold;
		text-transform: uppercase; }
	#MMcelebBox .name a {
		display: inline;
		color: black; }
	#MMcelebBox .links {
		display: block; }
	

#MMRelationships { margin:2em 0; }

#MMFacebook {
	width: 100%;
	margin:30px 0;
	clear: both; }

/*
*	Members
*/
#MMMembers {
	margin: 0;
	padding: 0 0 10px 20px;
	overflow: hidden; }
	#MMMembers li {
		margin: 0;
		padding: 0;
		list-style-position:inside;
		list-style-type:disc;}

/*
*	Entry
*/
#MMEntryInfoBox {
	float:left;
	width:302px;
	padding:0 30px 30px 0;
	margin: 0;
	background-color:#fff;
	overflow:hidden; }
	#MMEntryInfoBox  ul{
		margin: 0; padding: 0;
		list-style: none ; }
	#MMEntryInfoBox  li {
		margin: 0; padding:10px;
		border-top: 1px dotted #CBC2C6; }
	#MMEntryInfoBox li:nth-child(odd) {
		background-color: #FEF3F8; }
	#MMEntryInfoBox h3 {
		margin-top:0;
		color:#333;
		font: italic 24px/25px Georgia; }
	#MMEntryInfoBox h3:lang(cn) {
		font-family: inherit;
		font-size:1.2em;
		font-style: normal; }
		
/*
*	Country
*/
#MMCountryPhoto {
	float: left;
	width: 256px; height: 192px;
	margin: 0 30px 30px 0; }
	#MMCountryPhoto  img{
	-moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7); }
	
#MMcountryBox {
	width:240px; height: 48px;
	background: url(/jdd/public/images/mediamass/2012/bg_celebtout.png) repeat-x;
	border: 1px solid #F6F6F6;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 2px 1px 0px #A6A6A6;
	box-shadow: 1px 2px 1px 0px #A6A6A6; }
	#MMcountryBox .image {
		float: left;
		width: 64px;
		padding: 2px 0 0 0; }
	#MMcountryBox .text {
		float: left;
		width: 170px;
		padding: 8px 0 0 0;
		font: normal 13px arial,sans-serif; }
	#MMcountryBox .name {
		color:#ee0055;
		font-weight: bold;
		width: 170px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: uppercase; }
	#MMcountryBox .name a {
		display: inline;
		color: black; }
	#MMcountryBox .links {
		display: block; }
		
		
/*
*	List
*/
#MMList ul {
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden; }
	#MMList  li {
		float: left;
		width: 200px;
		list-style: none; }
	#MMList  .cn li {
		width: 300px; }
	#MMList a:hover {
		color:#ff8400; }
	#MMList .comment {
		font-size:0.9em;
		color:#bbb; }

/*
*	Letters
*/
#MMLetters ul {
	margin: 20px 0;
	padding: 0;
	clear: both;
	overflow:hidden; }
	#MMLetters  li {
		list-style: none;
		margin: 0; padding: 0;
		border: none; }
	#MMLetters  a {
		float: left;
		width: 15px;
		padding:3px 5px;
		margin: 0 7px 7px 0;
		text-align: center;
		color:#999;
		text-decoration: none;
		background-color:#fff;
		border: 1px #ccc solid; }
	#MMLetters a:hover {
		background-color: #FF8800;
		color: #000; }
	#MMLetters .current {
		background-color: #87d0f0;
		font-weight: bold;
		border: 1px #888 solid;
		padding:3px 5px;
		margin: 0 7px 7px 0;
		text-align: center;
		float: left;
		width: 15px; }


/* =============================================================================
   Mobile
   ========================================================================== */

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	#MMQuickFacts {
		float: none;
		clear:both;
		width: auto; }
		#MMQuickFacts h3 {
			margin: 0.8em 0;
			padding:0; }
		#MMQuickFacts ul {
			margin-bottom: 0; }

	#MMHeadlines{
		clear:both;
		width:100%; }
		#MMHeadlines ul {
			margin:0;
			padding:0;}
	#MMHeadlinesShort{
		clear:both;
		width:100%; }
		#MMHeadlinesShort ul {}
		#MMHeadlinesShort li {
			margin:0 0 5px 0;
			padding:0 0 5px 0; }

	#MMCelebrityPhoto {
		float: none;
		max-width:300px;
		width: 100%;
		margin: 0 0 20px 0; }
		#MMCelebrityPhoto  img{
			width: 99%;
			height: auto;
			border: 1px solid black; }
		#MMCelebrityPhoto .bg {
			position: relative;
			top:-65px;
			left:1px;
			width: 99%;
			height: 60px; }
		#MMCelebrityPhoto .txt {
			top:-121px; }

	#MMinfoBox {
		float:none;
		width:auto;
		padding:0;
		margin: 0 0 2em 0; }
		#MMphotoBox  .text {
			width: 100%;
			max-width:300px;
			margin: 10px 0;
			padding: 0;
			color:#000; }
		#MMcelebBox {
			width:auto;
			max-width:300px; }

	#MMEntryInfoBox {
		float:none;
		width:auto;
		padding:0;
		margin: 0 0 2em 0; }
	
	#MMItems {
		float:none;
		}
	#MMItems .itemListSection {
		float:none;
		width:100%;
		margin:0 0 20px 0; padding:0; }
		#MMItems .itemListSection h3 {
			margin:20px 0; padding:0;
			font: normal bold 1.5em Arial; }
		#MMItems .itemListSection .bx-prev {
			left:-10px;}
		#MMItems .itemListSection .bx-next {
			right:-10px; }
		#MMItems .itemListSection .itemList li {
			text-align:left; }
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	#MMcelebBox {display: none; }
	#MMcelebHotnews{display: none; }
		
	#MMphotoBox  .photo {
		width:280px; height:280px;
		background-color: #eee;
		text-align: center;
		overflow: hidden; }

}