/******************************
----------------- Typography */

@font-face { 
	font-family: 'BankGothicMdBTMedium'; 
	src: url('../fonts/bank_gothic_medium_bt-webfont.eot'); 
	src: local('?'), url('../fonts/bank_gothic_medium_bt-webfont.woff') format('woff'),
		url('../fonts/bank_gothic_medium_bt-webfont.ttf') format('truetype'), 
		url('../fonts/bank_gothic_medium_bt-webfont.svg#webfontEvYmR9Wt') format('svg'); 
	font-weight: normal;
	font-style: normal; 
}
body { 
	color: #fff; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	line-height: 18px;
}

h1 { 
}
h2 { 
}
h3 { 
}
h4 { 
	font-size: 13px; 
	line-height: 14px;
}
h5 {
}

a { 
	color: #ccc;
	text-decoration: none;
}
a:hover, 
a:focus { 
	text-decoration: underline; 
}
a:active {
	color: #fff; 
}

/******************************
------------------ Wildcards */

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.block {
	display: block;
}

.hidden {
	display: none;
}

.rel {
	position: relative;
}

/******************************
--------- Structure & Layout */

body { 
	background: #0f1406 url(../images/backgrounds/body.jpg) repeat;
	overflow-x: hidden;
}
.container, .copyright {
	position: relative;
	margin: 0 auto;
	width: 957px;
}

.col_left { 
	width: 581px; 
}
.col_right { 
	width: 357px; 
}

.checkbox { 
	display: block;
	height: 22px;
	padding-left: 27px;
	background: url(../images/ie_ui/checkbox_sprite.jpg) no-repeat 0px 0px;
	font-size: 11px; 
	font-weight: bold;
	line-height: 22px; 
}
.checkbox.active { 
	background-position: 0px -66px; 
	color: #fff; 
}

.grid_view_button { 
	display: block;
	height: 21px;
	padding-right: 27px;
	background: url(../images/ie_ui/grid_view_sprite.jpg) no-repeat right top;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
}
.grid_view_button.active { 
	background-position: right -21px;
	color: #fff; 
}

.section_header {
	display: block;
	height: 43px; 
	padding: 15px;
	background: url(../images/backgrounds/section_header.png) repeat-x;
}

.pagination {
	position: absolute;
	width: 120px;
	right: -10px;
	bottom: -13px;
	padding: 10px 15px;
	background-color: #7e7e7e;
	border: none;
	z-index:100;
}
.pagination .prev {
	position: relative;
	display: block;
	width: 49px;
	height: 8px;
	background: url(../images/ui/prev_sprite8.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.pagination .more { 
	position: relative;
	display: block;
	width: 52px;
	height: 8px;
	background: url(../images/ui/more_sprite8.png)  no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}
.pagination .prev:hover, 
.pagination .more:hover { 
	background-position: 0px -8px;
}
.pagination .prev:active,
.pagination .more:active {
	top: 1px; 
}
.pagination .inactive {
	cursor: default;
}
.pagination .inactive:hover { 
	background-position: 0px 0px; 
}
.pagination .inactive:active { 
	top: 0px; 
}

/******************************
----------------- Navigation */

#site_navigation { 
	display: inline-block;
	height: 31px; 
	padding: 0px 2px 0px 22px;
	background: url(../images/backgrounds/site_navigation.png) repeat-x;
}
#site_navigation li { 
	position: relative;
	float: left;
	margin-right: 18px;
}
#site_navigation li a { 
	color: #727272; 
	font-size: 10px; 
	line-height: 31px; 
	text-transform: uppercase; 
}
#site_navigation li.active a { 
	color: #004375; 
	font-weight: bold;
}
#site_navigation li.active img { 
	position: absolute;
	top: 31px;
	left: 50%; 
	margin-left: -4px;
}

/******************************
--------- Header & Countdown */

#faux_bar { 
	position: absolute;
	top: 95px;
	width: 100%;
	height: 100px; 
	background: url(../images/backgrounds/header.png) repeat-x;
	border-top: 1px solid #444;
	overflow: hidden;
}

