/*
 * This stylesheet is for the white on dark grey MetMedia section, the only reversed colour section on the site.
 * It contains styles for changing text and background colours, the rest acts as a MetMedia general content stylesheet.
 */

.bold, strong, b {
	color: #BCAE8F;
	font-weight: bold;
}

div#wrapper div#header-content{
	background:#262626 url(../img/presentation/corners/bg-header-met-media.gif) no-repeat 0 100% !important;
}
div#wrapper div#main-container {
	background:#000;
}
div#wrapper div#main-container #footer{
	position:relative;
	z-index:2;
	float:none;
	display:block;
	overflow:hidden;
	margin:0 auto;
}
div#header{
	z-index:2;
}
.media-container{
	position:relative;
	z-index:1;
	clear:both;
	margin:0 0 -5px;
	padding:0 14px;
	background-color:#000000;
}
.media-container .panel{
	/* float: left */
    margin: 2px 0 -6px;
    overflow: hidden;
    padding: 10px 0 0 67px;
    position: relative;
    width: 893px;
}
.media-container .logo{
	float:left;
	overflow:hidden;
	margin:20px 0 0;
	color: #ffffff;

}
.media-container .logo a{
	display:block;
	height:100%;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.3em;
}
.media-container .logo a:hover{
	text-decoration: none;
}
.media-container .logo a span.urbano-bold {
	font-size: 1em;
	margin-left: 0;
}
.media-container .logo a span.urbano-regular.tagline {
    clear: left;
    color: #BCAE8F;
    display: block;
	/* has to be pixels for cross browser */
    font-size: 13px;
	letter-spacing: 1px !important;
    line-height: 1em;
    margin-left: 0;
	margin-top: 3px;
}
.media-container div.nav-container {
	float: right;
	width: 485px;
	display: inline;
}
.media-container .nav{
	float:left;
	margin: 0 0 0 0px;
	padding: 0px !important;
	padding: 0 2px 0 0;
	list-style:none;
	text-transform:uppercase;
	font:12px/14px Arial,Helvetica,sans-serif;
}
.media-container .second-nav {
	padding-right: 0px !important;
}

.media-container .nav li{
	float:left;
	margin:0 8px 0 0;
}

.media-container .nav a{
	float:left;
	background:url(../img/presentation/backgrounds/met-media/bg-nav.jpg) no-repeat;
	color:#fff;
	text-align:center;
}
.media-container .nav .active a,.media-container .nav a:hover{
	background:url(../img/presentation/backgrounds/met-media/bg-nav-hov.jpg) no-repeat;
	text-decoration:none;
}
.media-container .nav .before{
	display:table !important;
	display: block;
	width:113px;
	height:108px;
}
.media-container .nav .after{
	display:table-cell !important;
	display: block;
	padding:62px 0px 0;
	vertical-align:middle;
	margin-top: 0px;
}
* +html .media-container .nav span{
	display:block;
}
.media-container .nav .met-media-image-link {
    display: block;
    height: 35px;
    padding-top: 3px;
    width: 113px;
}
.media-container .nav .video .before{
	background:url(../img/presentation/icons/ico-video.gif) no-repeat 0 18px;
}
.media-container .nav .audio .before{
	background:url(../img/presentation/icons/ico-audio.gif) no-repeat 0 18px;
}
.media-container .nav .interactives .before{
	background:url(../img/presentation/icons/ico-interactives.gif) no-repeat 0 18px;
}
.media-container .nav .share-met-media .before{
	background:url(../img/presentation/icons/ico-share.gif) no-repeat 0 18px;
}
.media-container .nav .kids .before{
	background:url(../img/presentation/icons/ico-kids.gif) no-repeat 0 18px;
}

