/*
Theme Name: M3-V9
Theme URI: http://www.m3tv.ca
Description: A custom theme for the M3TV
Version: 9
Author: M3
Author URI: http://www.m3tv.ca
*/
.HelveticaNeueLT-MediumCondObl { 
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
}
.HelveticaNeueLT-MediumCond { 
	font-family: HelveticaNeueLT-MediumCond;
	font-weight: normal;
	font-style: normal;
}
.HelveticaNeueLT-LightCondObl { 
	font-family: HelveticaNeueLT-LightCondObl;
	font-weight: normal;
	font-style: normal;
}
.HelveticaNeueLT-LightCond { 
	font-family: HelveticaNeueLT-LightCond;
	font-weight: normal;
	font-style: normal;
}
body {
	margin: 0;
	padding: 0;
	min-width:320px;
	background:#f0f2f1;
	width:100%;
}
img{
	border:0;
}
#Container{
	margin:0 auto;
	width:100%;
}
/*START HEADER------------------------------------------------*/
#Header{
	position:relative;
	width:100%;
	height:150px;
	z-index:800;
	background:#3e3e3e;
}
#Leaderboard, #Lowerboard{
	width:728px;
	margin:0 auto;
	padding:12px 0 0 0;
	clear:both;
}
#Content{
	width:100%;
	background:#f0f2f1;
	padding:20px 0 0 0;
	overflow:hidden;
	max-width:1280px;
	margin:0 auto;
}
#Header a{
	outline:none;
}
#Header .nav-bgbar{
	position:absolute;
	bottom:0;
	left:0;
	background:#252525 url('/wp-content/themes/m3/images/nav-bg.gif') top left no-repeat;
	width:100%;
	height:28px;
}
#M3Logo{
	position:absolute;
	top:0;
	left:0;
	background:url('/wp-content/themes/m3/images/m3logo.png');
    /*background:url('http://www.m3tv.ca/wp-content/uploads/2014/07/m3logo-summer-3.png') no-repeat;*/
	width:165px;
	height:359px;
}
#M3Logo a{
	display:block;
	width:104px;
	height:68px;
	position:absolute;
	top:86px;
	left:0;	
}
#MainNav{
	margin:0;
	padding:0;
	list-style:none;
	width:248px;
	position:absolute;
	bottom:0;
	left:104px;
}
#MainNav li{
	float:left;
	height:28px;
	margin:0;
	padding:0 16px;
}
#MainNav li a.navitem{
	display:block;
	height:28px;
	line-height:14px;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#ffffff;
	text-decoration:none;
	margin:8px 0 0 0;
	padding:0;
}

#MainNav li a.navitem:hover, #MainNav li a.navitem.on{
	color:#39c5f1;
}
#MainNav #NavDropdown{
	background: url("/wp-content/themes/m3/images/black90.png");
	position:absolute;
	top:28px;
	left:-104px;
    width: 100%;
	height:545px;
	padding:0;
	display:none;
}
.MainDropdown {
   /* background: url("/wp-content/themes/m3/images/black90.png");*/
    color: #FFFFFF;
    font-family: HelveticaNeueLT-MediumCond;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 2px;
    position: absolute;
    text-transform: uppercase;
    top:28px;
	left:-104px;
    width: 100%;
	padding:0;
	height:545px;
	display:none;
}
#NavDropdown .close{
	display:block;
	width:34px;
	height:32px;
	background:url('/wp-content/themes/m3/images/close-button.png');
	text-indent:-9999px;
	position:absolute;
	right:20px;
	bottom:20px;
}
.MainDropdown .navinner{
	margin:0 auto;
	padding:0;
	max-width:1400px;
	width:100%;
	overflow:hidden;
}

