/* *****************************************************************************
_styles.css
Standard formatting styles.

originator  = Wayne Chang (Apr 2008)
last modify = Wayne Chang (Dec 2008)
***************************************************************************** */


/* =====================================================================
Common to all pages
===================================================================== */

body {
	background:				#fff url(../_chrome_s2/bkgnd_clouds.jpg) fixed repeat-x top 0%;
	background-image:		url(../_chrome_s2/bkgnd_clouds.jpg);
	background-color:		#fff;
	background-repeat:		repeat-x;
	background-position:	top center;
	background-attachment:	fixed;
	
	font-family:			"Trebuchet MS", sans-serif;
	color:					#ccc;
}

body.media {
	margin:					0;
	padding:				0;
	background-image:		none;
	background-color:		#000;
}

img {
	border:					none;
}

h1, h2 {
	margin:					0;
}

a:link, a:visited {
	color:					#ccc;
	font-weight:			bold;
	text-decoration:		none;
}

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

#rainbow {
	position:				absolute;
	top:					360px;
	left:					0px;
	width:					333px;
	height:					222px;
	z-index:				75;
}


/* =====================================================================
Specific to home pages
===================================================================== */

#home_earth {
	margin:					50px 100px 0 0;
	text-align:				center;
}

#home_reel {
	position:				absolute;
	top:					100px;
	left:					950px;
}

#buttonbar {
	margin:					100px 100px 0 0;
	text-align:				center;
}

.icon_btn {
	margin:					0 30px;
}


/* =====================================================================
Subpage
===================================================================== */

#sub_earth {
	position:				absolute;
	top:					75px;
	left:					100px;
	z-index:				50;
}

#sub_ring {
	position:				absolute;
	top:					250px;
	left:					250px;
	z-index:				1;
}

#sub_icon_game {
	position:				absolute;
	top:					450px;
	left:					640px;
	z-index:				5;
}

#sub_icon_media {
	position:				absolute;
	top:					405px;
	left:					880px;
	z-index:				5;
}

#sub_anim_hero {
	position:				absolute;
	z-index:				3;
}

#sub_nametag {
	position:				absolute;
	top:					265px;
	left:					865px;
	width:					250px;
	z-index:				100;
}

#sub_nametag img {
	margin-bottom:			-0.5em;
}

#sub_game_label {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				5;
}

#sub_game {
	position:				absolute;
	top:					40px;
	left:					0;
	width:					800px;
	height:					600px;
	z-index:				1;
}


/* =====================================================================
Media popup
===================================================================== */

.media_box {
	position:				absolute;
	z-index:				1;
}

#media_picker, #media_picker p {
	position:				absolute;
	top:					5px;
	right:					3px;
	margin-top:				0;
	text-align:				right;
	z-index:				10;
}

#media_bkgnd {
	position:				absolute;
	left:					-108px;
	top:					0px;
	z-index:				0;
}

object p {
	margin:					50px;
	text-align:				center;
}