.wf-loading h1 {
	visibility: hidden;
}

.wf-active h1 {
	font-family: 'Unkempt';
	visibility: visible;
}

.wf-inactive h1,
.wf-active .ja h1,
.wf-active .zh h1 {
	font-family: Arial;
}



/*
Mothball site
hide content while javascript kicks in to perform redirect to hub page
*/
body {display: none;}
body.intro {display: block;}

/*
Uncomment the following CSS rule and push the update if you need to
disable the Track Santa in 3D links on the www.noradsanta.org pages
ALSO check track2d.css to disable button on map
#track3d {display:none;}

Hide 2d when it isn't Phase 2
#track-on-map {display:none !important;}
*/



html {
	font-family: verdana,arial,sans-serif;
	font-size: 85%;
	text-rendering: optimizeLegibility;
	line-height: 150%;
	background: #e5e5e5;
}

body {
	max-width: 800px;
	padding: 10px;
	margin: 0 auto 20px auto;
}

/* IE6 */
* html body {
	width: 800px;
}

h1, h2, h3 {
	margin: 0 0 .5em 0;
	clear: both;
}

h1 {
	font-size: 220%;
	line-height: 120%;
	clear: left;
}

h2 {
	font-size: 120%;
	margin-top: 1.5em;
}

h3, h4 {font-size: 100%;}

h4 {
	margin: .5em 0 0 0;
	color: #000;
}

p {margin: 0 0 1em 0;}

img {
	display: inline-block;
	max-width: 100%;
}

blockquote {
	margin: 1em auto;
	padding: 1em 1em 0 1em;
	background: #f0f0f0;
	font-size: 95%;
}

blockquote p {
	margin: 0;
	padding-bottom: 1em;
	text-align: center;
}

blockquote i.attribution {
	display: block;
	text-align: right;
	font-weight: bold;
	margin-top: 1em;
	margin-left: 30%;
}

noscript div {
	background: #fbdd9e;
	border: solid 1px #8d8d8d;
	padding: 25px 25px 0 25px;
	margin-bottom: 24px;
}

/* images and video and flash ************************************************/

iframe {
	border: 0;
}

iframe + p {
	margin-top: 1em;
}

iframe.home,
iframe.wrapped {
	width: 100%;
	max-width: 431px;
	height: 350px;
}

iframe.student {
	width: 100%;
	max-width: 640px;
	height: 360px;
}

iframe.wrapped.mid {height: 315px;}
iframe.wrapped.wide {height: 270px;}

img.wrapped, iframe.wrapped {
	float: right;
	margin: 0 0 1em 1.5em;
}

img.wrapped.left,
iframe.wrapped.left,
iframe.home {
	float: left;
	margin: 0 1.5em 1em 0;
	clear: left;
}

img.framed {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 1em auto;
	display: block;
}

img.virginia {
	float: right;
	border: 1px solid #ccc;
	padding: 13px 10px;
	margin: 0 0 1em 1.5em;
	-moz-box-shadow: 3px 3px 8px #ccc;
	-webkit-box-shadow: 3px 3px 8px #ccc;
	box-shadow: 3px 3px 8px #ccc;
}

img.thumb {
	width: 1px;
	height: 1px;
	position: absolute;
	display: none;
}

span.test {
	float: left;
	border: 1px solid #ccc;
	padding: 13px;
	margin: 0 2em .1em 0;
}

a img {border: 0;}

/* IE6 */
* html img.left, * html iframe.left {
	float: left;
	margin: 0;
	padding: 0 1.5em 1em 0;
}

/* IE6 */
* html iframe.left {
	float: left;
	margin: 1em 0;
}



/* menu items ****************************************************************/

#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu li {
	float: left;
}

#menu a {
	font-weight: bold;
	font-size: 85%;
	font-family: arial;
	display: block;
	margin: 0;
	padding: .3em .6em;
	color: #111e34;
	background: #fff;
	text-decoration: none;
	border: 1px solid white;
	border-bottom: 0;
}

#menu ul {
	position: absolute;
	left: -999em;
	border-top: 1px solid;
}

#menu ul li {
	float: none;
	border: 1px solid;
	border-top: 0;
}

#menu ul li a {border: 0;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}

/* IE6 */
* html #menu ul {background: #fff;}
* html #menu ul li a {width: 120px;}



/* head **********************************************************************/

#head {
	overflow: hidden;
	background: #fff url(../images/header.jpg) no-repeat;
	padding-top: 88px;
	margin-bottom: 24px;
	/* IE6 */
	height: 1%;
}