.MainDropdown .featured{
	position:relative;
}
.MainDropdown .featured h3, #NewsDropdown h3{
	border-bottom: 1px solid #FFFFFF;
    font-family: HelveticaNeueLT-MediumCondObl;
    font-size:13px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:2px;
	margin-top: 20px;
    padding: 0 0 5px 0;
}
.MainDropdown .featured a.more-link, #ShowsDropdown .more-link, #NewsDropdown .more-link{
    font-family: HelveticaNeueLT-MediumCond;
    font-size:13px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:2px;
	text-decoration:none;
	position:absolute;
	top:0;
	right:0;
	color:#ffffff;
	text-transform:uppercase;
}
#ShowsDropdown .more-link{
	right:16px;
}
#ShowsDropdown .allshows{
	right:148px;
}
.MainDropdown .featured a.more-link:hover, #ShowsDropdown .more-link:hover, #NewsDropdown .more-link:hover{
	color:#CCCCCC;
}
.MainDropdown .featured a.more-link span, #ShowsDropdown .more-link span, #NewsDropdown .more-link span{
	color:#39c5f1;
	font-size:18px;
	line-height:13px;
}
#MainNav .MainDropdown .featured ul{
	margin:0;
	padding:0;
	list-style:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;    
	width: -moz-calc(100% +16px);
	width: -webkit-calc(100% + 16px);
	width: -o-calc(100% + 16px);
	width: calc(100% + 16px);
	overflow:hidden;
}
#MainNav .MainDropdown .featured li{
	float:left;
	width:20%;
	margin:0;
	padding:0 16px 0 0;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;        
}
.MainDropdown .featured li .inner{
    margin:0;
    overflow: hidden;
    padding: 0 0 10px 0;
    position: relative;
}
.MainDropdown .featured li .link{
	display:none;
}
.MainDropdown .hover{
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	z-index:2;
}
.MainDropdown .featured li img, #MusicDropdown .countdown li img, #NewsDropdown li img{
	width:100%;
}
#ShowsDropdown img{
	min-height:87px;
}
.MainDropdown .hover-text-ww{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	display:none;
}
.MainDropdown .hover-text-wrap{
	width:100%;
	height:100%;
	overflow:hidden;
	display:table;
}
.MainDropdown .hover-text{
	display:table-cell;
	height:16px;
	line-height:16px;
	width:100%;
	color: #FFFFFF;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center; 
	vertical-align: middle;
	width:100%;
}
/*.MainDropdown .hover-text  {
	color: #FFFFFF;
	display: none;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center; 
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}*/
.MainDropdown .featured li .tnail, #MusicDropdown .countdown li .tnail, #NewsDropdown li .tnail {
	display:block;
	overflow: hidden;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	line-height:0;
	font-size:0;
	max-height:154px;
}
#NewsDropdown li .tnail{
	max-height:240px;
}
.MainDropdown .featured li .artist, .MainDropdown .featured li .track{
	margin:0;
	padding:0;
}
.MainDropdown .featured li .artist{
	margin-top:4px;
}
.MainDropdown .featured li .artist a, .MainDropdown .featured li .track a, .MainDropdown .featured li .watch, #MusicDropdown .countdown li .title, #MusicDropdown .countdown li .artist, #MusicDropdown .countdown li .track,  #ShowsDropdown .extra,  #ShowsDropdown .title,  #ShowsDropdown .airdate, #NewsDropdown .title{
	clear: left;
	color: #ffffff;
	display: block;
	float: left;
	font-family: HelveticaNeueLT-MediumCond;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 5px 0 0 0;
	padding:0;
	text-decoration: none;
	text-transform: uppercase;
	height:auto;
}
.MainDropdown .featured li:hover .artist a, .MainDropdown .featured li:hover .track a, #MusicDropdown .countdown li:hover .title, #MusicDropdown .countdown li:hover .artist, #MusicDropdown .countdown li:hover .track{
	text-decoration:underline;
}
.MainDropdown .featured li .track a, #MusicDropdown .countdown li .track{
	font-family: HelveticaNeueLT-LightCond;
	margin-top:0;
}
.MainDropdown .row{
	margin:15px 0 0 0;
	width: -moz-calc(100% +16px);
	width: -webkit-calc(100% + 16px);
	width: -o-calc(100% + 16px);
	width: calc(100% + 16px);
}
#MusicDropdown .countdown{
	width:80%;
	float:left;
}
#MusicDropdown .countdown li .tnail .num{
	background:#444444;
	color: #FFFFFF;
	display: block;
	font-family: HelveticaNeueLT-MediumCond;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	padding: 0 3px;
	position: absolute;
	right: 0;
	text-align: center;
	bottom: 0px;
	width: 18px;
}
#MusicDropdown .countdown li  .arrowwrap{
	position:absolute;
	bottom: 0px;
	right:25px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background:#444444;
}
#MusicDropdown .countdown li  .arrow{
	margin:6px 0 0 6px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #38d5ff;
	text-indent:-9999px;
}
.MainDropdown .row h3{
	border-bottom: 1px solid #FFFFFF;
    font-family: HelveticaNeueLT-MediumCondObl;
    font-size:13px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:2px;
	margin-top: 10px;
    padding: 0 0 5px 0;
	width: -moz-calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	width: -o-calc(100% - 16px);
	width: calc(100% - 16px);
}

