/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #48b7e4;
	font: normal 14px/19px arial,sans-serif;
	color: #fff;
}
a {
	color: #0099ff;
	text-decoration: none;
	outline: none; }
a:hover {
	text-decoration: underline;
	color:#f50; }
p {
	margin: 0 0 2em;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

blockquote {
	margin:2em 2em;
	color:#777;
	font: italic 1.1em Georgia;
	padding: 0 0 0 50px;
	background: transparent url(/jdd/public/images/2012/blockquote.gif) no-repeat 0 0;
}
blockquote.red {
	background-image: url(/jdd/public/images/2012/blockquote2.gif);
	/*color: #c00;*/
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
.mobile { display: none; }
.desktop { display: inline; }

#pagewrap {
	width: 990px;
	margin: 20px auto;
	padding: 0;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	clear:both; }

#header-top {
	clear:both;
	height: 55px; }

/* site logo */
#logo {
	float: left;
	width: 283px; 
	height: 38px;
	background: url(/jdd/public/images/mediamass/2012/logo.png) left top no-repeat; }
	#logo a {
		display:block;
		width: 100%; 
		height: 100%; }
	#christmas {
		position:absolute;
		top:5px;
		width:100px; height:30px;
		background: url(/jdd/public/images/mediamass/2012/christmas.png) center top no-repeat;
		background-size:43px 30px; }

/* searchform */
#searchform {
	float:left;
	width: 160px; }
#searchform #s {
	width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s; }

/* languages */
#languages {
	position:relative;
	margin-top: 0;
	float: right;
	font-family: arial,sans-serif;
	font-size: 12px; }
	#languages ul {
		list-style: none ;
		margin:0; }
	#languages li {
		display: inline; }
	#languages a {
		color: #fff;
		text-decoration: underline;
		margin: 0 0 0 5px; }

#top-facebook  {
	min-width:300px;
	position:absolute; top:24px; right:0;
	text-align:right; }
	#top-facebook .facebook, .google { display:inline-block; padding:0; margin:0 10px; height:20px; overflow:hidden; }
	#top-facebook > div:last-child { margin:0; }
		
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

#navigation  {
	clear:both;
	width:100%;
	height:28px;
	margin: 0; 
	padding: 0 ;
	border-bottom: 1px solid #b3b3b3;
	background: #000 url(/jdd/public/images/mediamass/2012/main-nav-bg.png) left top repeat-x;
	display: block;
	overflow: hidden;
	}
	#navigation li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		text-transform:uppercase;
	}
	#navigation li a {
		line-height: 100%;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		display: block;
		padding: 10px 0.5em 10px 0.5em;
		margin: 0 ;
		text-decoration: none;
		/*text-shadow: 0 -1px 0 rgba(0,0,0,.5);*/
		text-align: center;
		border-right: 1px solid #666666;
	}
	#navigation li a:hover {
		background: #bd0656;
		background-image: none;
	}
	#navigation li:first-child a {
		background: #ee0077;
		background-image: none;
	}
	#navigation .first:hover {
	}
	
#breadcrumbs  {
	clear:both;
	width:100%;
	height:28px;
	margin: 0; 
	padding: 0 ;
	border-top: 2px solid #ee0077;
	border-bottom: 1px solid #c5c5c5;
	background-color: #e5dede;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5dede), to(#f7f6f6));
	background: -moz-linear-gradient(top,  #e5dede,  #f7f6f6);
	background: linear-gradient(-90deg, #e5dede, #f7f6f6);
	display: block;
	overflow: hidden;
	color: #000; }

	#breadcrumbs li {
		float: left;
		list-style: none;
		padding: .4em 0 .2em 0;
		font-size: 0.88em; }
	#breadcrumbs li:first-child a{
		padding-left: 0.5em; }
	#breadcrumbs li:after {
		content: '»';
		font-weight: normal;
		text-decoration: none;
		padding: 0 0.8em; }
	#breadcrumbs li:last-child:after {
		padding:0;
		content: ''; }
	#breadcrumbs a{
		text-decoration: none;
		color: #000;
		font-weight: bold; }
	#breadcrumbs a:hover{
		text-decoration: underline; }