#head a.home {
	display: block;
	width: 240px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -999em;
	display: none;
}

form {
	text-align: right;
	padding: 0 10px 3px 0;
	margin: 0;
}

form label {font-weight: bold;}



/* layout blocks *************************************************************/

.nowrap {white-space: nowrap}

.village {
	clear: both;
	float: left;
}

.mobile {
	width: 58%;
	float: left;
}

.social {
	float: right;
	width: 38%;
}

#contents, #head {border: solid 1px #8d8d8d;}

#contents {
	padding: 25px;
	background: #fff;
	overflow: hidden;
}

* html #contents {height: 1%;}

div.column {
	float: left;
	margin: 0 20px 0 0;
}

div.column.last {margin-right: 0;}

div.column.two {width: 56%;}
div.column.two.last {width: 41%;}

div.column.three {
	width: 28%;
	background: #f0f0f0;
	border: 1px solid #ccc;
	padding: 0 10px;
}

div.column .g-button-green, div.column .g-button-red {
	padding: 10px;
	width: auto;
}

div.column img{
	margin: 0 auto 1em auto;
	display: block;
}

div.column.santa.first {width: 57%;}

div.column.santa.last {
	width: 38%;
	float: right;
}



/* launch page ***************************************************************/

body.intro {
	width: 100%;
	max-width: 762px;
}

body.intro p {font-size: 100%;}

body.intro #head {
	background: #fff url(../images/splash.jpg) no-repeat;
	min-height: 458px;
}

body.intro #container {
	margin: 100px 20px 0 395px;
	padding: 20px;
	background-image: url(../images/tint_white.png);
}



/* home page *****************************************************************/

#countdown {
	font-size: 35px;
	color: #939c96;
	margin: 0 auto 1em auto;
	text-align: left;
}

#countdown td {
	padding: 0 .1em;
}

#countdown .numbers {
	font-weight: bold;
	text-align: right;
	line-height: 148%;
}

#countdown .footnote {
	font-weight: bold;
	font-size: 40%;
}

div.column.santa.last h3 {margin-bottom: .5em;}

div.column.santa.last img {
	float: none;
	display: inline;
	padding-right: 10px;
	border: 0;
}



/* video pages ***************************************************************/

#videocontent {display: none;}

#movie, #videothumbs {margin-top: 1em;}

#videothumbs {
	width: auto;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 10px 5px 0 5px;
	background-color: #F0F8FF;
}

#videothumbs table {width: 100%;}

.videothumb {
	text-align: center;
	font-size: 0.8em;
	width: 100px;
	vertical-align: top;
}

.videothumb a img {border: 0;}

.goodwill iframe {
	width:48.128342245989305%;
	height:300px;
	max-width:100%;
	float: left;
	margin:0 0 1em 0;
}

.goodwill iframe.alt {
	margin-left: 3.74%
}



/* playlist pages ***************************************************************/

#youtube-player {
	width: 100%;
	max-width: 640px;
	height: 384px;
}

#youtube-playlist {
	overflow: hidden;
	padding: 0;
	width: 100%;
	max-width: 650px;
}

#youtube-playlist li {
	float: left;
	width: 120px;
	list-style: none;
	position: relative;
	display: block;
	height: 68px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	font-size: 80%;
}

#youtube-playlist img {
	position: absolute;
	top: -11px;
}



/* bits and pieces ***********************************************************/

a.qrcode {
	position: relative;
	display: inline-block;
}

a.qrcode img {
	position: absolute;
	display: none;
	bottom: 1.5em;
	left: -10px;
	-webkit-box-shadow: 0px 0px 20px #000000;
	-moz-box-shadow: 0px 0px 20px #000000;
	box-shadow: 0px 0px 20px #000000;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.qrcode:hover img {display: block;}

div.mobile-device {
	width: 100%;
	max-width:765px;
	margin:10px auto 0 auto;
	clear:both;
	font-size:11px;
}

.passage {text-align: center;}
.passage h3 {margin-top: 1em;}
.passage iframe {margin: .5em 0 1em 0;}

#countupdate, #countupdate p {display:none;}

table.sleigh-spec {
	border-collapse: collapse;
	margin: auto;
}

table.sleigh-spec td {
	border: 1px solid #999;
	font-weight: bold;
	text-align: right;
	padding: .2em .5em;
}

table.sleigh-spec td + td, table.sleigh-spec td em {
	font-weight: normal;
	text-align: left;
}

table.logo {
	text-align: center;
	width: 100%;
	margin: .5em 0;
}

#cntcookies {
	font-weight: bold;
	font-size: 200%;
	display: block;
}