#MusicDropdown .countdown ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
#MusicDropdown .countdown li{
	float:left;
	width:25%;
	margin:0;
	padding:0 16px 0 0;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;        
}
#MusicDropdown .countdown li .inner, #NewsDropdown li .inner{
	margin:0;
    overflow: hidden;
    padding: 0 0 10px 0;
    position: relative;
}
#MusicDropdown .firstspin, #MusicDropdown .musicshows{
	width:20%;
	float:left;
}
#MusicDropdown .firstspin h3, #MusicDropdown .musicshows h3, #ShowsDropdown .col1 h3, #ShowsDropdown .col2 h3, #ShowsDropdown .col3 h3{
	border-bottom: 1px solid #FFFFFF;
    font-family: HelveticaNeueLT-MediumCondObl;
    font-size:13px;
	font-weight:normal;
	font-style:normal;
	letter-spacing:2px;
	margin-top: 10px;
    padding: 0 0 5px 0;
	width: -moz-calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	width: -o-calc(100% - 16px);
	width: calc(100% - 16px);
}
#MusicDropdown .firstspin .tnail{
	float:left;
	position:relative;
	overflow:hidden;
	line-height:0;
}
#MusicDropdown .firstspin .artist, #MusicDropdown .firstspin .title{
	clear: left;
	color: #ffffff;
	display: block;
	float: left;
	font-family: HelveticaNeueLT-MediumCond;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 5px 0 0 0;
	padding:0;
	text-decoration: none;
	text-transform: uppercase;
	height:auto;
}
#MusicDropdown .firstspin-item:hover .artist, #MusicDropdown .firstspin-item:hover .title{
	text-decoration:underline;
}
#MusicDropdown .firstspin .title{
	margin-top:0;
}
#MusicDropdown .musicshows a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	margin:0 0 3px 0;
}
#MusicDropdown .musicshows a:hover{
	text-decoration:underline;
}
#ShowsDropdown .airdate{
	margin:0;
	font-family: HelveticaNeueLT-LightCond;
}
#ShowsDropdown .extra{
	margin:0;
	color:#39c5f1;
	font-family: HelveticaNeueLT-MediumCondObl;
}
#ShowDropwdown h3 span{
	color:#39c5f1;
}
#ShowsDropdown .featured li:hover .title, #ShowsDropdown .featured li:hover .airdate, #ShowsDropdown .featured li:hover .extra{
	text-decoration:underline;
}
#ShowsDropdown .list-wrap{
	float:left;
	width:50%;
}

