/*************************************************************************/
/***************************** global ************************************/
/***
  NOTE: container divs are set to 961px wide (instead of 960px) to avoid
  jittery movement when resizing the browser window. Odd but true.
***/

html, body{
	margin:0;
	padding:0;
	font:12px/18px Georgia, "Times New Roman", Times, serif;
	color:#242424;
	background:url(/images/body-bgRepeat.jpg) repeat top center;
}
#outer{
	background:url(/images/outer-bgRepeat.jpg) repeat top center;
}
#headerOuter{
	width:100%;
	height:130px;
	background:transparent url(/images/header-bg.jpg) no-repeat top center;
}
#headerInner{
	width:961px;
	margin:0 auto;
}

/*************************************************************************/
/****************************** main nav *********************************/

#headerInner span{ /* hide live text */
	display:none;
}
a.donation{
	width:178px;
	height:43px;
	float:left;
	display:block;
	background:transparent url(/images/nav-donation.png) no-repeat;
}
a.donation:hover, a.donation selected{
	background-position: 0 -43px;
}
a.play{
	width:147px;
	height:43px;
	float:left;
	display:block;
	background:transparent url(/images/nav-play.png) no-repeat;
}
a.play:hover{
	background-position: 0 -43px;
}
a.home{
	width:317px;
	height:70px;
	float:left;
	display:block;
}
a.goodies{
	width:145px;
	height:43px;
	float:left;
	display:block;
	background:transparent url(/images/nav-goodies.png) no-repeat;
}
a.goodies:hover{
	background-position: 0 -43px;
}
a.donor{
	width:173px;
	height:43px;
	float:left;
	display:block;
	background:transparent url(/images/nav-donor.png) no-repeat;
}
a.donor:hover{
	background-position: 0 -43px;
}

a.selected{ /* displays arrow over nav */
	background-position: 0 -43px;
}

/*************************************************************************/
/******************************* sub nav *********************************/

#subnav{
	width:180px;
	height:200px;
	margin-top:60px;
	float:left;
}
#subnav a{
	font-size:16px;
	text-align:right;
	padding:17px 40px 0 0;
	display:block;
}
.small{
	background:url(/images/subnav-small.jpg) no-repeat top right;
}
.large{
	background:url(/images/subnav-large.jpg) no-repeat top right;
}
.none{
	background:none;
}

/*************************************************************************/
/***************************** home DIVs *********************************/

#containerHome{
	width:961px;
	height:450px;
	margin:0 auto;
}
#homeGame{
	width:450px;
	float:left;
}
#merch{
	width:300px;
	float:left;
}
#bodyparts{
	width:210px;
	float:left;
}
#register{
	width:210px;
	float:left;
}

/*************************************************************************/
/*************************** content DIVs ********************************/

#container{
	width:961px;
	min-height:400px;
	margin:0 auto;
	background:transparent url(/images/copy-top.png) no-repeat top center;
}
#copy{
	width:530px;
	min-height:340px;
	float:left;
	margin-top:40px;
	padding:0 35px 17px 35px;
	background:#E0DDCB url(/images/copy-btm.png) no-repeat bottom center;
}
#promo{
	width:180px;
	float:left;
	margin-top:20px;
}
#clear{
	width:100%;
	height:100px;
	clear:both;
}
/* send to friend form */
#sendtofriend input{
	width:100%;
	height:19px;
	margin-bottom:3px;
	color:#888888;
	font-weight:bold;
	border:1px solid #9F9D7C;
}
#thumbArt{
	width:175px;
	height:175px;
	margin:0 0 15px 0;
	float:left;
	text-align:center;
	font-weight:bold;
}
#thumbWallpaper, #thumbSticker{
	width:260px;
	height:250px;
	margin:0 0 15px 0;
	padding-right:5px;
	float:left;
	text-align:center;
	font-weight:bold;
}
#thumbSticker{
	height:250px;
}
#thumbArt a, #thumbWallpaper a, #thumbSticker a{
	padding:0 5px 0 5px;
}

/*************************************************************************/
/************************ medium column shop *****************************/