#logo { 
	display: block;
	height: 227px;
	width: 257px;
	background: url(../images/ui/logo.png) no-repeat;
}

#countdown { 
	width: 590px;
	height: 119px;
	margin-top: 55px;
	background: #000 url(../images/backgrounds/countdown.png) repeat-x;
	border-top: 1px solid #444;
}
#countdown.live { 
	height: 120px;
	background: #000 url(../images/backgrounds/live.gif) repeat-x;
	border-top: 0px;
}

#countdown.live #clock { 
	display: none;
}
#event_image { 
	margin: 10px 30px 0px 5px;
}
.number { 
	position: relative;
	width: 34px;
	height: 40px; 
	margin: 40px 1px 0px 0px;
}
.label { 
	position: relative; 
	margin-right: 20px; 
}
.days { 
	bottom: -54px;
}
.hours {
	bottom: -59px;
}
.minutes {
	bottom: -61px;
}
.seconds { 
	bottom: -59px; 
}

.flip { 
	position: absolute;
	width: 34px;
	height: 20px;
	background-color: #000; 
	border-top: 1px outset #505050; 
	color: white; 
	font-family:'BankGothicMdBTMedium', Helvetica, Arial, sans-serif; 
	font-size: 35px; 
	line-height: 40px; 
	text-align: center; 
	overflow: hidden;
}

.top { 
	top: 0px; 
	border-bottom-width: 1px;
}
.bottom { 
	top: 21px;
	border-top-width: 0px;
	background-color: #000;
}
.bottom span {
	display: block;
	margin-top: -20px;
}
.front { 
	z-index: 200; 
}
.back { 
	z-index: 0;
}
.hide { 
	display: none;
}

/******************************
----------------- Multistory */

#multistory { 
	margin-bottom: 60px; 
}

.slide { 
	background: url(../images/backgrounds/slide.png) top repeat-x;
	color: #6b6b6b; 
	height: 428px;
	padding: 25px 20px;
	position: relative;
	width: 541px;
	-moz-box-shadow: 0px 5px 25px #000;
	-webkit-box-shadow: 0px 5px 25px #000; 
}

#cycle_pager { 
	text-align: center;
}
#cycle_pager a { 
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0px 5px 5px;
	background: url(../images/ui/cycle_pager.png) no-repeat; 
	text-indent: -9999px;
}
#cycle_pager a.activeSlide,
#cycle_pager a:hover { 
	background-position: 0px -8px; 
}
.slide_content {
	position: absolute;
	z-index: 5;
	left: 18px;
}
.slide_background { 
	position: absolute;
	top: -5px; 
	left: -10px;
	z-index: 1;
}

/******************************
----------------- FanChatter */

#fanchatter { 
	margin-bottom: 60px;
}

/******************************
------------- Official Feeds */

#official_feeds { 
	position: relative;
	margin-bottom: 100px;
}
#official_feeds .section_header { 
	margin-bottom: 34px; 
}
ul#ie_official_feeds_tabs { 
	position: absolute;
	top: 73px;
	left: -10px;
	width: 595px;
	height: 49px; 
	z-index: 10;
}
ul#ie_official_feeds_tabs li { 
	display: block;
	position: relative;
	margin: 0px;
	float: left;
}
ul#ie_official_feeds_tabs li a { 
	display: block; 
	text-indent: -9999px; 
}

ul#ie_official_feeds_tabs li a.youtube { 
	width: 116px; 
	height: 39px;
	background: url(../images/ie_ui/youtube.png) no-repeat 0 0;
}
ul#ie_official_feeds_tabs li a.facebook { 
	width: 121px;
	height: 39px;
	background: url(../images/ie_ui/facebook.png) no-repeat 0 0; 
}
ul#ie_official_feeds_tabs li a.twitter { 
	width: 110px;
	height: 39px;
	background: url(../images/ie_ui/twitter.png) no-repeat 0 0; 
}
ul#ie_official_feeds_tabs li a.flickr { 
	width: 98px;
	height: 39px; 
	background: url(../images/ie_ui/flickr.png) no-repeat 0 0;
}
ul#ie_official_feeds_tabs li a.foursquare { 
	width: 146px;
	height: 39px;
	background: url(../images/ie_ui/foursquare.png) no-repeat 0 0;  
}