#MainNav #ShowsDropdown .list-wrap ul{
	margin:0;
	padding:0;
	list-style:none;
}
#MainNav #ShowsDropdown .list-wrap ul li{
	margin:0 0 8px 0;
	padding:0;
	float:none;
	height:auto;
	width:100%;
	width: -moz-calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	width: -o-calc(100% - 16px);
	width: calc(100% - 16px);
}
#ShowsDropdown .list-wrap ul li a{
	color:#ffffff;
	text-decoration:none;
	height:auto;
	font-family:HelveticaNeueLT-MediumCond;
	font-size:12px;
}
#ShowsDropdown .list-wrap ul li a:hover{
	text-decoration:underline;
}
#ShowsDropdownWrapper{
	display:none;
}
#ShowsDropdown .col3{
	float:left;
	width:20%;
}
#ShowsDropdown .col1, #ShowsDropdown .col2{
	float:left;
	width:40%;
	position:relative;
}
#ShowsDropdown .col1 ul li a{
	color: #39C5F1;
}
#ShowsDropdown .col2 .more-link{
	top:9px;
}
#ShowsDropdown .col3 img{
	width:100%;
	width: -moz-calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	width: -o-calc(100% - 16px);
	width: calc(100% - 16px);
	float:left;
}
#ShowsDropdown .col3 .title, #ShowsDropdown .col3 .airdate{
	float:left;
	clear:left;
}
#NewsDropdown ul{
	margin:0;
	padding:0;
	list-style:none;
	width: -moz-calc(100% + 16px);
	width: -webkit-calc(100% + 16px);
	width: -o-calc(100% + 16px);
	width: calc(100% + 16px);
	overflow:hidden;
}
#NewsDropdown li{
	margin:0;
	float:left;
	width:33.333333333%;
	padding:0 16px 0 0;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;      
}
#NewsDropdown li:hover .title{
	text-decoration:underline;
}
#LatestNewsDropdown{
	position:relative;
	width:100%;
}
#SocialSearch{
	position:absolute;
	bottom:0;
	right:0;
	width:217px;
	height:40px;
	/*background:url('/wp-content/themes/m3/images/header-right-bg.png?v=1');*/
}
#SocialSearch .search{
	position:absolute;
	top:3px;
	left:21px;
	width:17px;
	height:24px;
	background:url('/wp-content/themes/m3/images/search-icon.png');
}
#SocialSearch .youtube{
	position:absolute;
	top:9px;
	left:67px;
	width:31px;
	height:11px;
	background:url('/wp-content/themes/m3/images/youtube-icon.png');
}
#SocialSearch .facebook{
	position:absolute;
	bottom:6px;
	left:150px;
	width:7px;
	height:13px;
	background:url('/wp-content/themes/m3/images/facebook-icon.png');
}
#SocialSearch .instagram{
	position:absolute;
	top:8px;
	left:144px;
	width:14px;
	height:13px;
	background:url('/wp-content/themes/m3/images/instagram-icon.png');
}
#SocialSearch .twitter{
	position:absolute;
	bottom:6px;
	left:178px;
	width:14px;
	height:13px;
	background:url('/wp-content/themes/m3/images/twitter-icon.png');
}
#SearchField{
	position:absolute;
	top:0;
	left:-257px;
	width:273px;
	height:30px;
	background:url('/wp-content/themes/m3/images/search-bg.png?v=1');
	display:none;
}
#SearchField input{
	background:none;
	border:0;
	outline:none;
	width:215px;
	font-size:15px;
	line-height:30px;
	height:30px;
	margin:0 0 0 30px;
}
#MainNavSm{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:-320px;;
	left:0;
	height:300px;
	background:#3e3e3e;
	width:100%;
	padding:20px 0 0 20px;
}
#MainNavSm li a{
	text-decoration:none;
	color:#ffffff;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
	text-transform:uppercase;
	letter-spacing:5px;
	line-height:70px;
}
#MobileToggle{
	display:none;
	width:29px;
	height:22px;
	background:url('/wp-content/themes/m3/images/menu-toggle.png');
	text-indent:-9999px;
	position:absolute;
	bottom:15px;
	right:20px;
}
/*Channel List*/
#Channels #ChannelToggle{
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:2px;
	position:absolute;
	left:369px;
	bottom:4px;
}
#Channels #ChannelToggle:hover{
	color:#CCCCCC;
}
#Channels #ChannelToggleMobile{
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:2px;
	position:absolute;
	left:109px;
	bottom:2px;
	display:none;
	width:153px;
}
#Channels #ChannelToggle .text{
	float:left;
	margin:0;
	background:none;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	width:150px;
	text-indent:0;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:2px;
	height:auto;
}
#Channels #ChannelToggle span, #Channels #ChannelToggleMobile span{
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#00CCFF;
	font-size:18px;
	text-transform:lowercase;
	width:10px;
	height:10px;
	text-indent:-9999px;
	background:url('/wp-content/themes/m3/images/channel-toggle.png') 0 0 no-repeat;
	margin:3px 0 0 6px;
}