.media-container .nav .video .met-media-image-link{
	background:url(../img/presentation/titles/MetMedia-video.gif) no-repeat top left;
}
.media-container .nav .audio .met-media-image-link{
	background:url(../img/presentation/titles/MetMedia-audio.gif) no-repeat top left;
}
.media-container .nav .interactives .met-media-image-link{
	background:url(../img/presentation/titles/Apps-Games.gif) no-repeat top left;
}
.media-container .nav .share-met-media .met-media-image-link{
	background:url(../img/presentation/titles/MetMedia-Share.gif) no-repeat top left;
}
.media-container .nav .kids .met-media-image-link{
	background:url(../img/presentation/titles/MetMedia-kids.gif) no-repeat top left;
}

.central-container{
	overflow:hidden;
	padding:31px 11px 36px 52px;
	width:897px;
	background:#252424;
	clear: left;
	position: relative;
}
div.central-container a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

div.central-container a:hover {
	text-decoration: underline;
}

.central-container .news-block{
	float: left;
	margin-left: 30px;
	width: 400px;
}
.central-container .news-block .col{
	float:left;
	margin:0 40px 0 0;
	width:170px;
}

div.sidebar fieldset h2,
.central-container .news-block .col h2{
	margin:0 0 20px;
	color:#bcae8f;
	text-transform:uppercase;
	font:1.4em/1.1em Arial,Helvetica,sans-serif;
}
.central-container .news-block .news-list{
	overflow:hidden;
	height:1%;
	color:#fff;
	list-style:none;
	font:bold 1em/1.3em Arial,Helvetica,sans-serif;
}
.central-container .news-block .news-list li{
	margin:-17px 0 17px;
	padding:17px 0 11px;
	height:1%;
	background:url(../img/presentation/borders/divider-news-list.gif) repeat-x;
	vertical-align:top;
}
.central-container .news-block .news-list li p.gold{
	/*font-weight: normal;*/
}
.central-container .news-block .news-list a:hover{
	text-decoration:underline;
}
.central-container .news-block .news-list .meta{
	display:block;
	overflow:hidden;
	width:100%;
	font-weight:normal;
}
.central-container .news-block .news-list .time{
	float:left;
	margin:0 3px 0 0;
	font-style:normal;
}
.central-container .news-block .news-list .category{
	float:left;
	overflow:hidden;
	width:16px;
	height:16px;
	text-indent:-9999px;
}

div.interactives {
	padding: 0;
	width: 960px;
}

div.interactives .video-container {
	padding: 8px;
	width: auto;
}

div.interactives div.visual iframe {
	margin: 0 auto;
}

.video-category{
	background:url(../img/presentation/icons/ico-video-small.gif) no-repeat 2px 2px;
}
.audio-category{
	background:url(../img/presentation/icons/ico-audio-small.gif) no-repeat 2px 2px;
}
.interactives-category{
	background:url(../img/presentation/icons/ico-interactives-small.gif) no-repeat;
}
.video-block{
	float:left;
	padding:2px 0 0;
	width:463px;
}
.video-block .video-holder{
	margin:0 0 20px;
	padding:0 5px 8px 6px;
}
.video-block .video{
	margin:0 0 2px;
}
.video-block .video img{
	display:block;
}
.video-holder .description{
	padding:9px 8px 10px 12px;
	background:#161616;
	color:#fff;
	font:1em/1.2em Arial,Helvetica,sans-serif;
}
.video-container .video-holder .description{
	padding:16px 16px 4px 13px;
	min-height:45px;
}
.video-holder .title{
	display:block;
	margin:0 0 5px 3px;
	font:bold 1em/1.2em Arial,Helvetica,sans-serif;
	clear: left;
}
.video-container .video-holder .title{
	margin:0 0 14px 1px;
}
.video-holder .action-bar{
	overflow:hidden;
	width:100%;
	clear: left;
}