ul#ie_official_feeds_tabs li a.youtube:hover,
ul#ie_official_feeds_tabs li a.facebook:hover,
ul#ie_official_feeds_tabs li a.twitter:hover,
ul#ie_official_feeds_tabs li a.flickr:hover,
ul#ie_official_feeds_tabs li a.foursquare:hover { 
	background-position: 0 -78px ; 
	height: 39px; 
}

ul#ie_official_feeds_tabs li a.youtube.active, 
ul#ie_official_feeds_tabs li a.youtube.active:hover,
ul#ie_official_feeds_tabs li a.facebook.active,
ul#ie_official_feeds_tabs li a.facebook.active:hover,
ul#ie_official_feeds_tabs li a.twitter.active,
ul#ie_official_feeds_tabs li a.twitter.active:hover,
ul#ie_official_feeds_tabs li a.flickr.active,
ul#ie_official_feeds_tabs li a.flickr.active:hover,
ul#ie_official_feeds_tabs li a.foursquare.active,
ul#ie_official_feeds_tabs li a.foursquare.active:hover { 
	background-position: 0 -117px ; 
	height: 49px;
}

/******************************
--------------- YouTube Feed */

#youtube { 
	/*position: relative;*/
	padding: 20px 15px 0px;
	background: #0a1e2f url(../images/backgrounds/official_feed_blue.png) repeat-x top;
	word-wrap: break-word; 
}
#youtube object { 
	margin-bottom: 25px; 
}
#youtube a.vid {
	display: inline-block;
	height: 55px;
	margin: 0px 0px 16px 16px; 
	overflow: hidden;
	vertical-align: text-top; 
	width: 170px; 
}
#youtube a.vid.first { 
	margin-left: 0px; 
}
#youtube a.vid img { 
	float: left;
	margin-right: 5px; 
}

#youtube span.vid_title {
	color: #fff; 
	display: block; 
	font-size: 11px;
	font-weight: bold; 
	line-height: 14px;
}
#youtube span.vid_desc { 
	display: none; 
}

/******************************
-------------- Facebook Feed */

#facebook {
	/*position: relative;*/
	background: #0d0d0d; 
	padding-bottom: 15px;
	word-wrap: break-word;
}
#facebook .filter {
	/*position: relative;*/
	padding: 15px 15px 10px 15px;
	background: #0a1e2f url(../images/backgrounds/official_feed_blue.png) repeat-x top;
}
#facebook .filter a.checkbox { 
	display: block;
	float: left;
	margin-right: 15px;
}
#facebook .filter a.grid_view_button { 
	float: right;
}
#facebook .grid_view {
	position: absolute;
	display: none;
	top: 154px;
	width: 566px;
	padding: 15px 0px 0px 15px;
	vertical-align: text-top;
	background: #192b3d;
	z-index: 10;
}
#facebook .grid_view a.user { 
	display: inline-block; 
	margin: 0px 16px 20px; 
	width: 155px; 
	height: 48px; 
	vertical-align: top; 
}
#facebook .grid_view a.user.first { 
	margin-left: 0px; 
}
#facebook .grid_view a.user img { 
	float: left; 
	width: 48px; 
	height: 48px; 
	margin-right: 10px; 
}
#facebook .grid_view a.user span.name { 
	display: block; 
	height: 48px;
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 13px; 
}