#Channels .dropdown{
	position:absolute;
	top:150px;
	left:0;
	width:100%;
	height:670px;
	background:url('/wp-content/themes/m3/images/black90.png');
	font-family: HelveticaNeueLT-MediumCond;
	font-weight: normal;
	font-style: normal;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#ffffff;
	display:none;
}
#Channels .dropdown .close{
	display:block;
	width:34px;
	height:32px;
	background:url('/wp-content/themes/m3/images/close-button.png');
	text-indent:-9999px;
	position:absolute;
	right:20px;
	bottom:20px;
}
#Channels .dropdown dl{
	margin:10px 0 0 0;
	padding:0;
	float:left;
	width:33%;
}
#Channels .dropdown dt{
	margin:6px 30px 0 60px;
	padding:3px 0 0 0;
}
#Channels .dropdown dt.main{
	margin-top:30px;
	padding:0 0 8px 0;
	border-bottom:1px solid #ffffff;
	font-family: HelveticaNeueLT-MediumCondObl;
}
#Channels .dropdown dd{
	margin:3px 0 0 60px;
	padding:0;
	font-family: HelveticaNeueLT-LightCond;
}
#Channels .dropdown span{
	margin:0 0 0 20px;
}
/*END HEADER-----------------------------------------------------*/
/*START ROTATOR--------------------------------------------------*/
#MainRotatorWrapper{
	width:100%;
	position:relative;
	overflow:hidden;
	opacity:inherit;
	filter:inherit;
}
#MainRotator{
	width:100%;
	height:100%;
	overflow:hidden;
}
#MainRotator ul{
	margin:0;
	padding:0;
	min-width:320px;
	width:100%;
	list-style:none;
	overflow:hidden;
	position:relative;
	opacity:inherit;
	filter:inherit;
}
#MainRotator .slideholder li{
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:inherit;
	filter:inherit;
}
#MainRotator .featuredimg{
	overflow:hidden;
	display:block;
	width:100%;
	height:100%;
}
#MainRotator .featuredimg img{
	width:100%;
	height:auto;
	border:0;
}
.RotatorHeadlinesBG{
	position:absolute;
	top:0;
	right:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.RotatorHeadlinesBG .angle{
	width:0;
	height:0;
	border-bottom:500px solid #000000;
	border-left:300px solid transparent;
	float:left;
}
.RotatorHeadlinesBG .block{
	float:left;
	width:315px;
	height:500px;
	background:#000000;
}
#MainRotator .headlinesinner{
	position:absolute;
	top:320px;
	right:30px;
	width:364px;
	z-index:2;
}
#MainRotator .headlines{
	position:absolute;
	bottom:0;
	right:-615px;
	width:615px;
	height:100%;
	/*background:url('/wp-content/themes/m3/images/rotatortext-bg.png?v=1') -20px 0;*/
}
#MainRotator li:first-child .headlines{
	right:0;
}
#MainRotator .headlines a.title{
	display:block;
	margin:12px 0 0 -2px;
	text-decoration:none;
	color:#ffffff;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:50px;
	float:left;
	text-transform:uppercase;
	letter-spacing:5px;
}
#MainRotator .headlines a.description{
	text-decoration:none;
	color:#ffffff;
	font-family: HelveticaNeueLT-MediumCond;
	font-weight: normal;
	font-style: normal;
	font-size:15px;
	display:block;
	float:left;
	clear:left;
	margin:0;
	text-transform:uppercase;
	letter-spacing:4px;
	width:100%;
}
#MainRotator .headlines a.description span{
	display:block;
	font-family: HelveticaNeueLT-LightCond;
	font-weight: normal;
	font-style: normal;	
	margin:3px 0 0 0;
	font-size:22px;
}
#MainRotator .headlines a.description span sup{
	vertical-align:top;
}
#MainRotator .headlines .extra{
	text-decoration:none;
	color:#ffffff;
	font-family: HelveticaNeueLT-MediumCond;
	font-weight: normal;
	font-style: normal;
	font-size:15px;
	display:block;
	float:left;
	clear:left;
	margin:0;
	text-transform:uppercase;
	letter-spacing:2px;
	width:100%;
}
#MainRotator .headlines .link{
	float:left;
	clear:left;
}
#MainRotator .headlines .link a{
	display:block;
	float:left;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:15px;
	letter-spacing:2px;
	text-transform:uppercase;
	text-decoration:none;
	color:#39C5F1;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	/*background:url('/wp-content/themes/m3/images/link-diamond.png') -3px 5px no-repeat;*/
}
.rotator-nav{
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	width:100%;
}
.rotator-button{
	display:block;
	width:20%;
	height:30px;
	float:left;
	position:relative;  
	background:url('/wp-content/themes/m3/images/blank.gif');
}
.rotator-button .inner{
	margin:10px 20px 0 20px;
	position:relative;
	height:30px;
}
.rotator-button span{
	display:block;
	text-indent:-9999px;
	height:6px;
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
	transform: skew(155deg); 
    -o-transform: skew(155deg); 
    -moz-transform: skew(155deg); 
    -webkit-transform: skew(155deg);
	-ms-transform: skew(155deg);
}
.rotator-button span.yellow{
	background:#f4da6d;	
}
.rotator-button span.yellow.on{
	background:#f4e8b4;
}
.rotator-button span.red{
	background:#de435e;	
}
.rotator-button span.red.on{
	background:#f76c91;	
}
.rotator-button span.blue{
	background:#39c5f1;	
}
.rotator-button span.blue.on{
	background:#96d7f7;	
}
.rotator-button span.grey{
	background:#c0c2c1;	
}
.rotator-button span.grey.on{
	background:#e6e8e7;	
}
#MainRotator .rotator-arrows{
	width:540px;
	height:38px;
	padding:30px 0 0 0;
	position:absolute;
	right:20px;
	bottom:40px;
}
#MainRotator .rotator-arrows .back, #MainRotator .rotator-arrows .next{
	display:block;
	width:34px;
	height:38px;
	background:url('/wp-content/themes/m3/images/rotator-arrows.png');
	float:left;
	text-indent:-9999px;
	
}
#MainRotator .rotator-arrows .next{
	background-position:-34px 0;
	float:right;
}
#MainRotator .mobile-headlines{
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#MainRotator .mobile-headlines a{
	display:block;
	text-decoration:none;
	color:#ffffff;
	padding:10px 0 15px 5px;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:25px;
	letter-spacing:4px;
	text-transform:uppercase;
	background:url('/wp-content/themes/m3/images/black60.png');
}
/*END ROTATOR-----------------------------------------------------------*/