.video-holder .description .actions{
	font:1em/1.2em Arial,Helvetica,sans-serif;
}
.video-holder .description .actions li{
	display: inline;
	float: left;
}
.video-container .video-holder .description .actions li{
	margin:0 0 0 20px;
}
.video-container .video-holder .description .actions li.share a{
	padding-bottom: 2px;
}
.video-holder .description .actions a{
	color:#ffffff;
}
.video-container .video-holder .description .actions a{
	display: block;
}
.video-container .video-holder .description .actions li.subscribe a,
.video-container .video-holder .description .actions li.download a{
	padding-left: 19px;
}
.video-container .video-holder .description .share{
	width:auto;
	height:auto;
	background-position:0 1px;
	text-indent:0;
}
.video-container .video-holder .description .download{
	background:url(../img/presentation/icons/ico-download-actions.gif) no-repeat;
}
.video-container .video-holder .description .subscribe{
	background:url(../img/presentation/icons/ico-subscribe-actions.gif) no-repeat;
}

div.transcript-info div.transcript-container {
	padding-top: 16px;
    padding-bottom: 16px;
}

div.transcript-info div p.last {
	margin-bottom: 0px;	
}

    div.transcript-info div.bulletlist-container {
        margin: 0 25px;
        font-size:100%;
    }

    div.bulletlist-container ul {
       
       margin: 0 0 0 40px; 
       border: none; 
       padding: 0; 
    }

    div.bulletlist-container ol {
       
       margin: 0 0 0 40px; 
       border: none; 
       padding: 0; 
    }

    div.bulletlist-container ul>li {
        list-style-type:disc;
       /*list-style-position:inside;*/
       margin-top: 0.5em;
       /*display:block;*/
       margin: 1em 0; 
    }

    div.bulletlist-container ol>li {
       /*list-style-position:inside;*/
       list-style-type:decimal;
       margin-top: 0.5em;
       /*display:block;*/
       margin: 1em 0; 
    }

.press-area{
	margin:0 auto;
	width:451px;
	background:#1a1a1a url(../img/presentation/backgrounds/met-media/bg-press-area-t.gif) no-repeat;
	color:#fff;
	font:1em/1.3em Arial,Helvetica,sans-serif;
}

.press-area-secondLvl{
    width: 480px !important;
    margin-left: -8px !important;
}

