@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'cabin';
    src: url('../fonts/cabin-regular-webfont.eot');
    src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-regular-webfont.woff') format('woff'),
         url('../fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('../fonts/cabin-regular-webfont.svg#cabin-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabin';
    src: url('../fonts/cabin-bold-webfont.eot');
    src: url('../fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-bold-webfont.woff') format('woff'),
         url('../fonts/cabin-bold-webfont.ttf') format('truetype'),
         url('../fonts/cabin-bold-webfont.svg#cabin-bold-webfont') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswald-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('../fonts/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald-bold-webfont.svg#oswald-bold-webfont') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: url('../fonts/oswald-light-webfont.eot');
    src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-light-webfont.woff2') format('woff2'),
         url('../fonts/oswald-light-webfont.woff') format('woff'),
         url('../fonts/oswald-light-webfont.ttf') format('truetype'),
         url('../fonts/oswald-light-webfont.svg#oswald-light-webfont') format('svg');
    font-weight: 100;
    font-style: normal;
}

/* ========================================================================== */

/* 
	#292929 	- dark grey: imsa feature bg
	#ffffff 	- imsa page bg
	#ededed 	- light grey - imsa
	#333333 	- text
	#0e0e0e 	- black - header/ footer bg
	#d21a22 	- red
	#cccccc		- light grey imsa menu text
*/

/* ================================================================== Header  */

.series-header	{
	background-image: 		url('../images/bg-champ-header2.jpg');
	background-repeat: 		no-repeat;
	background-position: 	center top;
}

.head-wrapper	{
	background-image: 		url('../images/bg-champ-header.jpg');
	background-repeat: 		repeat-x;
}

.region-header	{
	padding:				0px 0 0 0;
	height:					231px;
}

#block-block-2	{
	max-width: 				220px;
}

#block-block-2 a#logo	{
	width:					207px;
	height:					120px;
	background-position: 	center center;
    padding:				15px 10px 5px 15px;
    background-image:		url('../images/logo-weathertech.png');
}

#block-block-3	{
	max-width: 				100px;
	position: 				absolute;
	top:					0;
	right:					0;
	border-width: 			0 1px;
	border-style: 			none solid;
	border-color:			#0e0e0e;			
}

#block-block-3 a#imsacom	{
	width:					100px;
	height:					46px;
	display:				block;
	background-position: 	center 11px;
    background-image:		url('../../imsa/images/50_logo-imsacom.png');
    background-repeat: 		no-repeat;
    font-size: 				0;
    color: 					transparent;
    position: 				relative;
    z-index: 				100;
}

/* ================================================================== Domain Switcher  */

#block-menu-menu-series-switcher-main	{
	top:					0px;
	right:					100px;
	padding:				0px 0;
	overflow: 				visible;
	z-index: 				0;
	max-width: 				160px;
}

#block-menu-menu-series-switcher-main:hover,#block-menu-menu-series-switcher-main:active{
	max-width: 				100%;
	right: 					0;
	z-index: 				90;
}


#block-menu-menu-series-switcher-main h2	{
	display:				block;
	font-size: 				.8em;
	font-family: 			"oswald", impact, sans-serif;
	font-weight: 			100;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color:					#ccc;
	position:				absolute;
	right:					0px;
	top:					0;
	padding:				15px 30px 14px 20px;
	margin:					0;
	background-image: 		url('../../imsa/images/icon-arrow-down-1.png');
	background-repeat: 		no-repeat;
	background-position: 	88px center;
	border-left:			1px solid #0e0e0e;
	cursor: 				pointer;
	min-width: 				70px;
}

#block-menu-menu-series-switcher-main:hover h2,#block-menu-menu-series-switcher-main:active h2	{
	background-color:		#303030;
	min-width: 				844px;
	right:					0;
	padding:				15px 134px 14px 0;
	text-align: 			right;
	background-position: 	846px center;
	z-index: 				90;
}