#top {
	clear:both;
	max-width:100%;
	height:90px;
	overflow:hidden;
	padding: 0 0 0 140px;
	background:
		url(/jdd/public/images/mediamass/2012/top-bg4-over.png) no-repeat,
		#fff url(/jdd/public/images/mediamass/2012/top-bg4.png) repeat-x; }
	#top ul {}
	#top li {width: 260px; }


/************************************************************************************
CONTENT
*************************************************************************************/
#content {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	color:#000;
	background-color:#fff; }

#main-article  {
	float: left;
	width: 602px;
	margin: 20px; }

#main-header {
	float: left;
	clear: both;
	margin-bottom: 6px; }

	.post-title {
		margin: 0 0 5px 0; padding: 0;
		font: bold 26px/120% Century Gothic, Arial, Helvetica, sans-serif; }
	.post-title a {
		color:#000;
		text-decoration: none; }
	.post-meta {
		margin: 0 0 10px;
		font-size: 90%; }
	.post-subtitle  {
		margin: 5px 0;
		color: #888; }
	.post-description  {
		color: #555;
		margin: 0; padding: 0; }
	.post-info  {
		color:#A2A9AE;
		font-size: 0.9em; }
		.post-info  li {
			float: left;
			list-style: none; }
		.post-info  li:after {
			content: '|';
			color:#ccc;
			padding: 0 0.5em; }
		.post-info  li:last-child:after {
			content: '';
			padding: 0; }
	
#main-body {
	float:left;
	width:100%; }