.press-area .holder{
	padding:15px 14px 22px;
	background:url(../img/presentation/backgrounds/met-media/bg-press-area-b.gif) no-repeat 0 100%;
}
.press-area .holderSecondLvl{
 /* padding-left: 0px !important; */  
}
span.metmedia-SecondLvl-font
{
   /* padding-left:8px !important; */
   font-size:.75em !important;
}
.press-area h2{
	margin:0 0 8px;
	color:#bcae8f;
	text-transform:uppercase;
	font:1.4em/1.5em Arial,Helvetica,sans-serif;
}
.press-area h2 a{
	padding:0 12px 0 0;
	background:url(../img/presentation/arrows/arrow-press.gif) no-repeat 100% 50%;
	color:#bcae8f;
	font-weight:normal;
}
.press-area .heading h2 a:hover{
	text-decoration:underline;
}
.press-area p{
	margin:0;
}
.video-container{
	padding:8px 8px 49px;
	width:842px;
}
.video-container .video-holder{
	margin:0 0 37px;
}
.video-container .visual img,.video-container .video img{
	display:block;
}
.video-container h2{
	margin:0 0 16px;
	color:#af9f7d;
	font:bold 1.4em/1em Arial,Helvetica,sans-serif;
}
.video-container h2 a{
	padding:0 13px 0 0;
	background:url(../img/presentation/arrows/arrow-title.gif) no-repeat 100% 6px;
	color:#af9f7d;
}
.video-container .gallery{
	position:relative;
	padding:0 39px 0 45px;
	width:758px;
	background:#191818;
}
.video-container .gallery .btn-prev,.video-container .gallery .btn-next{
	position:absolute;
	top:75px;
	overflow:hidden;
	width:17px;
	height:32px;
	text-indent:-9999px;
}
.video-container .gallery .btn-prev{
	left:13px;
	background:url(../img/presentation/buttons/btn-prev-gallery.gif) no-repeat;
}
.video-container .gallery .btn-next{
	right:12px;
	background:url(../img/presentation/buttons/btn-next-gallery.gif) no-repeat;
}
.video-container .gallery-holder{
	overflow:hidden;
	width:758px;
}
.video-container .gallery-holder ul{
	overflow:hidden;
	width:9999px;
}
.video-container .gallery-holder li{
	float:left;
	margin:0 23px 0 0;
	width:237px;
}
.video-container .gallery .holder img{
	display:block;
}
.video-container .gallery .description{
	padding:9px 16px 8px;
	min-height:50px;
	background:#141313;
}
.video-container .gallery .title{
	display:block;
	margin:0 0 2px;
	color:#fff;
	font:bold 12px/17px Arial,Helvetica,sans-serif;
}
.video-container .gallery .meta{
	display:block;
	color:#af9f7d;
	font:12px/14px Arial,Helvetica,sans-serif;
}
.video-container .gallery .meta .time{
	font-style:normal;
}
.main-container{
	margin:5px 0 19px;
	padding:0 0 49px;
	height:1%;
	background:url(../img/presentation/borders/divider-main-container.gif) repeat-y 252px 0;
}
.main-container:after{
	clear:both;
	display:block;
	content:"";
}
.main-container .content{
	float:right;
	padding:5px 172px 0 0;
	width:440px;
	color:#fff;
	font:1em/1.4em Arial,Helvetica,sans-serif;
}
.main-container .content h2{
	margin:0 0 20px;
	color:#bcae8f;
	text-transform:uppercase;
	font:1.4em/1em Arial;
	/*font-weight: normal;"UrbanoCondensed"*/
}
.main-container .content h3{
	margin:0;
	color:#af9f7d;
	font:bold 1em/1.3em Arial,Helvetica,sans-serif;
}
.main-container .content p{
	margin:0 0 16px;
}
.main-container .content ul {
	margin-left: 15px;
}
.main-container .content ul li {
	list-style-type: disc;
}
.main-container .sidebar{
	float:left;
	width:218px;
}
.main-container .sidebar .box{
	margin:-10px 0 10px;
	padding:13px 17px 3px;
	width:184px;
	background:#1f1e1e;
	color:#fff;
	font:1em/1.4em Arial,Helvetica,sans-serif;
	position: relative;
}
.main-container .sidebar .box h3{
	margin:0 0 20px;
	color:#af9f7d;
	text-transform:uppercase;
	font:1.4em/1.2em Arial;
/*	"UrbanoCondensed",*/
}
.main-container .sidebar .box p{
	margin:0 0 16px;
}
.main-holder{
	margin:5px 0 -9px;
	padding:0 9px 0 7px;
	height:1%;
	background:url(../img/presentation/borders/divider-main-container.gif) repeat-y 520px 0;
	position: relative;
}
.main-holder:after{
	clear:both;
	display:block;
	content:"";
}
.main-holder .content{
	float:left;
	overflow:hidden;
	padding:9px 0 0 8px;
	width:478px;
	line-height:1.4em;
	/*font-weight:bold;*/
	font-size:1em;
}

.main-holder .content,
div.central-container div.block {
	color: #ffffff;
}

div#media-container div.central-container div.block h2.urbano-regular,
.main-holder .content h2{
	margin:0 0 15px;
	color:#AF9F7D;
	text-transform:uppercase;
	word-spacing:1px;
	font:2em/1em Arial,Helvetica,sans-serif;
}
.main-holder div.block .content p {
	margin-bottom: 20px;
}
.main-holder .content p{
	margin:0 0 28px;
}
.main-holder .social-networks{
	padding:19px 19px 4px 15px;
	width:448px;
	background:#1f1e1e;
	color:#fff;
	margin-bottom: 14px !important;
}
.main-holder .social-networks li{
	overflow:hidden;
	margin:0 0 12px;
	height:1%;
	vertical-align:top;
}
.main-holder .social-networks .ico{
	float:left;
	margin:0px 15px 0 0;
}
.main-holder .social-networks .ico img{
	display:block;
}
.main-holder .social-networks .description{
	overflow:hidden;
	height:1%;
}
.main-holder .social-networks .title{
	display:block;
	color:#bcae8f;
}
.main-holder .social-networks .title a{
	color:#bcae8f;
}
.main-holder .content .social-networks p{
	margin:0;
}
.main-holder .content .social-networks p.links{
	margin-top: 10px;
}