#block-menu-menu-series-switcher-main ul.menu	{
	background-color: 		#ededed;
	width:					978px;
	clear:					both;
	padding:				0;
	overflow: 				hidden;
	margin: 				47px 0 0 0;
	height:					0px;
	left:					0;/*
	-webkit-transition: 	all 0.3s;
    -moz-transition: 		all 0.3s;
    transition: 			all 0.3s;*/
}

#block-menu-menu-series-switcher-main:hover ul.menu ,#block-menu-menu-series-switcher-main:active ul.menu
 {
	height:					75px;
	padding:				22px 0;
	-webkit-transition: 	all 0.3s;
    -moz-transition: 		all 0.3s;
    transition: 			all 0.3s;
	z-index: 				90;
}

#block-menu-menu-series-switcher-main ul.menu li	{
	border-right: 			1px solid #ccc;
}

#block-menu-menu-series-switcher-main ul.menu li a	{
	background-color: 		#ededed;
	border-radius: 			0px 0px 0 0;
    padding:				0;
}


/* ================================================================== ADMIN Domain Switcher  */

#block-menu-menu-series-switcher-admin	{
	top:					0px;
	right:					100px;
	padding:				0px 0;
	overflow: 				visible;
	z-index: 				0;
	max-width: 				160px;
}

#block-menu-menu-series-switcher-admin:hover,
#block-menu-menu-series-switcher-admin:active{
	max-width: 				100%;
	right: 					0;
	z-index: 				90;
}


#block-menu-menu-series-switcher-admin h2	{
	display:				block;
	font-size: 				.8em;
	font-family: 			"oswald", impact, sans-serif;
	font-weight: 			100;
	text-decoration: 		none;
	text-transform: 		uppercase;
	color:					#ccc;
	position:				absolute;
	right:					0px;
	top:					0;
	padding:				15px 30px 14px 20px;
	margin:					0;
	background-image: 		url('../../imsa/images/icon-arrow-down-1.png');
	background-repeat: 		no-repeat;
	background-position: 	88px center;
	border-left:			1px solid #0e0e0e;
	cursor: 				pointer;
	min-width: 				70px;
}

#block-menu-menu-series-switcher-admin:hover h2,
#block-menu-menu-series-switcher-admin:active h2	{
	background-color:		#303030;
	min-width: 				844px;
	right:					0;
	padding:				15px 134px 14px 0;
	text-align: 			right;
	background-position: 	846px center;
	z-index: 				90;
}

#block-menu-menu-series-switcher-admin ul.menu	{
	background-color: 		#ededed;
	width:					978px;
	clear:					both;
	padding:				0;
	overflow: 				hidden;
	margin: 				47px 0 0 0;
	height:					0px;
	left:					0;/*
	-webkit-transition: 	all 0.3s;
    -moz-transition: 		all 0.3s;
    transition: 			all 0.3s;*/
}

#block-menu-menu-series-switcher-admin:hover ul.menu ,
#block-menu-menu-series-switcher-admin:active ul.menu
 {
	height:					75px;
	padding:				22px 0;
	-webkit-transition: 	all 0.3s;
    -moz-transition: 		all 0.3s;
    transition: 			all 0.3s;
	z-index: 				90;
}

#block-menu-menu-series-switcher-admin ul.menu li	{
	border-right: 			1px solid #ccc;
}

#block-menu-menu-series-switcher-admin ul.menu li a	{
	background-color: 		#ededed;
	border-radius: 			0px 0px 0 0;
    padding:				0;
}

/* ================================================================== Main Menu  */

#block-menu-menu-sportscar-championship-main ul.menu li a	{
	color:					#fff;
}

/* ================================================================== Leaderboard Ad 728x90  */

#block-ad-leaderboard	{
	top:					70px;
	z-index: 				10;
}

/* ================================================================== Footer Wrapper  */

.footer-wrapper	{
	padding:				40px 0px;
	min-height: 			215px;
	background-color: 		#0e0e0e;
	background-image: 		url('../images/bg-champ-footer.jpg');
	background-repeat: 		repeat-x;
}

/* ================================================================== Region Footer  */