/*START CONTENT---------------------------------------------------------*/
/*Content Block*/
.content-block{
	padding:16px 0 16px 0;
	width:100%;
	overflow:hidden;
	clear:both;
	float:left;
	position:relative;
	min-height:279px;
}
.content-block h3{
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	letter-spacing:3px;	
	color:#484848;
	margin:0 0 0 15px;
	padding:0;
	text-transform:uppercase;
}
.content-block ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	width:100000px;
	
}
.content-block ul li{
	float:left;
	width:300px;
}
.content-block ul li .tnail{
	float:left;
	width:100%;
}
.content-block ul li img{
	width:100%;
	float:left;
}
.content-block ul li .hover{
	display:none;
	position:absolute;
	bottom:0;
	left:0;
}
.content-block ul li .hover-text{
	display:none;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	text-decoration:none;
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size:32px;
	letter-spacing:3px;	
	color:#ffffff;
	text-transform:uppercase;
	text-align: center;
	vertical-align: middle;  
}
.content-block ul li .title{
	display:block;
	float:left;
	clear:left;
	text-decoration:none;
	font-family: HelveticaNeueLT-MediumCond;
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	letter-spacing:2px;	
	color:#484848;
	text-transform:uppercase;
	margin:12px 0 0 12px;
	width:96%;
}
.content-block ul li .inner{
	margin:0 0 16px 16px;
	padding:0 0 10px 0;
	background:#ffffff;
	position:relative;
	overflow:hidden;
}
.content-block .outer{
	margin:20px 0 16px 0;
	overflow-y:hidden;
	overflow:auto;
}
.content-block.bb .outer{
	margin-right:25%;
}
.content-block .bigbox{
	float:left;
	position:absolute;
	top:54px;
	right:16px;
	width:25%;
	overflow:hidden;
}
.content-block .bigbox .bbouter{
	margin-left:16px;
	background:#ffffff;
}
.content-block .bigbox .bbinner{
	width:300px;
	margin:0 auto;
}
.content-block .jspTrack{
	background:#2a2a2a;
	height:7px;
}
.content-block .jspDrag{
	background:#3bc6ed;
	margin:0 0 0 10px;
}
.content-block .jspHorizontalBar{
	height:7px;
	background:none;
	visibility:hidden;
}
.content-block .jspCap{
	display:block;
	width:16px;
	height:7px;
	background:none;
}
.content-block .jspCapRight{
 	display:none;
}
.VideoList .artist, .VideoList .track{
	margin:0;
	padding:0;
}
.VideoList .artist a, .VideoList .track a{
	clear: left;
    color: #484848;
    display: block;
    float: left;
    font-family: HelveticaNeueLT-MediumCond;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 12px 10px 0 12px;
    text-decoration: none;
    text-transform: uppercase;
} 
.VideoList .track a{
	margin-top:3px;
	font-family: HelveticaNeueLT-LightCond;
}
#NewsBlock ul li .tnail{
	width:50%;
}
#NewsBlock ul li .title{
	width:46%;
	clear:none;
}
#NewsBlock ul .inner{
	padding-bottom:0;
}
#NewsBlock .description{
	float:left;
	text-decoration:none;
	width:46%;
	margin:5px 0 0 12px;
	color:#484848;
	font-family: HelveticaNeueLT-LightCond;
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	line-height:20px;
}
#NewsBlock .description p{
	margin:0;
	padding:0;
}
#NewsBlock .description.sm, #NewsBlock .description.med{
	display:none;
}
#ShowList{
	width:100%;
	margin:20px 0 0 0;
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
}
#ShowList h3{
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 3px;
	color: #484848;
	margin: 0 0 0 15px;
	padding: 0;
	text-transform: uppercase;
}
#ShowList .outer{
	height:315px;
	margin:20px 332px 0 16px;
	background:#444444;	
	position:relative;	
}
#ShowList .outer .see-more{
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	position:absolute;
	bottom:5px;
	left:8px;
	text-decoration:none;
	color:#ffffff;
	letter-spacing:2px;
}
#ShowList .outer .see-more .text:hover{
	text-decoration:underline;
}
#ShowList .list-wrap{
	float:left;
	width:33%;
}
#ShowList ul{
	margin:16px;
	padding:0;
	list-style:none;
	border-left:1px solid #ffffff;
	float:left;
	height:245px;
}
#ShowList li{
	float:left;
	clear:left;
	margin:0 0 0 10px;
}
#ShowList li a{
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	margin:0;
	font-family: HelveticaNeueLT-MediumCond;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	letter-spacing:2px;
	line-height:26px;
}
#ShowList li a:hover{
	text-decoration:underline;
}
#Movie{
	position:absolute;
	top:0;
	right:0;
	margin:0 16px 0 0;
	width:300px;
}
#Movie h3{
	font-family: HelveticaNeueLT-MediumCondObl;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 3px;
	color: #484848;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#Movie .movie-box{
	width:300px;
	height:315px;
	background:#000000;
	margin:20px 0 0 0;
}
#Movie .movie-box img{
	float:left;
}
#Movie .movie-box p{
	margin:0;
	padding:0;
	float:left;
	clear:left;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color:#ffffff;
	text-transform:uppercase;
	letter-spacing:2px;
	width:280px;
}
#Movie .movie-box sup{
	vertical-align:top;
}
#Movie .movie-box p.title{
	font-family: HelveticaNeueLT-MediumCond;
	margin:16px 0 0 10px;
}
#Movie .movie-box p.date{
	font-family: HelveticaNeueLT-LightCond;
	margin:2px 0 0 10px;
}
#ShowList .list-wrap-mobile{
	display:none;
}
#NewsBlock{
	margin-top:20px;
}
#mediaplayerdiv{
	width:100% !important;
	height:100% !important;
	max-width:100% !important;
	max-height:100% !important;
}
/*START Contest*/
/*#ShowList ul#ContestList{
	margin:20px 0 30px 0;
	padding:0;
	list-style:none;
	border:0;
	float:left;
	height:auto;
}	
#ShowList ul#ContestList li{
	margin:0;
	padding:0;
	float:left;
	width:300px;
	height:81px;
	overflow:hidden;
	clear:left;
	border-bottom:2px solid #F0F2F1;
}	
#ShowList ul#ContestList li img{
	border:0;
	float:left;
	width:300px;
	height:81px;
}
#ShowList .outer {
	height:447px;
}
#ShowList ul {
	height:393px;
}*/
/*END Contest*/ 
/*END CONTENT-----------------------------------------------------------*/