#containerMedium, #containerMediumBook{
	width:961px;
	min-height:400px;
	margin:0 auto;
	background:transparent url(/images/copy-topMedium.png) no-repeat top right;
}
#containerMediumBook{
	background:none;
}
#copyMedium, #copyBook{
	width:710px;
	min-height:200px;
	float:left;
	margin-top:40px;
	padding:0 20px 17px 50px;
	background:#E0DDCB url(/images/copy-btmMedium.png) no-repeat bottom right;
}
#copyBook{
	width:780px;
	margin:-20px 0 0 -20px;
	padding:0 0 0 0;
	background:none;
}

/*************************************************************************/
/************************* full column game ******************************/

#containerLarge{
	width:961px;
	min-height:400px;
	margin:0 auto;
	/* background:transparent url(/images/copy-topLarge.png) no-repeat top center; */
}
#copyLarge{
	width:890px;
	min-height:200px;
	float:left;
	padding:0 35px 17px 35px;
	/* background:#E0DDCB url(/images/copy-btmLarge.png) no-repeat bottom center; */
}
#gameContainer{
	width:777px;
	height:745px;
	margin:0 0 0 95px;
	background:url(/images/game-bg.jpg) no-repeat top center;
}
#game{
	width:760px;
	height:690px;
	margin:8px 18px 8px 9px;
}

/*************************************************************************/
/****************************** footer ***********************************/

#footerOuter{
	width:100%;
	margin-top:-40px;
	background:url(/images/footer-bgRepeat.png) repeat-x top center;
}
#footerInner{
	width:961px;
	height:130px;
	margin:0 auto;
	background:url(/images/footer-inner.png) no-repeat top center;
}
#footerInner span{ /* hide live text */
	display:none;
}
a.dla{
	width:180px;
	height:55px;
	margin:45px 0 0 10px;
	_margin:45px 0 0 5px; /* IE6 */
	float:left;
	display:block;
}
a.sendtofriend{
	width:90px;
	height:50px;
	margin:30px 0 0 45px;
	float:left;
	display:block;
}
#registered{
	width:260px;
	height:45px;
	margin:10px 0 0 23px;
	padding:1px 0 0 4px;
	float:left;
	display:block;
	font:40px/42px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing:12px;
}
a.facebook{
	width:27px;
	height:30px;
	margin:55px 0 0 35px;
	float:left;
	display:block;
}
a.youtube{
	width:27px;
	height:30px;
	margin:52px 0 0 10px;
	float:left;
	display:block;
}
a.myspace{
	width:27px;
	height:30px;
	margin:50px 0 0 5px;
	float:left;
	display:block;
}
a.dhx{
	width:145px;
	height:45px;
	margin:45px 0 0 50px;
	float:left;
	display:block;
}

/*************************************************************************/
/**************************** text styles ********************************/

p{
	padding:0;
	margin-top:0;
	margin-bottom:18px;
}
h1, h2, h3{
	margin:0 0 15px 0;
	font-size:21px;
	color:#434039;
}
h2, h3{
	font-size:14px;
}
.floatLeft{
	float:left;
	padding:2px 20px 10px 0;
}
.floatRight{
	float:right;
	padding:13px 0 2px 10px;
}
.floatLeftOutside{
	float:left;
	margin-left:-15px;
	padding:2px 20px 10px 0;
}
input, select{
	height:15px;
	background:#FFFFFF;
	border:1px solid #3B3B3B;
}
select{
	height:20px;
}

/*************************************************************************/
/***************************** linkage ***********************************/

/* default */
a:link, a:visited, a:active {color:#88322E; text-decoration:underline;}
a:hover{color:#660000; text-decoration:underline;}

/* subnav */
#subnav a:link, #subnav a:visited, #subnav a:active {color:#242424; text-decoration:none;}
#subnav a:hover{color:#4E4E4E; text-decoration:none;}
#subnav a.selected{color:#1D4550; background:url(/images/subnav-arrow.gif) no-repeat right;}

/*************************************************************************/
/*************************** IE6 PNG support *****************************/

/* PNG support for IE6 */
img, div, a, input{behavior: url(/assets/iepngfix.htc);}