#block-multiblock-2{
	width:					200px;
	height:					110px;
	background-image: 		url("../images/logo-weathertech.png");
	background-repeat: 		no-repeat;
	background-position: 	center center;
	background-size: 		195px auto;
	line-height: 			0; 
    font-size: 				0;
    color: 					transparent;
    padding:				0px 5px 24px 5px;
    position: 				absolute;
    right:					0px;
    top:					30px;
}

/* ==================================================================  Social Menu  */

#block-menu-menu-social-menu ul li,
#block-multiblock-3 ul li	{
  position: relative;
  color: #ccc;
  padding: 2px 8px 4px 0;
  margin: 0 3px;
  font-size: 17px;
}

#block-menu-menu-social-menu ul li a,
#block-multiblock-3 ul li a	{
  text-align: center;
  font-family: "FontAwesome";
  text-transform: uppercase;
  height: 17px;
  width: 17px;
  position: absolute;
  font-size: 0px;
  margin-left: -14px;
}


/* =============================================================== Event Weekend Schedule Section */

.schedule-wrapper {
	background-image: url('../../imsa/images/weathertec_broadcastSchedule_bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-color: #181818;
}

/* =============================================================== Homepage  */

.front .content-wrapper {
	background-color: #fff;
    /*background-image: url("../images/bg_champ_onTV.jpg");
	background-position:center top;
	background-repeat:no-repeat;*/
}

.front .region-feature {
	max-width:100%;
	overflow: hidden;
}

#full-width-slider {
	width: 100%;
	height: 556px;
}

#featurePlayer {
	height: 556px;
	width: 986px;
	max-width: 100%;
	display: block;
	margin: auto;
}

#block-views-feature-block-2 .infoBlock h4 {
	line-height:1.2em;
}

#block-views-feature-block-2 .infoBlock {
	position: absolute;
	bottom: 40px;
	width: 100%;
}

#block-views-feature-block-2 .infoBlock .field {
	max-width: 988px;
	margin: auto;
}

#block-views-feature-block-2 .infoBlock .field .field-items {
	margin: 0;
}

#block-views-feature-block-2 .field-name-field-background img {
	height: auto;
	min-height: 100%;
	min-width: 100%;
}

#block-views-feature-block-2 .infoBlock p {
	line-height:1.3em;
}

#block-views-on-tv-block-1 {
    color: #333;
    float: left;
}

#block-views-on-tv-block-1 h2 {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

/* =============================================================== Search  */

#block-search-form h2 {
	border-left:1px solid #818181;
}


/******************************************************************728x90 Ad*/

#block-simpleads-ad-groups-263{
	top: 70px;
}


#block-views-countdown-block-2 .views-row-1  {
	height: 140px;
	font-weight: bold;
	background-repeat: repeat;
}

.region-blockgroup-countdown-wrapper{
	background-image: url(../../imsa/images/bgTrans138.png),url(../../imsa/images/weathertech_coutdown_background.jpg);
	background-repeat: repeat-x;
	background-position: top,center;
	display: block;
	width: 100%;
	height: 303px;
	clear: both;
}

#tudorClockWim-container {
	height: 133px !important;
}


/***********************************
******TAKEOVER STUFF****************
************************************/

/*Countdown Ad*/
#block-multiblock-5{
    width: 300px;
    position: absolute;
    right: 0px;
    top: 25px;
    z-index: 99999;
}


/*Takeover Ads Championship*/
#block-multiblock-8 {
	width: 242px;
	float: left;
	margin-top: 10px;
}

#block-multiblock-9 {
	width: 242px;
	margin-left: 5px;
	float: left;
	margin-top: 10px;
}

#block-multiblock-10 {
	width: 242px;
	margin-left: 5px;
	float: left;
	margin-top: 10px;
}

#block-multiblock-11 {
	width: 242px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

/*Championship Twitter Takeover Feed*/
#block-multiblock-13 {
	background-color: #fff;
	height: 284px;
	overflow: auto;
	width: 483px;
	margin-left: 5px;
	box-shadow: 0 0 3px 1px #999;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 10px;
}


/************************************************************************************** Championship takeover track block*/
#block-multiblock-14 {
	width: 463px;
	height: 190px;
	background-color: #fff;
	box-shadow: 0 0 3px 1px #999;
	padding: 10px;
	margin: 5px;
	margin-left: 10px;
}