.link-top {text-align: right;}
@media print {.link-top { display: none; }}

textarea.embedcode {
	color: #060;
	font-family: courier;
	padding: 5px;
	font-size: 90%;
	width: 100%;
	max-width: 600px;
	margin-bottom: 1em;
}

#audio {
	float: left;
	width: 100%;
	max-width: 400px;
}

#audio h4 {font-size: 90%;}
#audio h4 {margin-top: .5em;}
#audio h4:first-child {margin-top: 0;}


#border-graphic {
	position: absolute;
	z-index: 1000;
	left: -13px;
	bottom: -15px;
	width: 80px;
	height: 125px;
	background: url(../map/images/track3d_border_cane.png) no-repeat scroll bottom left;
	display: none\9;/* hide from IE9 and older*/
}



/* About NORAD video links */

div#mapanorad {position: relative;}

div#mapanorad a {
	position: absolute;
	display: block;
	text-indent: -999px;
}

div#mapanorad a.alaska {
	top: 3%;
	left: 15%;
	width: 33%;
}

div#mapanorad a.canada {
	top: 35.5%;
	left: 36%;
	width: 37%;
}

div#mapanorad a.us {
	top: 88%;
	left: 53%;
	width: 44%;
}



/* TRACK3d *******************************************************************/

#resume-button,
#track3d-not-installed,
#track3d-not-supported,
#track3d-outage,
#track3d-ready {
	display: block;
}

p.tips {
	clear: both;
}

.track3d_iframe p.tips {
	display: none;
}

div.g-button-green {
	width: 290px;
}

#track-on-map {
	display: none;
	float: right;
	margin-top: -15px;
}

.track3d #track-on-map {
	display: inline;
}

.track3d_iframe #border-graphic {
	display: none;
}

body.track3d_iframe {
	padding: 0;
}



/* SOCIAL *******************************************************************/

#___plusone_0 {
	float: right !important;
	border-left: 20px solid #fff !important;
}




/* TOGGLING *******************************************************************/

#p2,
#resume-button,
#track3d-not-installed,
#track3d-not-supported,
#track3d-outage,
#track3d-ready,
#track3d-ready {
	display: none;
}

.goodwill #language,
.messages #language {
	visibility: hidden;
}

/*
Show hidden content and colour Phase 1 and 2
#p2,
#track3d-not-supported,
#track3d-outage {
display: block;
}
#p1 {background: #ffe5e5;}
#p2 {background: #e5ffe5;}
*/

body.debug {
	display: block !important;
}



/* colours *******************************************************************/

h1, h2, h3, #countdown .numbers {color: #cd2c22;}
#menu ul, #menu ul li, #menu li:hover a {border-color: #cd2c22;}
#menu a:hover {color: #fff; background: #cd2c22;}
h2 strong {color:#000;}



@media only screen and (device-width: 768px) { /* ipad */

	#menu li:hover ul {
		display: none;
	}

	#track3d,
	p.village,
	.flash {
		display: none;
	}

} /* ipad */



@media screen and (max-width: 480px) { /* mobile */

	html {background:#fff; font-size:80%;}
	body {padding:0; margin:0;}
	#head {position: relative;}
	#head a.home {display: block;}
	.landing #menu {margin-top: 75px;}

	#contents, #head {border: 0;}
	#contents {padding:0; margin:1em;}
	#head {border-bottom: 1px solid #eee; padding-top: 10px; margin-bottom: 0;}
	#menu {margin-top: 50px;}
	#menu li:hover ul {display: none;}
	#menu a {padding: .6em 1em;}
	h1 {font-size: 175%}
	h2 {font-size: 100%}

	#language label,
	#track3d,
	p.village,
	.optional,
	.embedcode,
	#menu .home,
	a.qrcode:hover img,
	.flash {
		display: none;
	}

	#mapArea iframe {
		height: 300px;
	}

	#track-on-map {
		display: none !important;
	}

	img.wrapped,
	iframe.wrapped,
	iframe.home, 
	img.virginia,
	.goodwill iframe {
		float: none !important;
		margin: 1em auto !important;
		display: block;
	}

	.mobile,
	.social {
		width: 100% !important;
		float: none !important;
	}

	.goodwill iframe {width: 100%;}

	iframe.home,
	iframe.wrapped,
	.goodwill iframe,
	.messages object,
	iframe.student {
		height: 240px !important;
	}

	iframe.home {
		display: none !important;
	}

} /* mobile */