#translations {
	float:left;
	width:100%;
	clear:both;
	overflow:hidden;
	padding: 0;
	margin: 3px 0; }
	#translations   ul {
		margin: 0;
		padding: 0; }
	#translations   li {
		list-style: none;
		float: left;
		margin: 3px 0;
		padding: 0 1em 0 0;
		font-size: 0.85em;
		font-family: arial;
		font-weight: bold; }
	#translations  a {
		font-weight: normal; }
	#translations  .title {
		background-color: #25afe5;
		color:#fff;
		text-shadow: 1px 1px 1px #004466;
		padding:2px 4px;
		/* border radius */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* border radius */
		background: -webkit-gradient(linear, left top, left bottom, from(#57bfea), to(#0484b6));
		background: -moz-linear-gradient(top,  #57bfea,  #0484b6);
		background: linear-gradient(-90deg, #57bfea, #0484b6); }



/* post image */
.post-image {
	margin: 0 0 15px;
}

/* google */
#google {}
#google2 {}
#google3 {}
.googleresponsive {
	width:100%;
	text-align:center;
	padding:20px 0; }
.googleresponsive:before {
	font-family: arial; font-size: 11px;
	content:'Advertisements'; }

/* like */
#like {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	width:602px;
	height:20px;
	margin: 6px 0;
	padding: 6px 0;
	float:left;
	clear:both; }
	#like li {
		margin: 0; padding: 0;
		display: inline-block;
		float: left;
		height: 20px; }
	#like li.lGoogle {}
	#like li.lFacebook {padding:0 2.2em 0 0; }
	#like li.lTwitter {}
	#like li.lLinkedin {padding:0 2em 0 0; }
	#like li.lStumble {}


/* post */
.post {
	margin-bottom: 40px;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 302px;
	float: right;
	margin: 10px 20px 20px 20px;
	padding: 0;
	/* background-color:red;
	border:1px solid #000; */
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	overflow: hidden;
	padding: 20px;
	color: #555;
	font-size: 85%;
	background: #f7f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f6), to(#e5dede));
	background: -moz-linear-gradient(top,  #f7f6f6,  #e5dede);
	background: linear-gradient(-90deg, #f7f6f6, #e5dede);
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


/***************************
*			Common
****************************/
.banner {
	height: 42px;
	margin: 20px 0;
	padding: 1px 20px 0 40px;
	color: white;
	font-family: Georgia, TrebutchetMS, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	line-height: 33px;
	clear:both;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	position:relative;
	left:-40px;
	width:582px; }
	.bannerpink {
		background: url(/jdd/public/images/mediamass/2012/bg-banner.png) no-repeat top right;
		text-shadow: -1px -1px 1px #DA1C65; }
	.banner  .bannerlabel {
		font-family: Arial;
		font-style: normal;
		text-transform:uppercase;
		margin-right:5px; }
	.banner:lang(cn) {
		font-style: normal; }

.headline {}
	.headline .name {
		color: #333;
		font-size: 1em;
		font-weight: bold; }
	.headline .title {
		font-size: 1.5em;
		font-weight: blod;
		font-family: Trebuchet MS, Arial, sans-serif;
		line-height: 1.1em; }
	.headline .title a {
		color: #FF0060; }
	.headline .date {
		font-size: 1em;
		color: #ccc; }
	.headline .desc {
		display:inline;
		font-size: 0.9em;
		margin:0; padding:0; }
	.headline .desc a {
		font-weight:bold; }
	.headline .read {
		white-space:nowrap;
		display:inline;
		margin:0 0 0 5px;
		font: bold 0.8em Arial;
		color: #FF0060;
		text-transform: uppercase; }
	.headline .read a {
		color: #067AB4; }
	.headline .image {
		float:left;
		margin: 2px 15px 5px 0;
		width:120px;
		height:120px;  }
	.headline .imagefull {
		float:none;
		margin: 5px 0; }
		
.headlineshort {}
	.headlineshort .sub {
		font-size: 0.7em;
		font-weight: bold;
		font-family: 'trebuchet ms',arial,sans-serif;
		text-transform: uppercase;
		color: #FF0060; }
	.headlineshort .sub:lang(cn) {
		font-size: 0.8em; }
	.headlineshort .time {
		margin-left:0.3em;
		font-style: italic;
		color: #898989; }
		.headlineshort .time:lang(cn) {
			font-style: normal;
			font-weight: normal; }
	.headlineshort .title {
		font-size: 1em; }
	.headlineshort .title a {
		font-weight: bold;
		color: #000; }

/***************************
* Celebrity image
****************************/
.celebimage {
	position: relative;
	overflow: hidden;
	max-width:300px; max-height:300px;
	-moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
	box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7); }
	.celebimage img {
		position:absolute;
		top:0; left:0;
		width:100%; }
	.celebimage .top {}
	.celebimage .bottom {
		max-width: none; }
		.celebimage .deathhoax {
			left:12%; }
		.celebimage .alive {}
		.celebimage .obituary {
			-webkit-filter: grayscale(90%) sepia(10%) contrast(150%) brightness(0.1);
			width:166%; height:166%;
			left:-30%; top:0px; }
		.celebimage .album {
			width:50%; height:50%;
			left:54%; top: 57%; }
		.celebimage .dogrecovery {
			width:60%; height:60%;
			left:52%; top: 50%; }
		.celebimage .engaged {
			-webkit-filter: contrast(120%) ;
			width:130%; height:130%;
			left:-25%; top: -5%; }
		.celebimage .gangnam {
			width:55%; height:55%;
			left:50%; top: 0%; }
		.celebimage .jamesbond {
			width:70%; height:70%;
			left:30%; top: 30%; }
		.celebimage .highestpaid {
			left:0; top: 15%; }
		.celebimage .mostpopular {
			width:95%; height:95%;
			left:-10%; top: 5%; }
		.celebimage .personoftheyear {
			left:0; top: 19%; }
		.celebimage .pregnant {
			width:45%; height:45%;
			left:1%; top: 52%; }
		.celebimage .sexiest {
			width:100%; height:100%;
			left:-10%; top: 0; }
		.celebimage .stolenpics {
			width:60%; height:60%;
			left:-15%; top: 48%; }
		.celebimage .worldawards {
			width:65%; height:50%;
			left:17%; top: 9%; }
		.celebimage .worldcup {
			width:150%; max-width:150%!important;
			left:-45%; top:-3%; }
		.celebimage .bestofalltime {
			width:50%; height:45%;
			left:28%; top: 30%; }

		
/***************************
* Country image
****************************/
.countryimage {
	position: relative;
	-moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
	box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7); }
	.countryimage .photo {
		position:absolute;
		top:0; left:0;
		width:100%; height:100%; }
	.countryimage .flag {
		position:absolute;
		top:0; left:0;
		max-width: 100%; }
		.countryimage .square_64 {
		top:-10px; left:-18px; }
			
/************************************************************************************
Home
*************************************************************************************/
#MMHEADLINES{
	float: left;
	width: 280px; }

#MMMAIN {
	margin: 0; padding: 0;
	list-style: none ; }
	#MMMAIN li {
		padding-bottom:10px;
		border-bottom: 1px dotted #CBC2C6; }

#MMSUB {
	margin: 0; padding: 0;
	list-style: none ; }
	#MMSUB  li {
		padding:10px;
		background-color: #FFF;
		border-bottom: 1px dotted #CBC2C6; }
	#MMSUB li:nth-child(odd) {
		background-color: #FEF3F8; }


#MMBIRTHDAY, #MMDEATHDAY {
	overflow:hidden;
	margin: 28px 0; padding: 0;
	list-style: none; }
	
	#MMBIRTHDAY li{
		float:left;
		width:55px; height:auto;
		overflow:hidden;
		margin:0 5px 5px 0;
		padding:0 auto; }
	#MMBIRTHDAY li:first-child {
		clear:both;
		width:100%;
		padding-bottom:10px; }
	.headlinebirthday {
		width:55px; height:55px;
		padding: 0; margin:0;
		position:relative;
		overflow:hidden;
		text-align:center;
		font-family: 'trebuchet ms',arial,sans-serif;
		font-size:3em; }
	.headlinebirthday .photo {
		position:absolute;
		top:0; left:0;
		width:100%; }
	.headlinebirthday .age{
		position:absolute;
		top:0; left:0;
		width:55px; height:35px;
		padding: 20px 0 0 0; margin:0;
		overflow:hidden;
		color:#fff;
		text-decoration:none;
		background-color:#fff;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
		opacity: 0.4; }
	.headlinebirthday .age:hover{
		color:#000;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1; }
	.headlinebirthday .m{
		color:#ddeeff;
		background-color:#ddeeff;
		}
	.headlinebirthday .f{
		color:#ffddee;
		background-color:#ffddee;
		}

	.headlineanniversary h3 {
		margin:10px 0;
		color: #000;
		font: bold 1em Arial; }
	.headlineanniversary a{
		font-family: 'trebuchet ms',arial,sans-serif;
		font-size:0.9em; }
	.headlineanniversary a:before {
		content: '•';
		color:#000;
		font-weight: normal;
		text-decoration: none;
		padding: 0 0.8em; }

#MMWORLDBOX {
	clear: right;
	float: right;
	width: 292px;
	margin: 10px 0 0 0; padding: 0; }
	
	#MMWORLD {
		list-style: none ; }
	#MMWORLD li {
		padding-bottom:10px;
		border-bottom: 1px dotted #CBC2C6; }

	#MMWORLDSUB {
	margin: 0; padding: 0;
	list-style: none ; }
	#MMWORLDSUB  li {
		padding:10px;
		background-color: #FFF;
		border-bottom: 1px dotted #CBC2C6; }
	#MMWORLDSUB li:nth-child(odd) {
		background-color: #FEF3F8; }
		
#MMCULTUREBOX {
	clear: right;
	float: right;
	width: 292px;
	margin: 10px 0 0 0; padding: 0; }
	
	#MMENTRYSOON {
		width:100%;
		overflow:hidden;
		list-style: none;
		padding-bottom:10px;
		border-bottom: 1px dotted #CBC2C6; }
	#MMENTRYSOON li {
		float:left;
		width:90px; height:auto;
		overflow:hidden;
		margin:0 7px 7px 0;
		padding:0 auto; }
	#MMENTRYSOON li:nth-child(4n+1) {
		clear:left; }
	#MMENTRYSOON li:first-child {
		clear:both;
		width:100%; }
	#MMENTRYSOON h3 {
		margin:15px 0 5px 0;
		color: #000;
		font: bold 1em Arial; }
	#MMENTRYSOON .headline .read {
		display:block;
		margin:3px 0 0 0;
	}
	#MMENTRYSOON .headlinesoon {
	}
	#MMENTRYSOON .headlinesoon .image img {
		-moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
		box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.7);
	}
	#MMENTRYSOON .headlinesoon a.name  {
		display:block;
		margin-top:5px;
		font-size:0.9em;
		}
	#MMENTRYSOON .headlinesoon .date  {
		font-size:0.8em;
		color:#666;
		}
	#MMENTRYSOON .imagefull img {
		max-width:282px;
		background: url(/jdd/public/images/mediamass/2012/bg-hash.gif);
		padding: 0 10px 10px 0;
		}

	#MMENTRYSUB {
	margin: 0; padding: 0;
	list-style: none ; }
	#MMENTRYSUB  li {
		padding:10px;
		background-color: #FFF;
		border-bottom: 1px dotted #CBC2C6; }
	#MMENTRYSUB li:nth-child(odd) {
		background-color: #FEF3F8; }