#block-multiblock-14 .views-field-field-track-logo{
    width: 234px;
    float: left;
}

#block-multiblock-14 .views-field-field-track-map{
    float: left;
    width: 223px;
    height: 125px;
    background-color: #ededed;
    border: 1px solid #dbdbdb;
    padding-top: 15px;
}

#block-multiblock-14 .views-field-field-track{
    clear: both;
    width: 100%;
    background-color: #d21a22;
    text-align: center;
    display: inline-block;
}

#block-multiblock-14 .views-field-field-track a{
    color: #fff;
    text-decoration: none;
    font-family: oswald;
    font-size: 15px;
    width: 100%;
    height: 100%;
    padding: 7px 0px;
    display: inline-block;
}

#block-multiblock-14 .views-field-field-track:hover{
    background-color: #A41A20;
}

/*Header Ad*/
#block-block-52{
	top: 70px;
	right: 0px;
}

/*Feature News Article*/
.front .field-name-field-background{
	height: 488px;
}

.front .field-name-body p{
	text-transform: uppercase;
    font-family: oswald;
    text-shadow: 3px 3px 3px #000;
    font-size: 19px;
    margin-top: 5px;
}
.front .field-name-title-field a{
	font-family: oswald;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
}

.front .node-news .node-title{
	display:none;
}

.front .node-news .infoBlock{
	position: absolute; 
}

#block-multiblock-6 {
    float: left;
    width: 480px;
    display: block;
}

#block-imsa-standings-standings-series{
    float: left;
    width: 460px;
    margin-left: 20px;
    display: block;
}


/*Dynamic Upcoming Events Slider*/
#block-block-82 .block-title{
    text-transform: uppercase;
    text-align: center;
}

#block-block-82 .seriesList{
    position: absolute;
    background-color: #333333;
    list-style: none;
    text-transform: uppercase;
    width: 250px;
    z-index: 99999;
    text-align: left;
    top: 77px;
    margin-left: -15px !important;
    padding-bottom: 10px !important;
}

#block-views-upcoming-events-block-2{
	display: block;
}

#block-views-upcoming-events-block-3,
#block-views-upcoming-events-block-4,
#block-views-upcoming-events-block-5,
#block-views-upcoming-events-block-6{
	display: none;
}

#full-width-slider .content{
	height: 556px;
}
/*Home Standings Block*/
.homeStandings #standingSeries{
	margin-left: 150px;
}
.homeStandings #standingSeries li li{
	border-bottom: 1px solid #333;
	padding: 3px 5px;
} 
.homeStandings #standingSeries ul{
	padding-top: 5px;
}

.homeStandings #standingSeries ul li:hover{
	cursor: pointer;
}

.homeStandings #standingSeries li ul{
	margin-top: -5px;
}

.homeStandings #standingClass li li{
	border-bottom: 1px solid #333;
	padding: 3px 5px;
} 
.homeStandings #standingClass ul{
	padding-top: 5px;
}

.homeStandings #standingClass ul li:hover{
	cursor: pointer;
}

.homeStandings #standingClass li ul{
	margin-top: -5px;
}


.homeStandings #seriesHead li:last-child{
	background-image: url(../../imsa/images/smallPatron.png);
	background-position: center;
	background-repeat: no-repeat;
}

#regular_timepiece_canvas{
	top: -45px !important;
	right: -205px !important;
}

#watch_container{
	position: static !important; 
	float: left;
}

#block-views-countdown-block-2 .countdownTitle{
	margin-left: 25px;
}

#countdown-days{
	height: 61px;
}

#countdown-hours{
	background-position: 13px 45px;
	margin-left: 6px;
}

#countdown-minutes{
	background-repeat: no-repeat;
	background-position: 15px 45px;
	height: 61px;
}

.daysTitle{
	margin-top: 3px;
	padding-left: 15px;
}

.hoursTitle{
	margin-top: 3px;
	padding-left: 5px;
}	

.minutesTitle{
	margin-top: 3px;
	padding-left: 5px;
}