#facebook .item { 
	background: #0d0d0d url(../images/backgrounds/official_feed_black.png) repeat-x; 
	padding: 15px;
}
#facebook .item .avatar.large { 
	display: block; 
	float: left;
	width: 48px; 
	height: 48px; 
	margin-right: 10px; 
}
#facebook .item .avatar.large img { 
	width: 48px; 
	height: 48px;
}
#facebook .item .item_content { 
	float: left; 
	width: 493px; 
	color: #525252; 
	font-size: 12px; 
	line-height: 18px;
}
#facebook .item .time { 
	color: #878787;
	font-size: 10px;
}
#facebook .item a { 
	color: #5c86a5; 
	font-weight: bold;
}
#facebook .comments {
	margin-top: 20px; 
	width: 355px; 
}
#facebook .comments header { 
	background: #0a1e2f url(../images/backgrounds/comments_view_all.png) repeat-x top; 
}
#facebook .comments .view_all { 
	display: block; 
	height: 26px;
	padding-left: 27px;
	background: url(../images/ui/facebook_comments_icon.png) no-repeat 7px 7px; 
	color: #878787;
	font-size: 10px; 
	line-height: 26px;
}
#facebook .comment { 
	background: #0d0d0d url(../images/backgrounds/official_feed_black.png) repeat-x; 
	border-top: 1px solid #313131; 
	padding: 10px; 
}
#facebook .comment .avatar.small { 
	display: block; 
	float: left; 
	width: 32px; 
	height: 32px; 
	margin-right: 10px; 
}
#facebook .comment .avatar.small img { 
	width: 32px;
	height: 32px;
}
#facebook .comment .comment_content { 
	float: left; 
	width: 293px; 
}

/******************************
--------------- Twitter Feed */

#twitter { 
	/*position: relative;*/
	padding-bottom: 15px;
	background: #0d0d0d;
	word-wrap: break-word; 
}

#twitter .filter { 
	/*position: relative;*/
	padding: 15px 15px 10px 15px;
	background: #0a1e2f url(../images/backgrounds/official_feed_blue.png) repeat-x top;
}
#twitter .filter a.checkbox { 
	float: left; 
	margin-right: 15px;
}
#twitter .filter a.grid_view_button { 
	float: right;
}

#twitter .grid_view { 
	display: none;
	position: absolute;
	top: 154px;
	width: 566px;
	padding: 15px 0px 0px 15px;
	vertical-align: text-top;
	background: #192b3d;
	z-index: 10;
}
#twitter .grid_view a.user { 
	display: inline-block; 
	margin: 0px 16px 20px;
	width: 155px;
	height: 48px; 
	vertical-align: top; 
}
#twitter .grid_view a.user.first { 
	margin-left: 0px;
}
#twitter .grid_view a.user img { 
	float: left; 
	width: 48px;
	height: 48px; 
	margin-right: 10px; 
}
#twitter .grid_view a.user span.name { 
	display: block; 
	height: 48px; 
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 13px; 
}

#twitter .item { 
	background: #0d0d0d url(../images/backgrounds/official_feed_black.png) repeat-x; 
	padding: 15px;
}
#twitter .item img { 
	display: block; 
	float: left; 
	width: 48px;
	height: 48px; 
	margin-right: 10px; 
}
#twitter .item p { 
	width: 493px; 
	color: #525252; 
	font-size: 12px; 
	line-height: 18px; 
	
}
#twitter .item .time { 
	display: block;
	margin-bottom: 0px; 
	color: #878787; 
	font-size: 10px; 
	text-align: right; 
	width: 100%; 
}
#twitter .item a { 
	color: #5c86a5; 
	font-weight: bold; 
}

/******************************
---------------- Flikr Feed */

#flickr { 
	/*position: relative;*/ 
	height: 458px; 
	padding: 20px 15px 15px; 
	background: #0a1e2f url(../images/backgrounds/official_feed_blue.png) repeat-x top; 
	word-wrap: break-word; 
}

#flickr a.img { 
	display: inline-block;
	width: 75px;
	height: 75px;
	margin: 0px 0px 16px 16px;
}
#flickr a.img.first { 
	margin-left: 0px; 
}