/* Top 5 */
#MMTOPBOXSHADOW {
	float: right;
	margin:0 padding:0;
	background: url(/jdd/public/images/mediamass/2012/bg-hash.gif);
	width: 292px; }
#MMTOPBOX {
	float: left;
	margin:0 10px 10px 0;
	background-color: #0081B4;
	/*background: linear-gradient(-90deg, #e5dede, #f7f6f6);*/
	background: linear-gradient(-90deg, #1098cf, #0081B4);
	width: 282px; }
#MMTOP {
	margin: 0;
	padding: 0;
	list-style: none ; }
	#MMTOP li {
		position:relative;
		margin: 10px; padding: 0 0 8px 0;
		color:#fff;
		border-bottom:1px dotted #8CDDFF; }
	#MMTOP li:last-child {
		border:none; }
	#MMTOP li img {
		width:50px;
		float:left;
		margin: 0 10px 10px 0;
		border: 1px solid #8CDDFF; }
	#MMTOP li .rank {
		position:absolute; left:240px; top:-3px;
		background: url(/jdd/public/images/mediamass/2012/bg-boxnumber-small.png) no-repeat top left;
		width: 22px; height: 22px;
		padding: 3px 0 0 7px;
		font: 1em Arial;
		color:#fff; }
	#MMTOP h3 {
		font-size: 0.9em; 
		color:#000;
		margin:5px 0; padding:0; }
	#MMTOP h3 .time {
		font-style: italic; }
	#MMTOP .name {
		text-transform:uppercase; }
	#MMTOP .name a {
		color:#fff; }
	#MMTOP .sub {
		font-size:0.95em; }
	#MMTOP .info {
		color:#FFF766;
		font: italic 10px 'Trebuchet MS',sans-serif; }
	#MMTOP .read {
		margin:5px 0 0 0;
		font: bold 11px Arial;
		color: #FFF;
		text-transform: uppercase; }
	#MMTOP .read a {
		color: #77CBEF; }
		#MMTOP li:first-child img {
			width:260px;
			float:none;
			margin: 0;
			border: 1px solid #8CDDFF; }
		#MMTOP li:first-child .rank {
			position:absolute; left:240px; top:-20px;
			background: url(/jdd/public/images/mediamass/2012/bg-boxnumber.png) no-repeat top left;
			width: 44px; height: 44px;
			padding: 3px 0 0 15px;
			font: italic 2em Georgia;
			color:#fff; }
		#MMTOP li:first-child .name a {
			font-size: 1.3em;
			font-weight: bold;
			color: #fbea9d; }

