@import url("/fonts/segoe/stylesheet.css");

BODY { background-color: #000000; }
#siteContent { width: 100%; height: 100%; }
SUB { vertical-align: sub; }
SUP { vertical-align: super; }
SUB, SUP {
	font-size: 0.5em;
	line-height: 100%;
}

#bgCover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/v/gridtile_3x3.png"); 	
	z-index: 1;
	display: none;
}
#sendOff { 
	width: 600px;
	margin: 30px auto;
	z-index: 100;
	position: absolute;
	left: 50%;
	margin-left: -300px;
}

#whcLogo {
	font-family: "SegoeLight", Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 38px;
	color: #f2f2f2;
	
	-webkit-filter: drop-shadow(8px 8px 2px rgba(0,0,0,0.3));
	text-shadow: 6px 6px 2px rgba(70, 70, 70, 1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=8, OffY=8, Color='#333')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=8, OffY=8, Color='#333')";
	text-align: center;
	margin-bottom: 30px;
}

#sendOff P, #sendOff LI, #wibble {
	font-family: "SegoeLight", Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;	
	font-size: 16px;
	color: #d0d0d0;
}
#sendOff P {
	margin-bottom: 20px;
	text-align: justify;
	line-height: 24px;	
}
#sendOff LI { line-height: 18px; }
#sendOff P STRONG { 
	font-family: "SegoeSemibold", Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;	
	font-weight: normal;
}
#sendOff A, #wibble A { color: #2F9EF8; outline: none; text-decoration: none; border-bottom: 1px dotted #2F9EF8; }
#sendOff A:hover, #wibble P.vc A:hover { color: #AA0000; border-bottom: 1px solid #AA0000; }
#sendOff P.future, #wibble P.vc { 
	color: #404040; 
	font-size: 11px; 
	line-height: 14px; 
	margin-top: 60px; 
	letter-spacing: 0.08em;
}
#wibble P.vc { margin: 0; font-size: 10px; color: #505050; }
#wibble P.vc A { color: #707070; border-color: #707070; }
#sendOff UL { margin-left: 30px; list-style: square; }
#sendOff UL LI { padding-left: 10px; }

#video_background { 
	position: absolute;
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -1000; 
	overflow: hidden;
	display: none;
}

#wibble {
	position: absolute; 
	bottom: 30px;
	left: 30px;
	font-size: 9px;
	color: #303030;	
	z-index: 100;
	cursor: pointer;
}