#lightbox {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../../flickr/img/lightbox_bg.png);
	z-index: 1000;
}
#lightbox .holder { 
	display: none; 
	position: absolute; 
	background: #000 url(../../flickr/img/ajax-loader.gif) no-repeat center; 
	padding: 8px; 
}
#lightbox .holder .next, 
#lightbox .holder .prev { 
	display: block;
	position: absolute; 
	text-indent: -9000px; 
	width: 45px; 
	height: 96px;
	padding: 0;
	margin: 0;
}
#lightbox .holder .next { 
	top: 50%; 
	right: -24px; 
	margin-top: -48px; 
	border-right: solid 6px #000; 
	background: url(../images/ui/lightbox_next.png) no-repeat; 
}
#lightbox .holder .prev { 
	top: 50%; 
	left: -24px; 
	margin-top: -48px; 
	border-left: solid 6px #000; 
	background: url(../images/ui/lightbox_prev.png) no-repeat; 
}
#lightbox .holder .next:hover, 
#lightbox .holder .prev:hover { 
	background-position: 0px -96px; 
}
#lightbox .holder .next:active, 
#lightbox .holder .prev:active { 
	margin-top: -47px; 
}

/******************************
------------ Foursquare Feed */

#foursquare {
	/*position: relative;*/
	padding: 20px 15px 0px; 
	background: #0a1e2f url(../images/backgrounds/official_feed_blue.png) repeat-x top; 
	word-wrap: break-word; 
}
#foursquare .user { 
	display: inline-block; 
	width: 170px; 
	height: 75px; 
	margin: 0px 0px 16px 16px; 
	vertical-align: text-top; 
	overflow: hidden;
}
#foursquare .user.first { 
	margin-left: 0px; 
}

#foursquare .user img { 
	float: left; 
	margin-right: 10px; 
}

#foursquare span.user_name { 
	display: block; 
	margin-top: 8px; 
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 14px;
}
#foursquare span.user_checkin { 
	display: block; 
	color: #fff; 
	font-size: 9px; 
	font-weight: normal; 
	line-height: 11px; 
}

#foursquare #loading_msg { 
	text-align: center; 
	padding-bottom: 15px; 
}

/******************************
--------------- News & Blogs */

#news_blogs { 
	margin-bottom: 100px; 
}
#news_blogs .item {
	display: block; 
	padding: 20px 15px; 
	min-height: 45px;
	background: #0e2132 url(../images/backgrounds/news_blogs_item.png) 0 0 repeat-x; 
}
#news_blogs .item img {
	position: relative;
	float: left;
	margin:3px 0 0 0; 
	padding: 0 20px 0 0;
}
#news_blogs .item h6 {
	color: #6B6B6B;
}
#news_blogs .item div.clear { 
	clear:both; 
}
#news {
	position: relative; 
	margin-bottom: 25px; 
}
#blogs { 
	position: relative;
}
#news_blogs .pagination { 
	top: 22px; 
	bottom: auto; 
}

/******************************
--------------------- Footer */

#footer {
	display: block;
	padding-top: 23px; width: 100%; 
	border-top: 1px solid #444; 
	background: #000 url(../images/backgrounds/footer.png) repeat-x; 
	font-size: 10px; 
	line-height: 16px;
}
#footer .container { 
	position: relative;
	height: 189px;
}
#footer .left { 
	width: 175px; 
}
#footer a { 
	color: #7395b3; 
}
#footer a.addthis_button { 
	display: block; 
	margin-bottom: 5px; 
}

#footer img.header { 
	margin-bottom: 10px; 
}
#footer #players { 
	position: absolute; 
	right: 0px; 
	bottom: 0px; 
}

#footer hr {
	border-top:solid 1px #252525;
	border-bottom:none;
	margin:0;
}
#footer .copyright {
	font-weight:200;
	padding:40px 0;
	font-size:11px;
	color:#686868;
}
#footer .copyright p {
	margin-bottom:1em;
}
#footer .copyright img {
	margin-bottom:-1px;
	margin-left:-3px;
	margin-right:6px;
}
#footer .copyright a {
	font-weight:200;
	color:#fff;
}

.loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000 url(../../flickr/img/ajax-loader.gif) no-repeat center;
}

layer {
	display:none;
}