/* Recently dead */

#MMDEADBOX{
	margin:28px 0;
	}

	#MMDEADBOX h3 {
		color: #000; 
		font: bold 1.3em Arial; }

	#MMDEAD {
		margin: 0; padding: 0;
		list-style: none ; }
		#MMDEAD li {
			position:relative;
			margin: 10px 0; padding: 0 0 8px 0;
			border-bottom:2px solid #e5e5e5; }
		#MMDEAD li:last-child {
			border:none; }
		#MMDEAD li img {
			width:80px;
			float:left;
			margin: 0 20px 10px 0;
			border: 1px solid white;
			-moz-box-shadow: 3px 3px 0 #E3E1E1,6px 6px 0 #adadad;
			-webkit-box-shadow: 3px 3px 0 #E3E1E1,6px 6px 0 #ADADAD;
			box-shadow: 3px 3px 0 #E3E1E1,6px 6px 0 #ADADAD; }
		#MMDEAD .date {
			font-size: 0.7em;
			font-weight: bold;
			font-family: 'trebuchet ms',arial,sans-serif;
			text-transform: uppercase;
			color: #FF0060; }
		#MMDEAD .name a {
			font-weight:bold;
			color: #000; }
		#MMDEAD .sub {
			font-size:0.95em; }
		#MMDEAD .read {
			margin:5px 0 0 0;
			font: bold 0.8em Arial;
			color: #FF0060;
			text-transform: uppercase; }
		#MMDEAD .read a {
			color: #067AB4; }

