/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/

	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {border-collapse: collapse;border-spacing: 0;}
	a {text-decoration: none; color: #FFF;}
	.clear { clear:both}

	@font-face {
		font-family: myriad-pro,sans-serif;
		font-style: normal;
		font-weight: 300;	
	}
	
	i {font-style: italic;}		
	h1 .section-name {font-weight: 100; margin-left: 4px;}
	h2 {font-size: 2.6em; font-weight: bold; line-height:1.1em}	
	
	body {background: #000; font-family: Helvetica,Arial,sans-serif; margin:0; padding:0;}
	#top_bg_wrap {background: #000 url("http://i.usatoday.net/video/_common/images/bg_texture_top.png") repeat 0 0; border-bottom:solid 1px #363636;}
	
	.lt-ie9 .tk-myriad-pro {font-family: Arial, sans-serif;}
	.lt-ie8 .ui-dots {width: 800px; height: 30px; margin: 0 auto; display: block; text-align: center;}
	
/* 	header styles */
	
	#news .news a, #entertainment .entertainment a, #sports .sports a, #passages .passages a {color: #DDD}
	.arrow-down {display:none;}	
	#news .news a .arrow-down, #entertainment .entertainment a .arrow-down, #sports .sports a .arrow-down, #passages .passages a .arrow-down {display:block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid; border-top-color: #000; opacity: 0.75; height: 0; width: 0; position: absolute; bottom: -10px; left: 46%;}	
	.lt-ie9 .arrow-down {filter: alpha(opacity = .4);}
	.divider-bar {width: 1px; height: 100%; display: block; background: #666; position: absolute; right: 0px;top: 0px;}

/* content styles */

	#ghost-wrapper{height: 768px; margin: 0 auto; width: 1024px; position: relative; overflow: hidden; -webkit-translate3d(0,0,0);}
	
  /* footer ui-controls styles */	
	.ui-controls {width: 100%; position: absolute; bottom: 0px; height: 42px; background: rgba(0,0,0,1.0); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000); /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000,endColorstr=#FF000000); /* IE6 & 7 */ zoom: 1;}
	.ui-controls li {float: left; margin: 6px 4px 0;}
	.ui-controls .ui-nav .controls {background: url('http://i.usatoday.net/_common/data-vis/global-library/images/ui-controls-sprite.png') no-repeat; height: 35px; width: 35px; cursor: pointer; padding: 0 5px;}
	.ui-controls .ui-nav #prev {background-position: 5px 0; }
	.ui-controls .ui-nav #play {background-position: -30px 0; }
  	.ui-controls .ui-nav #play.pause {background-position: -101px 0;}  
	.ui-controls .ui-nav #next {background-position: -65px 0;}		
	.ui-controls .ui-nav {margin: 0 auto; width: 168px;}
	.ui-controls .ui-nav li {margin-top: 7px;}
	.ui-controls a {padding: 0}
	.sharing-tools {position: absolute; right:0px;}
	.sharing-tools {position: absolute; right:0px;}
	#prev{ display: none;}



/*--GLOBAL -------------------------------------- */
.row {text-align: left;}
h3 {font-size: 1.5em;};
.row {margin: 0 auto; max-width: 1140px;overflow: hidden; width: 100%;}
a {text-decoration: none; outline:none; border:none; color:#FFF;}
.rounded-corners {-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border:#3f4040 1px solid;}
.clear{clear: both;}
.box-shadow{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);}
.hide { display: none !important; }
ul {padding: 0; margin: 0}

#body_wrapper {margin: 0 auto 0; width:1024px}
.poster-ad {float: right; background:#333; width:300px; height:250px}



/*--TOP NAV -------------------------------------- */
.head_wrap { margin: 0 auto; width:1024px}
#hd-video {float: left; width: 1024px;}
.nav-home, h3.home{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/news-nav.gif") no-repeat scroll 0 3px;}
.nav-news, h3.news{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/news-nav.gif") no-repeat scroll 0 3px;}
.nav-travel, h3.travel{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/travel-nav.gif") no-repeat scroll 0 3px;}
.nav-money, h3.money{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/money-nav.gif") no-repeat 0 3px;}
.nav-sports, h3.sports{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/sports-nav.gif") no-repeat 0 3px;}
.nav-life, h3.life{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/life-nav.gif") no-repeat 0 3px;}
.nav-yourlife, h3.yourlife{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/yourlife-nav.gif") no-repeat 0 3px;}
.nav-tech, h3.tech{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/tech-nav.gif") no-repeat 0 3px;}
.nav-weather, h3.weather{background:transparent url("http://i.usatoday.net/mediagallery2/_common/Images/weather-nav.gif") no-repeat 0 3px;}

#hd a {color:#fff}
#nav-video {padding-top: 4px;}
#nav-site {font-size: 11px;padding-top: 8px;}
#nav-site li {margin-right: 10px;padding-left: 10px;}
.h-stack ul {padding: 14px 0 10px 30px;}
.h-stack, .h-stack ul li { display: inline; float: left;}
#hd {background-color: #1e2025;
background: -webkit-gradient(linear, left top, left bottom, from(#37393f), to(#1e2025)); 
background: -moz-linear-gradient(top,  #37393f,  #1e2025); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8); 
-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8); 
color:#FFF; position:static; top:0; left:0; width:100%; opacity:.95; z-index:1001; z-index:99999;}
#hd h1{ font-weight:300; font-size:20px; float:left; display:inline; margin: 10px 0 0 0; line-height: 28px;}

#hdPlaceholder {background: #252525 url("http://i.usatoday.net/video/_common/images/bg_texture_top.png"); height: 48px; width: 100%; /*padding-bottom: 12px;*/}

.addthis_toolbox {float: right; margin:12px 0}
.addthis_button_facebook { margin: 0 2px 0 0}

/*--LOGO -------------------------------------- */
.usat-logo {background:url("http://i.usatoday.net/video/_common/images/USATODAY_logo.png") ; background-repeat:no-repeat; text-indent: -99999px;   display: block; float:left; height:30px; width:50px; margin:0 10px 10px 0}


/*--BODY STYLES -------------------------------------- */
#factories_wrap { width:1024px; background: #333; margin: 0 0 20px; position:relative; top:68px }
#content_wrap { padding-top: 20px;}
#right_rail_wrapper { width:300px; float:right; border: 1px solid #666; border-radius: 5px 5px 5px 5px; margin: 0 0 15px 0; background:#333;} 
#right_rail_wrapper h2 { font-size: 16px; font-weight: bold; color:#ccc; border-bottom: 1px solid #666; padding: 6px 8px;}
#right_rail_wrapper h3 { font-size: 12px; font-weight: normal; color:#3D3D3D; margin: 0 0 4px}
#right_rail_wrapper h3:hover { text-decoration: underline}
#right_rail_wrapper p { font-size: 11px; margin: 0 0 20px}
#right_rail_wrapper ul {padding: 5px 0 0}
#right_rail_wrapper li { border-bottom: 1px solid #ccc; margin: 8px 10px 0; padding: 1px 0 6px; }
#right_rail_wrapper img { float: right; padding: 10px 10px 10px 0}
#fb_comments { float: left; width:680px}


/*--FOOTER -------------------------------------- */
#ft {color:#fff;clear:both}
#footerAd {width: 728px; margin: 0 auto; padding: 10px 0;}
.footer-links {text-align:center;}
.footer-links a {color:#fff;text-decoration:none;}
#footer_wrapper {width: 980px; margin:auto; font-size: 10px; color: #4c5a66;}
#footer_wrapper a {text-decoration: none; color:#4c5a66;}
#footer_wrapper a:hover {text-decoration: underline; color:#6d8192}
#footer_wrapper ul { padding: 0; margin: 8px 0} 
#footer_wrapper li {display: inline; padding: 0 5px; border-left: 1px solid #333}
#footer_wrapper li.first {border: none; padding: 0 5px 0 0;}
#footer_wrapper li.last {border: none; padding: 0 0 0 5px;}
#footer_middle {clear: both; border-top: 1px solid #1c2529; border-bottom: 1px solid #1c2529;}
#footer_bottom {clear: both; margin: 10px 0}
.footer_left {float:left}
.footer_right {float:right}
.footer_center {text-align:center}

.ipad_only {display: none}

.desktop_only {display: block}


/* CLEARFIX
*************************************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}
.ipad_vert_wrapper { display: none }


@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#ghost-factories{height: 960px; width: 768px;}
	#ghost-factories li {width: 768px; height: 960px;}
	#factories_wrap { width:768px; background: #000; margin: 0 auto; position: absolute; top:0 }
	#ghost-wrapper {height: 960px; width: 768px;}
	.nav {width: 100%; position: absolute; top:32px; z-index: 800; background: rgba(0,0,0,0.75);}
	.nav ul li a {width: 192px;}
	.landscape {margin-top: 170px;}
	.splash-text.news-splash {top: 230px; width: 260px;}
	.ipad_only {display: block;}
	.addthis_toolbox {z-index:999999; position:absolute; top:-7px; right:10px;  opacity: 0.7}
	.addthis_toolbox:hover {opacity: 1}
	.addthis_button_facebook { margin: 0 20px 0 0; padding:0}
	.desktop_only {display: none}
 }


@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#ghost-factories{ width: 1024px; height: 700px; margin: 0 auto; position: relative; text-align: left;}
	#ghost-wrapper {height: 700px;}
	#factories_wrap {background: #333; margin: 0; position:relative; top:0 }
	.nav {width: 100%; position: absolute; top:32px; z-index: 800; background: rgba(0,0,0,0.75);}
	.splash-text {top: 160px;}
	.ipad_only {display: block;}
	.addthis_toolbox {z-index:999999; position:absolute; top:-7px; right:0; opacity: 0.7}
	.addthis_toolbox:hover {opacity: 1}
	.addthis_button_facebook { margin: 0 20px 0 0; padding:0}
	.desktop_only {display: none}
}