/*START FOOTER----------------------------------------------------------*/
	#Footer{
		margin:20px 0 0 0;
		font-family: HelveticaNeueLT-MediumCond;
		font-weight: normal;
		font-style: normal;
		font-size:13px;
		color:#ffffff;
		padding:17px 0 10px 0;
		height:14px;
		width:100%;
		background:#3e3e3e;
		letter-spacing:2px;
	}
	#Footer span{
		float:left;
		margin:0 0 0 16px;
	}
	#Footer a{
		text-decoration:none;
		color:#ffffff;
	}
	#Footer #companylogo {
		background: url("http://www.muchmusic.com/images/home30/logowhite.png") no-repeat scroll left bottom transparent;
		display: block;
		float: left;
		height: 22px;
		margin: -6px 11px 10px;
		text-indent: -9999px;
		width: 84px;
	}
	#Footer #siteterms{
		float:right;
		margin:0 16px 0 0;
	}
	#Footer #siteterms span{
		margin:0 8px;
		float:none;
	}
/*END FOOTER------------------------------------------------------------*/
@media (max-width: 1450px){
	#NewsBlock .description.lrg, #NewsBlock .description.sm{
		display:none;
	}
	#NewsBlock .description.med{
		display:block;
	}
	.MainDropdown .navinner{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;   
		box-sizing: border-box; 
		padding:0 16px;   
	}
}
@media (max-width: 1300px){
	#MainRotator .headlinesinner{
		top:auto;
		bottom:80px;
	}
}
@media (max-width: 1120px){
	#Footer{
		height:40px;
	}
	#Footer #siteterms{
		float:left;
		clear:left;
		margin:0 0 0 16px;
	}
}
@media (max-width: 1060px){
	#M3Logo{
		height:64px;
        /*height:83px;*/
		width:118px;
		top:118px;
		background-position:0 -86px;
	}
	#M3Logo a{
		top:0px;
		left:5px;
	}
	#NewsBlock .description.med, #NewsBlock .description.lrg{
		display:none;
	}
	#NewsBlock .description.sm{
		display:block;
	}
	#NewsBlock .title{
		margin-top:2px;
		font-size:16px;
	}
	#Channels .dropdown dt, #Channels .dropdown dd{
		margin-left:20px;
	}
	#MainRotator .rotator-arrows{
		width:500px;
	}
	#MainRotator .headlinesinner{
		top:auto;
		bottom:40px;
		right:47px;
	}
}
@media (max-width: 800px){
	#Footer{
		height:60px;
	}
}
/*Mobile Leaderboard*/
@media (max-width: 747px){
	.MainDropdown{
		display:none !important;
	}
	#Header{
		height:135px;
	}
	#Header .nav-bgbar{
		display:none;
	}
	#M3Logo{
		top:71px;
	}
	#MobileToggle{
		display:block;
	}
	#Leaderboard, #Lowerboard{
		width:320px;
		height:50px;
		overflow:hidden;
	}
	#MainNav{
		display:none;
	}
	#SocialSearch{
		display:none;
	}
	#MainRotator .mobile-headlines{
		display:block;
	}
	#MainRotator .headlines{
		display:none;
	}
	.content-block.bb{
		padding:0 0 321px 0;
	}
	.content-block .bigbox{
		top:300px;
	}
	#ShowList{
		height:730px;
	}
	#ShowList .outer{
		margin:20px 16px 0 16px;
	}
	#Movie{
		top:388px;
		width:100%;
		margin:0;
	}
	#Movie h3{
		margin-left:16px;
	}
	#Movie .movie-box{
		margin:20px 16px 0 16px;
		width
	}
	#Channels #ChannelToggle{
		left:120px;
	}
	#Channels .dropdown{
		top:135px;
		height:300px;
		overflow-y:scroll;
		 -webkit-overflow-scrolling: touch;
	}
	#Channels .dropdown dl{
		clear:left;
		width:100%;
	}
	#Channels .dropdown dt.main{
		margin-top:15px;
	}
	#Channels .dropdown .close{
		display:none;
	}
	/*START Contest*/
	/*#Movie{
		top:503px;
		width:300px;
		left:20px;
		right:auto;
	}
	#Movie h3{
		margin:0;
	}
	#Movie .movie-box{
		margin:20px 0 0 0;
	}
	#ShowList{
		height:968px;
	}*/
	/*END Contest*/
}
@media (max-width: 570px){
	#Channels #ChannelToggle{
		display:none;
	}
	#Channels #ChannelToggleMobile{
		display:block;
	}
}
@media (max-width: 500px){
	#Footer{
		height:68px;
	}
	#ShowList{
		height:887px;	
	}
	#ShowList .list-wrap-mobile{
		display:block;
	}
	#ShowList .list-wrap{
		display:none;
	}
	#Movie{
		top:530px;
	}
	#ShowList .outer {
		height:472px;
	}
	#ShowList ul{
		height:413px;
		border:none;
	}
	/*START Contest*/
	/*#ShowList{
		height:1015px;
	}*/
	/*END Contest*/
}
@media (max-width: 420px){
	#NewsBlock .description.sm{
		display:none;
	}
}
@media (max-width: 350px){
	.content-block .bigbox{
		right:auto;
	}
	.content-block .bigbox .bbouter{
		margin-left:10px;
	}
	#Movie .movie-box{
		margin:20px 0 0 10px;
	}
	/*START Contest*/
	/*#Movie{
		left:10px;
	}
	#Movie .movie-box{
		margin-left:0;
	}*/
	/*END Contest*/
}