/***************************
*	Red Headlines
***************************/
#redHeadlines {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	display: block; }

/***************************
*	Birthdays Form
***************************/
.birthdaysForm {
	margin:15px 0 28px 0;
	padding:10px;
	background-color:#000;
	background-image: -ms-linear-gradient(top, #000000 0%, #333333 100%);
	background-image: -moz-linear-gradient(top, #000000 0%, #333333 100%);
	background-image: -o-linear-gradient(top, #000000 0%, #333333 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #333333));
	background-image: -webkit-linear-gradient(top, #000000 0%, #333333 100%);
	background-image: linear-gradient(to bottom, #333333 0%, #000000 100%);
	-moz-box-shadow: 0px 10px 5px -5px #656565;
	-webkit-box-shadow: 0px 10px 5px -5px #656565;
	-o-box-shadow: 0px 10px 5px -5px #656565;
	box-shadow: 0px 10px 15px -5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}
.birthdaysForm h2 {
	margin:0; padding:0;
	color: #e07;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.birthdaysForm h2 a {
	color: #e07;
	font-size: 12px;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}
.birthdaysForm h3 {
	margin:5px 0; padding:0;
	color: #fff;
	font-size: 18px;
}
.birthdaysForm a {
	margin:30px 0;
	color: #8cddff;
	text-transform: uppercase;
	font: bold 10px Arial, Helvetica, sans-serif;
}
.birthdaysForm form {}
.birthdaysForm select {
	margin: 0 10px 0 0;
	background: #333;
	color:#fff;
	border-color: #000;
	line-height: normal;
	padding: 3px 6px;
	font-size: 14px;
	border: 1px solid #cccccc;
}

.birthdaysForm  input[type=button] {
	padding: 4px 6px;
	font-size: 14px;
	border:1px solid #cccccc;
	background-color:#ee0077;
	color: #fff;
}


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

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

	#pagewrap {
		width: 100%;
		margin: 0; }
	#header-top {
		height: auto; }
	#logo{
		width:100%;
		background-position:center; 
		float: none;
		margin: 10px 0 5px 0; }
	#christmas {
		top:0; left:-10px;
		width:100%; height:30px; }
	#searchform{
		display:none; }
	#languages {
		position:static;
		margin: 5px;
		text-align:center;
		float: none; }
	#top-facebook  {
		text-align:center;
		position:static;
		margin: 10px 0 0 0; }
		
	#navigation {
		margin: 5px 0 0 0; }
	#breadcrumbs  {}
	#top { padding:0 0 0 90px; }
	#content {
		overflow:hidden;
		margin:0;
		padding: 0;
		width: auto;}
		#main-article{
			width: auto;
			float: none;
			margin: 0;
			padding: 0 10px; }
			#main-header {
				width:100%;
				padding: 10px 0; }
			#translations {}
			#like{
				width:100%;
				height:auto; }
			#like li {

				padding:3px 0;
				clear: both; }
			#like li.lLinkedin {
				display:none;}
			#like li.lStumble {
				display:none;}
		#sidebar {
			width: 95%;
			float: none;
			margin: 0;
			padding: 0 6% 0 3%; }
	#footer{}
	
	.banner {
		width:100%; height: auto;
		clear:both; }

}

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

	#header {
		width: auto;
		float: none; }
	#breadcrumbs {display:none;}
	#top {display:none;}
	#translations {display:none;}
	#main-article{
		width: 93%; }
	#sidebar {
		width: 93%; }
	#MMHEADLINES{
		float: none;
		width: auto;
		margin: 0 0 2em 0; }
	#MMTOPBOXSHADOW{
		float: none; }
	#MMTOPBOX {}
	#MMWORLDBOX {
		float: none;
		width: auto; }
	#MMCULTUREBOX {
		float: none;
		width: auto; }
		
	blockquote { margin:2em 1em 2em 0; }
	
}