.main-holder .content .social-networks p.links a{
	display: block;
	clear: left;
	color: #FFFFFF;
	font-weight: bold;
}

.main-holder .sidebar{
	float:right;
	padding:6px 0 0 4px;
	width:332px;
	color:#fff;
	line-height:1.4em;
	/*font-weight:bold;*/
	font-size:1em;
	zoom:1;
	position: relative;
}
.main-holder .sidebar h3{
	margin:0 0 14px;
	color:#af9f7d;
	font:bold 1.4em/1.4em Arial,Helvetica,sans-serif;
}
.main-holder .sidebar h3 a{
	padding:0 13px 0 0;
	background:url(../img/presentation/arrows/arrow-title.gif) no-repeat 100% 6px;
	color:#af9f7d;
}
.main-holder .sidebar .heading{
	overflow:hidden;
	margin:0 0 17px !important;	
	margin:0 0 10px;
	position: relative;
	float: left;
	width: 100%;
}
.main-holder .sidebar .heading .ico{
	float:left;
	margin:0 13px 0 0;
}
.main-holder .sidebar .heading .ico img{
	display:block;
}
.main-holder .sidebar .heading h3{
	float:left;
	margin:3px 0 0;
	text-transform:uppercase;
	font:1.4em/1em Arial,Helvetica,sans-serif;
}
.main-holder .sidebar p{
	margin:0 0 16px;
}
.main-holder .sidebar .sub-title{
	display:block;
	margin:0 0 16px;
}
.main-holder .sidebar .featured-rss{
	margin:0;
}
.main-holder .sidebar .featured-rss li{
	padding:0 0 16px;
	height:1%;
	vertical-align:top;
}
.main-holder .sidebar .featured-rss .title{
	display:block;
	color:#af9f7d;
}
.main-holder .sidebar .featured-rss .title a{
	color:#af9f7d;
}
.main-holder .sidebar .featured-rss p{
	margin:0;
}
.main-holder .sidebar p a{
	color:#fff;
}
.main-holder .sidebar .block{
	padding:0 0 36px;
	clear: left;
}
.main-holder .sidebar .box{
	margin:0 0 0 -4px;
	padding:9px 20px 18px;
	width:296px;
	background:#1f1e1e;
	font-weight:normal;
}
.main-holder .sidebar .box h3{
	margin:0 0 15px 3px;
	color:#bcae8f;
	text-transform:uppercase;
	font:1.4em/1.4em Arial,Helvetica,sans-serif;
}
.main-holder .sidebar .box p{
	margin:0 0 16px;
}
.main-holder .sidebar .gallery{
	position:relative;
	margin:-26px 0 22px -4px;
	padding:0 42px;
	width:251px;
	background:#191818;

}
.main-holder .sidebar .gallery-holder{
	overflow:hidden;
	width:239px;
	border:solid #252424;
	border-width:0 7px;
}
.main-holder .sidebar .gallery ul{
	overflow:hidden;
	width:9999px;
}
.main-holder .sidebar .gallery li{
	float:left;
	width:237px;
}
.main-holder .sidebar .gallery .btn-prev,
.main-holder .sidebar .gallery .btn-next{
	position:absolute;
	top:0px;
	overflow:hidden;
	width:41px;
	height: 100% !important;
	height:200px;
	text-indent:-9999px;
}
.main-holder .sidebar .gallery .btn-prev{
	left:2px;
	background:url(../img/presentation/buttons/btn-prev-gallery.gif) no-repeat 30% 50%;
}
.main-holder .sidebar .gallery .btn-next{
	right:2px;
	background:url(../img/presentation/buttons/btn-next-gallery.gif) no-repeat 70% 50%;
}
.main-holder .sidebar .gallery .image{
	margin:0 0 7px;
}
.main-holder .sidebar .gallery img{
	display:block;
}
.main-holder .sidebar .gallery .description{
	padding:0 14px 8px;
	line-height:17px;
}
.main-holder .sidebar .gallery .title{
	display:block;
}
.main-holder .sidebar .gallery .title a{
	color:#fff;
}
.main-holder .sidebar .gallery .meta{
	color:#af9f7d;
	font-weight:normal;
}
.main-holder .sidebar .gallery .time{
	font-style:normal;
}
.main-holder .sidebar .select-channel{
	margin:-8px 0 17px -4px;
	width:336px;
	height:27px;
}
.main-holder .sidebar .select-channel:after{
	clear:both;
	display:block;
	content:"";
}
.main-holder .sidebar .select-channel select{
	float:left;
	width:304px;
}
.btn-go{
	float:right;
	overflow:hidden;
	width:28px;
	height:27px;
	background:url(../img/presentation/buttons/btn-go.gif) no-repeat;
	text-indent:-9999px;
}
.central-container .content .news-block{
	float:none;
	overflow:hidden;
	margin:0 0 20px 0;
	width:500px;
	clear: left;
}
.central-container .content .news-block .col{
	margin:0 23px 0 0;
	width:227px;
}
.central-container .content .news-block h2{
	margin:0 0 4px;
}
.central-container .content .news-list{
	line-height:1.2em;
	font-weight:normal;
}
.central-container .content .news-block .news-list li{
	margin:0;
	padding:11px 0 13px;
	background-position:0 100% !important;
}
.central-container .content .news-list p{
	margin:0;
}
.central-container .content .news-block .news-list .time{
	float:none;
}
.central-container .content .news-block .news-list li .meta,
.central-container .content .news-block .news-list li .time{
	color:#bcae8f;
}
.central-container .content .video-holder{
	margin:-9px 0 27px -8px;
	width:480px;
}
.central-container .content .video{
	margin:0 0 2px;
}
.central-container .content .video img{
	display:block;
}
.central-container .content .video-holder .title{
	margin-bottom:16px;
	float: left;
	clear: left;
	width: 100%;
}

.central-container .video-holder .description .action-container {
	float: left;
	width: 100%;
}

.central-container .video-holder .description .actions{
	margin: 0 0 10px;
	width: auto;
	display: block;
	float: right;
}
.central-container .video-holder .description .actions li{
	margin:0 15px 0 8px;
}
.central-container .video-holder .description .share, .central-container .video-holder .description .embed {
	overflow:visible;
	width:auto;
	height:auto;
	text-indent:0;
}

/* @group Channel selector */

div.channel-content {
	border: 2px solid #aea07d;
	overflow: auto;
	height: 500px;
	padding: 10px 20px 10px 10px;
}
div.channel-content div.object-info {
	margin: 0 0 0 130px;
}

div.channel-content div.object {
	margin-bottom: 10px;
	clear: left;
	float: left;
	width: 100%;
}

fieldset.channel-list {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

fieldset.filter-channels {
	margin-bottom: 14px;
}

fieldset.filter-channels legend {
	font-weight: bold;
}

fieldset.filter-channels label {
	display: block;
}

.level0 {
	font-weight: bold;
}

.level1 {
	padding-left: 5px;
	display: block;
}

.level2 {
	padding-left: 10px;
}

.level3 {
	padding-left: 15px;
}

.level4 {
	padding-left: 20px;
}

/* @end Channel selector */

/* Footer */
.site-footer {
    color: #fff;
}

.site-footer b,
.site-footer strong {
    color: #fff;
}

.site-footer .lower-links a {
    color: #fff;
    border-right: 1px solid #fff;
}

.site-footer .lower-links a:last-child {
    border:none;
}

.site-footer div.copyright .copyright {
    border-right: 1px solid #fff;
}