@charset "UTF-8";
/* CSS Document */
	
body{font-family: Arial, Helvetica, sans-serif; 
	color:#555; 
	margin:0; 
	padding:0; 
	text-align:center; 
	background:#0186b1 url(../images/bgRepeat.gif) 0 0 repeat-x; 
	height:100%; 
	width: 100%;
	font-size:small;
	min-width: 1022px !important;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
	
object {
	outline: none;
}	
	
html>body { /* be nice to Opera */
	font-size: small;
	}
	
strong { font-weight:bold;}
	
/* Main Layout
________________________________________________________*/

	
#home #hdrWrap{/*This houses the main background for the home page Flash navigation*/
	height:134px;
	width: 100%;
	margin:0; 
	background: url(../images/navBg.gif) 50% -1px no-repeat;
	z-index:4;
}
	
#home #flashNavContainer{/*This houses the main home Flash navigation*/	
	position: relative;
	height:134px;
	width: 1022px;
	margin:0 auto;
	top: 0; 
}

#home #hdrWrap{/*This houses the main background for the Flash navigation on thte home page*/
	position: absolute;
	height:134px !important;
	width: 100%;
	min-width: 1022px !important;
	margin:0; 
	background: url(../images/navBg1.gif) 50% -1px no-repeat ;
	z-index:4;
	overflow: hidden;
}

#hdrWrap{/*This houses the main background for the Flash navigation on all sub pages*/
	position: absolute;
	height:134px !important;
	width: 100%;
	min-width: 1022px !important;
	margin:0; 
	background: url(../images/navBg.gif) 50% -1px no-repeat ;
	z-index:4;
	overflow: hidden;
}

/*This houses the main HTML navigation
#htmlNav{
	width:1022px;
	height:134px;
	background: transparent url(../img/nav_bg.jpg) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	top: 0px;
	z-index:1;
	overflow: hidden;

}*/
	
#flashNavContainer{/*This houses the main Flash navigation*/	
	position: relative;
	height:134px;
	width: 1022px;
	margin:0 auto;
	top: 0; 
	z-index: 2;
}
	
#centerWrap{
	position: relative;
	width: 100%;
	font-size:110%;
	z-index: 20;
}
	

#contentWrap{
	position: relative;
	width: 1022px;
	margin: 0 auto;
	z-index: 20;
}
	
#home #ftrWrap{
	position: relative;
	top: 30px;
	height:140px;
	width: 100%;
	background: url(../images/ftr_repeat.jpg) repeat-x;
	z-index: 50;
}

#ftrWrap{
	position: relative;
	top: 102px;
	height:140px;
	width: 100%;
	min-width: 1022px;
	background: url(../images/ftr_repeat.jpg) repeat-x;
	z-index: 50;
}
	
#ftrBg{
	position: relative;
	height:140px;
	width: 100%;
	min-width: 1022px;
	margin: 0 auto;
	background: url(../images/ftr_bg.jpg) 50% 0 no-repeat;
	z-index: 40;
}

#ftrContent{
	position: relative;
	height:140px;
	width: 900px;
	margin: 0 auto;
	z-index: 39;

}
	
#scene{
	position: relative;
	top: 129px;
	height:495px;
	width: 100%;
	z-index: 1;
}
	
/*Main Elements
_______________________________________________________*/

.blog_copy ul {
	list-style-type: disc;
	padding-left: 30px;
}

	
#hdrWrap h1{
	position: absolute;
	top: 18px;
	left: 58px;
	text-indent: -9999px;
	background: url(../images/logo.jpg) no-repeat;
	height: 86px;
	width: 172px;
}
	#hdrWrap h1 a, #hdrWrap h1 a:link, #hdrWrap h1 a:visited{
		border:none;
		text-decoration:none;
		height: 87px;
		width: 176px;
		display:block;
	}
	#hdrWrap h1 a:hover{
		border:none;
		text-decoration:none;
		height: 87px;
		width: 176px;
		display:block;
	}
	
#playNow{
	position: absolute;
	top: 36px;
	right: 60px;
	height: 72px;
	width: 170px;
}
	
#playNow a, #playNow a:link, #playNow a:visited{
	display: block;
	border: none;
	text-indent: -9999px;
	text-decoration: none;
	height: 72px;
	width: 170px;
	background:url(../images/playNow.jpg) 0 0;
}
#playNow a:hover{
	display: block;
	border: none;
	text-indent: -9999px;
	text-decoration: none;
	height: 72px;
	width: 170px;
	background:url(../images/playNow.jpg) 0 72px;
}
	
	
/* Main Content Elements */
	
	#promoWrap {/*This is the container for the home page ppromo wrap*/
		margin: 137px 0 0 0;
		height: auto;
		width: 900px;
		position:relative;
		left: 61px;
		z-index: 5000;
		background:#03a0c3 url(../images/home_box_top.gif) left top no-repeat;
		}
	
	#promoWrap .inner {
		background:transparent url(../images/home_box_bot.gif) left bottom no-repeat;
		padding: 10px 30px 20px 30px;
		}
	
	.home_promo{
		height: auto;
		width: 150px;
		float: left;
		margin: 0 22px 0 0;
		z-index: 10;
		padding:0;
		
	}
		.homeNoMarg{
			margin: 0;
			z-index: 10;
		}
	
	.home_promo div.header{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 23px;
		font-weight: 800;
		color: #fff;
		margin: 19px 0 5px 0;
	}
	
	.home_promo p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:100;
		color:#fff;
		line-height: 1.3em;
		margin: 0 0 10px 0;
		height: auto;
	}
	
/* Footer Elements */
	
	/* Nav */
	#ftrBg ul{
		position: absolute;
		top: 38px;
		left: 112px;
		display: block;
		list-style: none;
		height:auto;
		width: 625px;
		text-align: center;

	}
	#ftrBg ul li{
		display: inline;
		list-style: none;
		margin:0 1px 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: 800;
		color:#01384a;
	}
	#ftrBg ul .noMarg{
		margin:0;
	}
		#ftrBg ul li a, #ftrBg ul li a:link, #ftrBg ul li a:visited{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight: 700;
			color:#fff;
			text-decoration: none;
		}
				#ftrBg ul li a.new, #ftrBg ul li a.new:link, #ftrBg ul li a.new:visited{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight: 700;
			color:#fc0;
			text-decoration: none;
		}
		#ftrBg ul li a:hover, #ftrBg ul li a.new:hover{
			font-family:Arial, Helvetica, sans-serif;
			color:#5ad0fa;
			text-decoration: none;
		}
		#ftrBg ul li .active{
			color:#5ad0fa;
		}
	
	#ftrBg p{
		position: absolute;
		top: 63px;
		left: 200px;
		height:auto;
		width: 460px;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10.5px;
		color:#013444;

	}
	
	
	/* Footer Logos */
	
	#disGame{
		position: absolute;
		top: 30px;
		left: -25px;
	}
	
	#bbb{
		position: absolute;
		top: 32px;
		left: 720px;
	}
	
	
	#bbb_english {
	position:absolute;
	top:32px;
	left:685px;
	}
	
	#esrb {
	position:absolute;
	top:25px;
	left:855px;
	}	
	
	#ctr {
	position:absolute;
	top:26px;
	left:845px;
	height:56px;
	}
	
	#truste {
	position:absolute;
	top:41px;
	left:745px;
	height:34px;
	}	
	
	/*Sub Pages - Basic Layout
	________________________________________________________*/
	
	.subpage #centerWrap {
	position: relative;
	z-index: 1;
	background:transparent url(../images/sub_bg.jpg) 50% 110px no-repeat;
	}
	
	.subpage #content {
	margin: 0;
	height: auto;
	width: 900px;
	background:#fff url(../images/sub_inner_bg.gif) 0 0 no-repeat;
	border-left:3px solid #013a69;
	border-right:3px solid #013a69;
	color:#555;
	position:relative;
	top:102px;
	left: 58px;
	}
	
	.subpage #content .padd {
	padding:40px 30px 30px 30px;
	}
	
	.subpage #content h2, .subpage #content h3 {
		color:#00529b;
		font-weight:bold;
	}
	
	.subpage #content .pageName {
	font-size:180%;
	padding-top:3px;
	height: 75px;
	}
	
	.subpage #content .sectionName {
	font-size:135%;
	}
	
	.subpage #content .box510 .sectionName {
	font-size:120%;
	color:#78a8dc;
	}
	
	.subpage #content .box490 .sectionName {
	font-size:80%;
	color:#78a8dc;
	}
	
	.subpage #content h4 {
	font-size:100%;
	}
	
	
	
	/*Globals
	________________________________________________________*/
	
	.floatHack{
		clear: both;
		height: 0px;
		margin: 0;
		padding: 0;
		border: none;
		width: 100%;
		visibility:hidden;
	}
	
	img{
		border: none !important;
	}
	
	a:link {color: #00529b; text-decoration:none; font-weight:bold;}
	a:visited {color: #00529b; text-decoration:none; font-weight:bold;}
	a:hover {color: #000; text-decoration:none; font-weight:bold;}
	a:active {color: #00529b; text-decoration:none; font-weight:bold;}
	

	.button {
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	.hybridbtn {
		overflow: hidden;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	ul.bullets li {
	list-style: url(../images/bullet.gif) outside;
	margin:0 0 .5em 1em;
	}
	
	.quotelist div {
	padding:30px;
	}
	
	.quotelist div.alt {
	background:#eef7ff;
	}
	
	.quotelist div .by {
	font-size:120%;
	font-weight:bold;
	text-align:right;
	}
	
	.help_yel{
		background:url(../images/help_yellow.jpg) no-repeat;
		float: left;
		margin: 0 8px 22px 0;
		height: 27px;
		width: 22px;
	}
		.help_yel a, .help_yel a:link{
			height: 27px;
			width: 22px;
			display: block;
		}
.floatR{
	float: right;
}
	
	
	/*boxes
	________________________________________________________*/
	
	/* box510 (blue) */

	
	.box510 {
	background:#bcddff url(../images/box510_top.jpg) 0 0 no-repeat;
	width:510px;
	}
		
	.box510 div.inner {
	padding: 0 20px 20px 20px; 
	background:url(../images/box510_bot.gif) left bottom no-repeat;
	}

	.box510 h3 {
	color:#6a9ed7;
	margin-top:20px;
	margin-bottom:10px;
	}

	.box510 .boxLeft {
	float:left;
	width:200px;
	}

	.box510 .boxRight {
	float: right;
	width:240px;
	border-left:4px solid #bcddff;
	padding-left:20px;
	}	
	
	/* box540 (yellow) */

	
	.box540 {
	/*background:#fff9b9;*/
	width:540px;
	}
	
	.box540 .bot{
		position: relative;
		top: -3px;
	}
		
	.box540 div.inner {
	padding: 0 30px 0px 30px; 
	background:url(../images/box540_mid.gif) 0 0 repeat-y;
	}

	
	.box540 div.header {
	color:#6a9ed7;
	padding-top:20px;
	margin-bottom:10px;
	}

	/* box840 (yellow) */

	
	.box840 {
	background:#ffd88b url(../images/box840_top.jpg) 0 0 no-repeat;
	width:840px;
	}
		
	.box840 div.inner {
	padding: 0 20px 20px 20px;
	background-image: url(../images/box840L_mid.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	}
	
	.box840 h3 {
	color:#6a9ed7;
	padding-top:20px;
	margin-bottom:10px;
	}
	
	/* box840 (light-yellow) */
	
	.box840L {
		background: url(../images/box840L_mid.jpg) 0 0 repeat-y;
		/*background:#fffcd6 url(../img/box840L_top.jpg) 0 0 no-repeat;*/
		width:840px;
	}
	
	/*.box840LBdr{
		position: relative;
		top: 20px;
		

	}*/
	
		
	.box840L .inner {
	position: relative;
	padding: 0 30px 30px 30px; 
	z-index: 200;
	}
	
	.box840L h3 {
	color:#6a9ed7;
	padding-top:20px;
	margin-bottom:10px;
	}
	


/*Report a bug
_______________________________________________________*/

#reportbug h2 {
	margin-bottom:60px;
	}

#reportbug #content .padd {
	background:url(../images/reportbug_bg.gif) 570px 76px no-repeat;
	}
	
#reportbug #content .padd .padd {
	background:none;
	}
	
#reportbug h3 {
	font-size:125% !important;
	}

#reportbug h4 {
	color:#00529b;
	font-size:120% !important;
	font-weight:bold;
	}
	
#reportbug .box510 {
	padding-top:20px;
	}
	
#reportbug .box510 .inner {
	padding-bottom:60px;
	}
	
#reportbug .box510 img {
	float:left;
	margin-left:10px;
	}
	
#reportbug .box510 p, #reportbug .box510 h3 {
	margin-left:160px;
	}
	
#reportbug .box840L .inner {
	position: relative;
	padding-top:20px;
	}

#reportbug .box840L .box840Lbot {
	position:relative;
	top: 3px;
}
#reportbug .Title {
	background:url(../images/reportbug__bg.gif) 30px bottom no-repeat;
	padding:70px 0 .2em 130px;
}

#reportbug .Title h3{
	margin: 0 0 10px 25px;
}
	
.Row {
	clear:left;
	padding-bottom:3.5em;
	}
	
.Row .notice {
	color:#df0303;
	font-weight:bold;
	}
	
	.Row p{
		line-height: 1.1em;
		padding: -2px 0 0 0;
	}
	
.box840L .Row input, .box840L .Row textarea {
	width:400px;
	border:1px solid #ffbc3a;
	}
.sngleInput{
	height: 23px;
}

.Label, .Element, .Help {
	float:left;
	}
	
.Label {
	width:130px;
	font-weight:bold;
	font-size: 15px;
	color:#555;
	}

.Element {
	width:400px;
	font-family: Arial, Helvetica, sans-serif;
	}

.Help {
	margin-left:11px;
	width:229px;
	font-size:90%;
	}
	
#reportbug .submit input {
	display: block;	
	width: 97px;
	height: 46px;
	/*background:transparent url(../img/button_submit.gif) 0 0 no-repeat;*/
	margin: 22px 0 0 438px;
	padding: 0;
	border: 0;
	}
	
#reportbug .submit input:hover {
	background:transparent url(../images/button_submit.gif) 0 -46px no-repeat;
}


.notice .redAlert{
	position: relative;
	top:8px;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
}


/* FAQ
_______________________________________________________*/


#faq .hand {
	background:url(../images/faq_fin_bg.gif) right 0 no-repeat; 
	width:30px; 
	height:38px; 
	position:absolute; 
	right:330px; 
	top:268px;
	}
	

#faq h2 {
	margin-bottom:60px;
	}

#faq #content .padd {
	background:url(../images/faq_bg.gif) 570px 140px no-repeat;
	}
	
#faq #content .padd .padd {
	background:none;
	}
	
#faq h3 {
	font-size:140% !important;
	}

#faq h4 {
	color:#00529b;
	font-size:120% !important;
	font-weight:bold;
	}
	
#faq .box540 {
	padding-top:20px;
	}
	
#faq .box540 a {
	background:url(../images/questionmark.gif) 0 0 no-repeat;
	padding-left:16px;
	margin-bottom:.3em;
	display:block;
	font-weight:bold;
}

#faq .lastFaq{
margin-bottom:0 !important;
}
	
#faq .quotelist {
	background:url(../images/bar840.gif) 30px 0 no-repeat;
	}
	
#faq .backtop {
	position:absolute;
	right:0;
	}
	
#faq .backtop a:link, #faq .backtop a:visited	{
	display: block;	
	width: 174px;
	height: 40px;
	background:transparent url(../images/button_backtop.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#faq .backtop a:hover {
	background:transparent url(../images/button_backtop.gif) 0 -40px no-repeat;
	}
	
#faq .myCart {
	position:absolute;
	right:0;
	top:43px;
}

#faq .myCart a:link, #faq .myCart a:visited	{
	display: block;	
	width: 190px;
	height: 46px;
	background:transparent url(../images/button_mycart.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#faq .myCart a:hover {
	background:transparent url(../images/button_mycart.gif) 0 -46px no-repeat;
	}
	
#faq .alt .backtop a:link, #faq .alt .backtop a:visited	{
	background:transparent url(../images/button_backtop_alt.gif) 0 0 no-repeat;
	
	}
	
#faq .alt .backtop a:hover {
	background:transparent url(../images/button_backtop_alt.gif) 0 -40px no-repeat;
	}
	
#faq .hero{
	width:30px;
	height:38px;
	position:absolute;
	right:330px;
	op:288px;
	background-image: url(../images/faq_fin_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}

/* Accolades
_______________________________________________________*/

#accolades h2 {
	margin-bottom:60px;
	}

#accolades #content .padd {
	background:url(../images/accolades_testimonials_bg.gif) center 86px no-repeat;
	/*padding-bottom: 132px;*/
	min-height: 320px;
	}
	
#accolades #content .padd .pageName {
	height:74px;
	}
	
#accolades #content .padd .padd {
	background:none;
	}
	
#accolades h3 {
	font-size:140% !important;
	}

#accolades h4 {
	margin:0;
	padding:0 0 5px 0;
	color:#00529b;
	font-size:135% !important;
	font-weight:bold;
	}
	
#accolades p {
	margin: 0;
	line-height:150%;
	}

#accolades .box540 .inner .header {
	padding:5px 0 0 0;
	margin:0;
	}
	
#accolades .box540{
	position: relative;
	top:13px;
	}
	
#accolades .quotelist div {
	padding-bottom:20px;
	}




/* box490 (blue) */

	
	.box490 {
	background:#bcddff url(../images/box490_top.jpg) 0 0 no-repeat;
	width:490px;
	}
		
	.box490 div.inner {
	padding: 0 20px 20px 20px; 
	background:url(../images/box490_bot.gif) left bottom no-repeat;
	}

	.box490 .header {
	color:#6a9ed7;
	margin-bottom:10px;
	font-size:80%;
	}
	
	.box490 p {
	font-size:90%;
	}
	

	
	
	
/* box840b (blue) */

	
	.box840b {
	background:#bcddff url(../images/box840b_top.jpg) 0 0 no-repeat;
	width:840px;
	font-size:90%;
	position:relative;
	}
	
	.box840b div.inner {
	padding: 0 20px 20px 20px; 
	background:url(../images/box840b_bot.gif) left bottom no-repeat;
	}
	
	.box840b h3 {
	color:#6a9ed7;
	padding-top:20px;
	margin-bottom:10px;
	}

	


/* community
_______________________________________________________*/

/*	css for about, penguin poll, fanart*/	


#community .box3way{
	width:490px;
	background-color: #fff9b9;
	background-repeat: repeat-y;
	background-position: 0pt 0px;
	background-image: url(../images/box490_bg.gif);
		}
		#community .box3way .top_header{
		width:490px;
		background-image: url(../images/box490_topyel.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 18px;	
		}		
		
		#community .box3way .bottom_footer{
		width:490px;
		background-image: url(../images/box490_botyel.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 18px;	
		}

		#community .box3way .header {
		font-size:80%;
		padding-top: 0pt;
		padding-right: 0px;
		padding-bottom: 10pt;
		padding-left: 0px;
		width: 100%;
		}
		
		
		#community .box3way .inside {
	display: block;
	margin-right: 10px;
	margin-left: 15px;
		}	
		
		#community  .link_right {
	display: block;
	text-align: right;
	margin-top: 20px;
	margin-right: 0px;
	width: 290px;
	display: block;
		}	

#community .readMore_arrow_left {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 12px;
	}	

#community .feed {
	height: auto;
	background: transparent url(../images/community_news.gif) no-repeat right top;
	z-index: 1;
	position: relative;
	margin-bottom: 20px;
	padding: 10px 0 0 15px;
}

#community .blog_box {
	background-image:url(../images/box_blog_bg.gif);
	width:490px;
	height:230px;
	margin-bottom: 20px;
}

#community .box3way_inside {
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}		

#community .box3way_left_top {
	background-image:url(../images/box_patw.gif);
	height:259px;
	width: 275px;
	margin-top: 5px;
	float: left;
	display: block;
}

#community .blurb_txt{
	width: 155px;
	margin: 15px 0 0 100px;
	font-size:12px;
	}

#community .box3way_left_btm {
	background-image:url(../images/box_fanart.gif);
	height:237px;
	width: 275px;
	margin:30px 0 0 0px;
	float: left;
	display: block;
}

#community .box3way_right {
	width: 189px;
	float: right;
	display: block;
}

#community .box3way_right .poll_iframe{
	margin: 10px 10px 0 0;
	float: right;
	width: 165px;
}

#community .box3way_right .coins {
	background-image:url(../images/box_coins.gif);
	height:185px;
	width:165px;
	margin-top:12px;
	margin-right:10px;
	float:right;
}

#community .box3way_right .coins_txt {
	margin: 15px 10px 0 13px;
	font-size:11px;
}

#community .box3way_middle {
	width: 470px;
	height:15px;
	clear:both;
}

/* see more button */	

#community .faButtons {
height:32px;
margin:0pt 0pt 10px 210px;
padding:0pt 0pt 0pt 0pt;
width:280px;
}

	
#community  .seeMore {
	width: 115px;
	float: left;
	height: 42px;
	margin: 0 10px 0 0;
	}

#community .seeMore a:link, .seeMore a, .seeMore a:visited{
	display: block;	
	width: 105px;
	height: 32px;
	background:transparent url(../images/button_seemore_com.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community .seeMore a:hover {
	background:transparent url(../images/button_seemore_com.gif) 0 -32px no-repeat;
	width: 105px;
	height: 32px;
}





/* submit your own button */	
	
#community .submitYour {
	width: 118px;
	height: 42px;
	}

#community .submitYour a:link, .submitYour a, .submitYour a:visited{
	display: block;	
	width: 118px;
	height: 32px;
	background:transparent url(../images/button_submitfanart.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community .submitYour a:hover {
	background:transparent url(../images/button_submitfanart.gif) 0 -32px no-repeat;
	width: 118px;
	height: 32px;
	}




		
/*	css for left column*/	


#community .columnLeft {
	position: relative;
	z-index: 2;
	float:left;
	width:491px;
}

#community #stuffToDoGet {
	position: relative;
	float:left;
	width:533px;
	background-color: #fefac7;
	margin-top: 20px;
	background: url(/images/stuffToDoGet-background.gif) top left repeat-y;	
	height:533px;
}


/*	div for static text*/	
	
	#community .whats_news_text{
	text-align: left;
	float: none;
	height: auto;
	width: 320px;
	margin-bottom: 25px;
		}


	#community .thumbnails_no_text img {
	display:inline;
	float: none;
	background-color: #CCCCCC;
	padding: 2px;
		}	
		
	#community .thumbnails_no_text a:hover img{
	display:inline;
	float: none;
	background-color: #0186B1;
		}




#community #content .yellowback{
	color: #ff9a00;
}


#community #content .padd{
	overflow: visible;
	background-color: transparent;

}

#community #content .colLeft {
	float:left;
	width:491px;
}

#community .fabkg{
	position: relative;
	background: url(../images/community_bgdl.gif) no-repeat 0 0;
	height: 270px;
	width: 491px;
	overflow: hidden;	
	padding-top: 1px;
	margin: -68px 0 25px 0;
	z-index: 1;
}


#community #content .colLeft .faTitle {
	font-size:80%;
	margin: 75px 0 0 20px;
}

#community #content .colLeft .faThumbs {
	background: transparent url(../images/community_bgdl_bg.gif) repeat-y 0px 0px;
	margin: 0;
}

#community #content .colLeft .faButtons {
	font-size:80%;
	/*background: transparent url(../img/community_bgdl_bot.gif) no-repeat left 25px;*/
	margin: 0 0 10px 224px;
	padding: 0 0 0 18px;
	width: 244px;
	height:32px;
}

#community #content .colLeft .faScroll{
	position: relative;
	top: 5px;
	left: 6px;
	margin-top: 4px;
}

#community #content .columnLeft .secHdr {
	margin-left:15px;
}

/*	height old 210	change back*/
	
#community #content .colLeft .feed {
	height: 180px;
  	background: transparent url(../images/community_news.gif) no-repeat right top;
	margin: 0 0 50px 0;
	padding: 10px 0 0 15px;
	z-index: 1;
	position: relative;
}

#community #content .colLeft p {
  min-height: 166px;
	background: transparent url(../images/community_news.gif) no-repeat right top;
	margin: 0;
	padding: 0 160px 0 0;
	line-height: 1.3em;
}

#community #content .colRight {
	float:right;
	width:332px;
	margin: 90px 0 0 0;
	position: relative;
}

#community #content #secondaryContent {
	float:right;
	width:278px;
	margin: 0 7px 0 0;
	position: relative;
	top: -17px;
	height: 100px;
}

#community #content .colRight .lift {
}


/* box332 (blue) */
	
#community .box332b {
	width:332px;
	font-size:90%;
	background: url(../images/box332_midblue.gif) 0 0 repeat-y;
	margin: 0px 0 0 0;
	}

#community .box332b .top332 {
	position: relative;
	}
		
#community .box332b .inner {
	position: relative;
	padding: 15px 0 0 0; 
	background: url(../images/box332_topblue.gif) left top no-repeat;
	}
	
#community .box332b .header {
	font-size:80%;
	color:#ff9a00;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	margin-top: 5px;
	}
	
#community .box332b p {
  text-align: left;
	padding: 0 20px 0 20px;
	}
	
#community .box332b .items {
	border-top:none;
	position:relative;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 27px;
	background: url(../images/community_activities2.gif) center top no-repeat;
	height: 110px;
	}
	
#community .box332b .item {
	border-top:none;
	position:relative;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#community .box332b .first {
	padding-top: 0;
	border-top:none;
	}
	
#community .box332b .last {
	padding-bottom: 0;
	margin-top: -12px;
	text-align: justify;
	}


/*PATW image thumbs*/

#community .box3way_left_top .clrthmb a img, #community .box3way_left_btm .clrthmb a img {
	width:79px;
	margin:20px 0 0 0;
	height:67px;
	border: 2px solid #ffb409 !important;
}
	#community .box3way_left_top .clrthmb a, #community .box3way_left_top .clrthmb a:link, #community .box3way_left_top .clrthmb a:visited, #community .box3way_left_btm .clrthmb a, #community .box3way_left_btm .clrthmb a:link, #community .box3way_left_btm .clrthmb a:visited {
		text-decoration:none;
		
	}
	#community .box3way_left_top .clrthmb a:hover img, #community .box3way_left_btm .clrthmb a:hover img{
		text-decoration:none;
		border: 2px solid #f29a00 !important;
	}

#community .box3way_left_top .thumbs, #community .box3way_left_btm .thumbs{
	margin-left:8px;
	margin-top: 3px;
}

/*Coloring book image thumbs*/

#community .colRight .clrthmb a img {
	width:87px;
	height: 75px;
	border: 2px solid #82bffd !important;
}
	#community .colRight .clrthmb a, #community .colRight .clrthmb a:link, #community .colRight .clrthmb a:visited {
		text-decoration:none;
		
	}
	#community #content .colRight .clrthmb a:hover img{
		text-decoration:none;
		border: 2px solid #00529b !important;
	}
	
/* Wallpaper thumbs*/

#community .colRight .last a img {
	width:87px;
	height: 75px;
	border: 2px solid #82bffd !important;
	float: left;
	margin: 5px 6px 5px 0;
}
	#community .colRight .last a, #community .colRight .last a:link, #community .colRight .last a:visited {
		text-decoration:none;
		
	}
	#community #content .colRight .last a:hover img{
		text-decoration:none;
		border: 2px solid #00529b !important;
	}
	
#community .colRight .bnrHdr{
	margin: 20px 0 5px 0;
}

/* Banner thumbs*/

#community .colRight .last a.bnrlnk img {
	width:271px;
	height: 83px;
	border: none !important;
	float: left;
	margin: 5px 6px 5px 30px;
}
	#community .colRight .last  a.bnrlnk, #community .colRight .last  a:link.bnrlnk, #community .colRight .last  a:visited.bnrlnk {
		text-decoration:none;
		
	}
	#community #content .colRight .last a:hover.bnrlnk img{
		text-decoration:none;
		border: none !important;
	}
	
#community .colRight .bnrHdr{
	margin: 20px 0 5px 0;
}



/* box490 (yellow) */

	
.box490y {
	background:#fff9b9 url(../images/box490_bg.gif) 0 0 repeat-y;
	width:490px;
}
		
.box490y div.inner {
	padding: 0 20px 10px 20px;
	background-color: transparent;
	background-image: url(../images/box490_botyel.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
		
.box490y .inner span.l {
	display: block;
   float:left;
   width: 255px;
   height: 125px;
   margin: -11px 35px 0 0;
   padding: 10px 0 0 0;
   clear:none;
}

.box490y .inner span.l img{
	float: left;
}

.box490y .inner span.l .goNowYel{
	width: 100px !important;
}


.box490y .inner span.r {
   display: block;
   float: left;
   width: 160px;
   margin-top: -20px;
}
		/*Comic and draw Buttons*/
		.box490y .inner span.r a img, .box490y .inner span.r a:link img, .box490y .inner span.r a:visited img{
			border: 2px solid #ffd88b !important;
			margin-top: -3px;
		}
		.box490y .inner span.r a:hover img{
			border: 2px solid #eea109 !important;
		}
		
		.box490y .inner span.l a img, .box490y .inner span.l a:link img, .box490y .inner span.l a:visited img{
			border: 2px solid #ffd88b !important;
			margin: 5px 8px 0 0;
		}
		.box490y .inner span.l a:hover img{
			border: 2px solid #eea109 !important;
		}
		
.box490y .flLeft {
    float:left;
    width: 270px;
}
		
.box490y .flRight {
	/*float: right;*/
    padding: 0 92px 0 0;
}

.box490y .header {
	background:url(../images/box490_topyel.gif) 0 0 no-repeat;
	color:#6a9ed7;
	margin: 0 0 15px 0;
	padding: 16px 0 0 20px;
	font-size:80%;
}
	
.box490y p {
	font-size:90%;
}


#community h2 {
	margin-bottom:60px;
	}
	
#community #content .padd .pageName {
	position: relative;
	height:74px;
	margin: 0 0 12px 0;
	z-index: 50;
	}
	
#community h3 {
	font-size:140% ;
	}


#community h4 {
	margin:0;
	padding:0 0 5px 0;
	color:#00529b;
	font-size:135% !important;
	font-weight:bold;
	}
	
#community p {
	margin: 0;
	line-height:150%;
	}
	
#community #content .colLeft {
	position: relative;
	z-index: 2;
}

#community #content .colLeft p.blurb {
	width: 270px;
	margin: 4px 0 0 0;
	background: none;
}

	
#community h2 {
	margin-bottom:60px;
	}
	
#community #content .padd .pageName {
	position: relative;
	height:74px;
	margin: 0 0 12px 0;
	z-index: 50;
	}
	
	
	
#community h3 {
	font-size:140% !important;
	}

#community h4 {
	margin:0;
	padding:0 0 5px 0;
	color:#00529b;
	font-size:135% !important;
	font-weight:bold;
	}
	
#community p {
	margin: 0;
	line-height:150%;
	}
	
#community #content .colLeft {
	position: relative;
	z-index: 2;
}
	
/* see more button */	
	
#community #content .colLeft .faButtons .seeMore {
	width: 82px;
	float: left;
	height: 42px;
	margin: 0 10px 0 0;
	}

#community #content .colLeft .faButtons .seeMore a:link, #community #content .colLeft .faButtons .seeMore a, #community #content .colLeft .faButtons .seeMore a:visited{
	display: block;	
	width: 82px;
	height: 32px;
	background:transparent url(../images/button_seemore_com.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community #content .colLeft .faButtons .seeMore a:hover {
	background:transparent url(../images/button_seemore_com.gif) 0 -32px no-repeat;
	width: 82px;
	height: 32px;
}

/* submit your own button */	
	
#community #content .colLeft .faButtons .submitYour {
	width: 133px;
	height: 42px;
	}

#community #content .colLeft .faButtons .submitYour a:link, #community #content .colLeft .faButtons .submitYour a, #community #content .colLeft .faButtons .submitYour a:visited{
	display: block;	
	width: 133px;
	height: 32px;
	background:transparent url(../images/button_submityour_com.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community #content .colLeft .faButtons .submitYour a:hover {
	background:transparent url(../images/button_submityour_com.gif) 0 -32px no-repeat;
	width: 133px;
	height: 32px;
	}
	
/* see more blue button */	

#community #content .colRight .seeMoreB a:link, #community #content .colRight .seeMoreB a, #community #content .colRight .seeMoreB a:visited{
	display: block;	
	width: 82px;
	height: 32px;
	background:transparent url(../images/button_seemore.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
}
	
#community #content .colRight .seeMoreB a:hover {
	background:transparent url(../images/button_seemore.gif) 0 -32px no-repeat;
	width: 82px;
	height: 32px;
	}



/* downloads blue button */	

#community #content .colRight .downloads a:link, #community #content .colRight .downloads a, #community #content .colRight .downloads a:visited{
	display: block;	
	width: 96px;
	height: 32px;
	background:transparent url(../images/button_downloads.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community #content .colRight .downloads a:hover {
	background:transparent url(../images/button_downloads.gif) 0 -32px no-repeat;
	width: 96px;
	height: 32px;
	}	
	
/* read more button */	
		
#community #content .colLeft .readMore a:link, #community #content .colLeft .readMore a, #community #content .colLeft .readMore a:visited{
	display: block;	
	width: 136px;
	height: 46px;
	background:transparent url(../images/button_readmore.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community #content .colLeft .readMore a:hover {
	background:transparent url(../images/button_readmore.gif) 0 -46px no-repeat;
	width: 136px;
	height: 46px;
	}
	
/* get ideas button */	
		
#community #content .colLeft .getIdeas a:link, #community #content .colLeft .getIdeas a, #community #content .colLeft .getIdeas a:visited{
	display: block;	
	width: 86px;
	height: 32px;
	background:transparent url(../images/button_getideas.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community #content .colLeft .getIdeas a:hover {
	background:transparent url(../images/button_getideas.gif) 0 -32px no-repeat;
	width: 86px;
	height: 32px;
	}
	
/* how to draw button */	
	
#community #content .colLeft .howToDraw a:link, #community #content .colLeft .howToDraw a, #community #content .colLeft .howToDraw a:visited{
	display: block;	
	width: 109px;
	height: 32px;
	background:transparent url(../images/button_howtodraw.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	}
	
#community #content .colLeft .howToDraw a:hover {
	background:transparent url(../images/button_howtodraw.gif) 0 -32px no-repeat;
	width: 109px;
	height: 32px;
	}
	
	



/* penguin time zone backup 
	
#community #content .colRight .penguinTime{
	display:block;
	position: relative;
}

#community #content .colRight .penguinTime{
	display: block;	
	width: 327px;
	height: 175px;
	background:transparent url(../images/clock_blue2.gif) 0 0 no-repeat;
	margin: -66px 0 18px 0px;
	border: 0;
	}

#community #content .colRight #clock{
	font-family:"Courier New", Courier, monospace;
	font-size: 14pt;
	text-align: center;
	color: #fff;
	margin: 95px 140px 0 0;
	padding-top: 103px;
	background-color: #00FF00;	
}
*/	
#community .banner123 {
	margin-right: auto;
	margin-left: auto;
	background-color: #006699;
	display: inline;
	width: 50px;
	height: 50px;
}
	
	
/* featured igloo */	

#community .pen_time {
	margin-top: -82px;
	width: 332px;
	margin-bottom: 20px;

	height: 100%;
}


#community .featured_igloo{
	height: 104px;
	width: 138px;
	float: left;
	margin-right: 9px;
	margin-top: 82px;
	background-image: url(../images/feature_news_bkg.gif);
	
}

#community .featured_igloo img {
	position: relative;
	height: 65px;
	width: 110px;
	margin-top: 27px;
	margin-right: auto;
	margin-left: 12px;
	border:2px solid #82BFFD !important;
	background-color: #017AC7;
}

#community .featured_igloo a:hover img{
	border:2px solid #00529B !important;
}





#community .igloo_time {
	background:transparent url(../images/clock_blue3.gif) 0 0 no-repeat;
	width: 185px;
	margin-bottom: 20px;
	float: right;
	height: 185px;
	position: relative;
	display:block;
}

/* penguin time zone clock */	
#community #content .colRight .penguinTime{
	width: 185px;
	height: 185px;
	background:transparent url(../images/clock_blue3.gif) 0 0 no-repeat;
	border: 0;
	display:block;
	position: relative;
	float: right;
	margin-bottom: 20px;
	z-index: 80;
	}


#community #content .colRight #clock{
	font-family:"Courier New", Courier, monospace;
	font-size: 14pt;
	text-align: center;
	color: #fff;
	padding-top: 120px;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 20;
	z-index: 90;
}

#community #content .colRight #dow{

	font-family:Arial, Helvetica, sans-serif
	font-size: 18pt;
	text-align: center;
	color: white;
	padding-top: 4px;
	width: 185px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

/* penguin poll button */	

#community #content .colRight .penguinPoll{
	display:block;
	position: relative;
}

#community #content .colRight .penguinPoll a:link, #community #content .colRight .penguinPoll a, #community #content .colRight .penguinPoll a:visited{
	display: block;	
	width: 332px;
	height: 126px;
	background:transparent url(../images/button_poll_full.gif) 0 0 no-repeat;
	margin: 34px 0 10px 0;
	border: 0;
	}
	
#community #content .colRight .penguinPoll a:hover {
	background:transparent url(../images/button_poll_full.gif) 0 -126px no-repeat;
	width: 332px;
	height: 126px;
	}
	
/* go now blue button */	

#community .ninja-banner{
	margin: 5px 0 15px 29px;	
}

#community .wallpaper_button{
	padding-left: 20px;	
	}
	
#community #content .colRight .goNow a:link, #community #content .colRight .goNow a, #community #content .colRight .goNow a:visited{
	display: block;
	width: auto;
	height: 21px;
	padding: 0;
	border: 0;
	font-weight: bold;
	background-color: transparent;
	background-image: url(../images/arrow_rollover.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 190px;
	}
	
#community #content .colRight .goNow a:hover {
	width: auto;
	height: 21px;
	color:#021d3c;
	background-color: transparent;
	background-image: url(../images/arrow_rollover.gif);
	background-repeat: no-repeat;
	background-position: 0 -21px;
	}
	
	#community #content .colRight .goNow .btnTxt{
		display: block;
		margin: 0px 0 0 40px;
		padding: 3px 0 0 0;
		width: auto;
	}

	
/* go now yellow button */	
		
#community #content .colLeft .goNowYel a:link, #community #content .colLeft .goNowYel a, #community #content .colLeft .goNowYel a:visited, {
	display: block;	
	width: auto;
	height: 32px;
	background:transparent url(../images/button_gonow.gif) 0 0 no-repeat;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	color: #FF9900;
	font-weight: bold;
	}
	
#community #content .colLeft .goNowYel a:hover {
	background:transparent url(../images/button_gonow.gif) 0 -32px no-repeat;
	width: auto;
	height: 32px;
	color: #7ca1c8;
	}
	
	#community #content .colLeft .goNowYel .btnTxt{
		display: block;
		margin: 0px 0 0 47px;
		padding: 5px 0 0 0;
		width: auto;
	}
	
/* go now orange button small */	
		
#community .goNowOrg a:link, #community .goNowOrg a, #community .goNowOrg a:visited {
	float:left;
	display: block;	
	width: auto;
	height: 27px;
	background:transparent url(../images/gonow_org.gif) 0 0 no-repeat;
	margin: 8px 0 10px 0;
	padding: 0;
	border: 0;
	color: #01539c;
	font-weight: bold;
	font-size:13px;
	}
	
#community .goNowOrg a:hover {
	background:transparent url(../images/gonow_org.gif) 0 -27px no-repeat;
	width: auto;
	height: 27px;
	color: #FF9900;
	}
	
	#community .goNowOrg .btnTxt{
		display: block;
		margin: 0px 0 0 40px;
		padding: 6px 0 0 0;
		width: auto;
		font-size:12px;
	}
/* orange version for inside page - float right */	
#community_inside .goNowOrg a:link, #community_inside .goNowOrg a, #community_inside .goNowOrg a:visited {
	float:right;
	display: block;	
	width: auto;
	height: 27px;
	background:transparent url(../images/gonow_org.gif) 0 0 no-repeat;
	margin: 8px 0 10px 0;
	padding: 0;
	border: 0;
	color: #01539c;
	font-weight: bold;
	font-size:13px;
	}
	
#community_inside .goNowOrg a:hover {
	background:transparent url(../images/gonow_org.gif) 0 -27px no-repeat;
	width: auto;
	height: 27px;
	color: #FF9900;
	}
	
#community_inside .goNowOrg .btnTxt{
		display: block;
		margin: 0px 0 0 39px;
		padding: 6px 0 0 0;
		width: auto;
	}	
	
	
/* tutorials button */

#community #content .tutorials a:link, #community #content .tutorials a, #community #content .tutorials a:visited{
	display: block;	
	width: 85px;
	height: 32px;
	background:transparent url(../images/button_tutorials.gif) 0 0 no-repeat;
	padding: 0;
	border: 0;
	margin-top:10px;
	}
	
#community #content .tutorials a:hover {
	background:transparent url(../images/button_tutorials.gif) 0 -32px no-repeat;
	width: 85px;
	height: 32px;
	}
	
/* faq button */
	
#community #content .faq a:link, #community #content .faq a, #community #content .faq a:visited{
	display: block;	
	width: 50px;
	height: 32px;
	background:transparent url(../images/button_faq.gif) 0 0 no-repeat;
	padding: 0;
	border: 0;
	margin-top:10px;
	}
	
#community #content .faq a:hover {
	background:transparent url(../images/button_faq.gif) 0 -32px no-repeat;
	width: 50px;
	height: 32px;
	}
	
/* tech questions button */
	
#community #content .techQuestions a:link, #community #content .techQuestions a, #community #content .techQuestions a:visited{
	display: block;	
	width: 124px;
	height: 32px;
	background:transparent url(../images/button_techquestions.gif) 0 0 no-repeat;
	padding: 0;
	border: 0;
	margin-top:10px;
	}
	
#community #content .techQuestions a:hover {
	background:transparent url(../images/button_techquestions.gif) 0 -32px no-repeat;
	width: 124px;
	height: 32px;
	}
	
/* contact us button */
	
#community #content .contactUs a:link, #community #content .contactUs a, #community #content .contactUs a:visited{
	display: block;	
	width: 98px;
	height: 32px;
	background:transparent url(../images/button_contactus.gif) 0 0 no-repeat;
	padding: 0;
	border: 0;
	margin-top:10px;
	}
	
#community #content .contactUs a:hover {
	background:transparent url(../images/button_contactus.gif) 0 -32px no-repeat;
	width: 98px;
	height: 32px;
	}
	
/* community inside
_______________________________________________________*/


#community_inside .fanart{
	position:relative;
	margin-bottom: 50px;
	padding-bottom: 50px;
}


#community_inside #btop a {
	display:block;
	width:174px;
	height: 40px;
	float: right;
	background-image: url(../images/button_backtop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 30px;
		}

		
#community_inside #btop a:hover {
	background-position: 0 -40px;
		}
		
#community_inside_funact #comicarchive a:hover {
	background-position: 0 -40px;
		}		
		
#community_inside #btop a:active {
	background-position: 0 -40px;
		}
		
		
#community_inside #fanart a {
	display:block;
	width:118px;
	height: 32px;
	float: right;
	background-image: url(../images/button_submitfanart.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
		}
		
#community_inside #fanart a:hover {
	background-position: 0 -32px;
		}
		
#community_inside #fanart a:active {
	background-position: 0 -32px;
		}		


/* Penguins Around the World - inside page */

#community_inside .box_inside_patw {
	margin-top: -30px;
	width:841px;
	height:227px;
	background-image:url(../images/box_inside_patw.gif);
}

#community_inside .box_inside_fanart {
	width:841px;
	height:227px;
	background-image:url(../images/box_inside_fanart.gif);
}

#community_inside .box_inside_patw .title, #community_inside .box_inside_fanart .title{
	position:relative;
	top:50px;
	left:20px;
}

#community_inside .box_inside_patw .description, #community_inside .box_inside_fanart .description{
	position:relative;
	width:645px;
	top:55px;
	right:200px;
	left:20px;
}

#community_inside .box_inside_patw .click_txt{
	position:absolute;
	top:270px;
	left:85px;
	font-size:12px;
	color:#01539c;
}
#community_inside .box_inside_fanart .click_txt {
	position:absolute;
	top:795px;
	left:85px;
	font-size:12px;
	color:#01539c;
}

#community_inside .thumbs_group{
	width: 841px;
	height:300px;
}


	#community_inside .coloring{
	}
	
	
	#community_inside .back_right{
	text-align: right;
	float: right;
	font-weight: bold;
	}
	
	#community_inside .fifty{
	float: left;
	width: 45%;
	}

#community_inside_funact #offline-interface{
	width:845px;
	height:445px;
}

#community_inside_funact .fa_title{
	margin: 35px 0 5px 0;	
	width:839;
	height:41px;
}

#community_inside_funact #coming-soon-box{
	background-image:url(../images/funactivities-coming-soon-box.gif);
	width:839px;
	height:200px;
	margin-top:10px;
}
#community_inside_funact #coming-soon-box img{
	float: left;
	margin: 15px 0 0 35px;
}
#community_inside_funact #coming-soon-info{
	float: left;
	margin: 25px 0 0 35px;	
	width: 530px;
}
#community_inside_funact #comicarchive a {
	display:block;
	width:275px;
	height: 28px;
	float: right;
	background-image: url(../images/button_comicArchive.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 6px;
	outline: none;
		}
	
#community_inside_funact #comicarchive a:hover {
	background-position: 0 -28px;
		}	
	
/* 101 days of fun  start*/
#community_inside_funact .padd {	
height:1360px; 
*height:1380px;	/* ie7 hack */
}

.draw li.larger {
	float:left;
	height:246px;
	list-style:none outside;
	width:277px;
	text-align:center;
	padding: 8px 5px 10px 10px;
}

.draw_color li {
	float:left;
	height:115px;
	list-style:none outside;
	width:130px;
	text-align:center;
	padding: 8px 5px 10px 1px;
}

.draw {
	margin-left: -5px;
	width: 842px;
	height: 371px;
	background: url(/images/funactivities_page_penguin.gif) no-repeat top right;	
}

.draw_color {
	width: 842px;
	height: 371px;
}

ul.draw li a img, ul.draw_color li a img {
border: 2px solid #abd4fd !important;
}

ul.draw li a:hover img, ul.draw_color li a:hover img {
border: 2px solid #538abb !important;
}

ul.pictures li a img {
border: 2px solid #abd4fd !important;
}

ul.pictures li a:hover img {
border: 2px solid #538abb !important;
}

#onlineActivities {
	width: 354px;
	height: 221px;
	float: left;
	margin-bottom: 33px;
	margin-left: 38px;		
}

#offlineActivities {
	width: 354px;
	height: 221px;
	float: right;
	margin-bottom: 33px;
	margin-right: 45px;	
}

ul#onlinelist
{
padding: 0;
margin: 47px 0 0 18px;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
}

ul#onlinelist li { 
display: inline; 	
}

ul#onlinelist li a
{
float: left;
width: 46px;
color: #fff;
padding: 0 4px 8px 5px;
text-decoration: none;
background-image: url(/images/button_week_inactive.gif);	
background-repeat: no-repeat;
width: 46px;
height: 48px;
}

ul#onlinelist li a img
{
margin: 7px 0px 0px 3px;
}

ul#onlinelist li a:hover
{
background-image: url(/images/button_week_hover.gif);	
background-repeat: no-repeat;
width: 46px;
height: 48px;
}

ul#offlinelist
{
padding: 0;
margin: 53px 0 0 22px;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
}

ul#offlinelist li { display: inline; }

ul#offlinelist li a
{
float: left;
width: 64px;
color: #fff;
padding: 0 14px 15px 4px;
text-decoration: none;
background-image: url(/images/button_dblweek_inactive.gif);	
background-repeat: no-repeat;
width: 64px;
height: 66px;
outline: none;
}

ul#offlinelist li a img
{
margin: 10px 0px 0px 3px;
}

ul#offlinelist li a:hover
{
background-image: url(/images/button_dblweek_hover.gif);	
background-repeat: no-repeat;
width: 64px;
height: 66px;
}	
	
/* 101 days of fun end */	
	
/*  community_inside text and bullet list atting */	
	
#community_inside ul {
	list-style-position:inside;
	list-style-image: url(../images/bullet-orange.gif);
}

#community_inside ol {
                list-style-type:decimal;
                list-style-position:inside;
}
                
#community_inside p {
                margin: 3px 0 7px 0;
                line-height:100%;
                }

	
/*  community_inside thumnails */


#community_inside #content .padd{
	overflow: hidden;
	background-color: transparent;
}



#community_inside .iconlinks {
	font-weight: bold;
	color: #82bffd;
	text-decoration: none;
	border:none;
}

#community_inside .iconlinks A:link {
	color: #82bffd;
	text-decoration: none;
	border:none;
}

#community_inside .iconlinks A:visited {
	color: #82bffd;
	text-decoration: none;
	border:none;
}

#community_inside .iconlinks A:active {
	color: #82bffd;
	text-decoration: none;
	border:none;
}

#community_inside .iconlinks A:hover {
	color: #00529b;
	text-decoration: none;
	border:none;
}

#community_inside	.thumbnails {
	float: left;
	height: 157px;
	width: 132px;
	margin-bottom: 20px;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	text-align: center;
	position: relative;
}

	#community_inside .thumbnails img {
		display:inline;
		float: none;
		margin-bottom: 10px;
		height: 115px;
		width: 130px;}


/*  thumbnails no text  */

	#community_inside .thumbnails_no_text {
	float: left;
	height: 137px;
	width: 132px;
	margin-bottom: 20px;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	text-align: center;
	position: relative;
}

#community_inside .thumbnails_close {
	float: left;
	height: 115px;
	width: 132px;
	text-decoration: none;
	margin-left: 7px !important;
	margin-bottom: 9px;
	display: block;
	text-align: center;
	position: relative;
}

	#community_inside .thumbnails_no_text img, #community_inside .thumbnails_close img {
	display:inline;
	float: none;
	background-color: #82bffd;
	padding: 2px;
		}	
		
	#community_inside .thumbnails_no_text a:hover img, #community_inside .thumbnails_close a:hover img {
	display:inline;
	float: none;
	background-color: #00529b;
		}		

/*  thumbnails no text  */

#community_inside	.thumbnails {
	float: left;
	height: 157px;
	width: 132px;
	margin-bottom: 20px;
	text-decoration: none;
	margin-right: 5px;
	display: block;
	text-align: center;
	position: relative;
}

#community_inside .thumbnails img {
		display:inline;
		float: none;
		background-color: #82bffd;
		padding: 2px;
		margin-bottom: 10px;
		}

#community_inside .thumbnails a:hover img{
	display:inline;
	float: none;
	background-color: #00529b;
		}

/*  thumbnails fan banners  */

#community_inside .thumbnails_fan_banner {
	float: left;
	height: 200px;
	margin-bottom: 20px;
	text-decoration: none;
	display: inline;
	text-align: left;
	position: relative;
	margin-left: 60px;
}

#community_inside .thumbnails_fan_banner img {
		display:inline;
		float: none;
		margin-bottom: 10px;}	
		
#community_inside .banner {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}	


/*  thumbnails no text  */
		
	#community_inside .thumbnails_fan_banner {
	float: left;
	height: 200px;
	width: 350px;
	margin-bottom: 20px;
	text-decoration: none;
	display: inline;
	text-align: left;
	position: relative;}

		#community_inside .thumbnails_fan_banner img {
		display:inline;
		float: none;
		margin-bottom: 10px;}	
		
	#community_inside .banner {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;}	
		
	#community_inside .next_section{
	height: 157px;
	width: auto;
}	
	
	#community_inside .next_section_divider{
	width: auto;
	font-size:0;
	height: 50px;
}	

/*  Start new Fun Stuff  */

#community_inside_funact .box_blue_top{
	background-image: url(/images/box_blue_top.gif);
	background-repeat: no-repeat;
	width:842px;
	height:737px; /*  changed to 737 after banners launch  */
}
#community_inside_funact .box_blue_top .top{
	width:842px;
	height: 270px;

}
#community_inside_funact .box_blue_top .subhead{
	padding-bottom: 20px;
	font-size: 13px;
}

#community_inside_funact .box_blue_top .text{
	float:right;
	width:475px; /*  changed to 475 after banners launch  */
	margin: 11px 40px 0 0; 
	_margin: 26px 40px 0 0; /* ie7 hack */
	.margin: 26px 40px 0 0; /* ie6 hack */
}

#community_inside_funact .box_blue_top .text p{
font: normal 13px Arial, Helvetica, sans-serif;
margin-bottom: 15px;
margin-top: -2px;
}
#community_inside_funact .box_blue_top .info_bar{
	background-image: url(/images/info_bar.jpg);
	background-repeat: no-repeat;	
	width:751px;
	height:42px;
	margin:  90px 0 0 40px;
	.margin:  90px 0 0 40px; /* ie7 hack */
	_margin:  50px 0 0 40px; /* ie6 hack */
}
#community_inside_funact .box_blue_top .click_txt{
	margin: -1px 0 0 85px;	
	height: 25px;
	font-size: 13px;
	color: #3b7fb9;
	padding-top: 6px;
}

	
/*  start banners */

#banners p {
      margin: 3px 0 7px 0;
      line-height:100%;
}

	
#banners #content .padd{
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/community_banners_bkg2.png);
	background-repeat: no-repeat;
	background-position: 30px 84px;
}

#banners .top_blue{
	width:812px;
	height: 455px;
	margin:35px 0 0 16px;
}

#banners .top_left{
	float:left;
	width:280px;
	height:400px;
	margin: 20px;
}

#banners .widget{
	width:269px;
	height:293px;
}

#banners .sml_txt{
	margin-bottom:15px;
}

#banners .top_right{
	float:left;
	width:410px;
	height:400px;
	margin:30px 40px 0;
}

#banners .snippet_blue{
	height:59px;
	width:279px;
	background-image: url(../images/snippet_blue.gif);
}

#banners #party_banner_img{
	height: 86px;
	width: 274px;
	position: relative;
	float:left;
	display: inline;
}

#banners .mid_yell{
	margin: 75px 32px 0;
	height:40px;
	width: 755px;
}

#banners .btm_banners{
	margin-top:20px;
}

#banners .btm_banners h5{
	margin-left:35px;
}

#banners #banner_thumblg_left{
	height: 86px;
	width: 274px;
	margin-left: 35px;
	margin-top: 2px;
	position: relative;
	float:left;
	display: inline;
}

#banners #banner_thumblg_right{
	height: 86px;
	width: 274px;
	margin-left: 150px;
	margin-top: 2px;
	position: relative;
	float:left;
	display: inline;
}


#banners .banner_code_left{
	background-image: url(../images/snippet_yell.gif);
	height: 59px;
	width: 355px;
	margin-left: 35px;
	margin-top: 15px;
	position: relative;
	float:left;
	display: inline;
	font-size: 9px;
	color: #83785e;
}

#banners .banner_code_right{
	background-image: url(../images/snippet_yell.gif);
	height: 59px;
	width: 355px;
	margin-left: 65px;
	margin-top: 15px;
	position: relative;
	float:left;
	display: inline;
	font-size: 9px;
	color: #83785e;
}

#banners .embed_code_tf{
	margin:  32px 0 0 15px;	
	width: 250px;
	border:none;
	
}

#banners .banner_thumbsm_left{
	height: 45px;
	width: 143px;
	margin-left: 35px;
	margin-top: 30px;
	position: relative;
	float:left;
	display: inline;
}

#banners .banner_thumbsm_right{
	height: 45px;
	width: 143px;
	margin-left: 280px;
	margin-top: 30px;
	position: relative;
	float:left;
	display: inline;
}
	
/*  end banners */
	

.asterisk {
color: #ffffff;
}

.updated {
font-size: 10px;
}	

#community .box332b .header h5{
	color:#00529b;
	font-size:15px;
	font-weight:bold;
	}	

/* 101 days of fun  start*/
#community_inside_funact .padd {	
height:1030px; 
*height:1550px;	/* ie7 hack */
}

.draw li.larger {
	float:left;
	height:246px;
	list-style:none outside;
	width:277px;
	text-align:center;
	padding: 8px 5px 10px 10px;
}

.draw_color li {
	float:left;
	height:115px;
	list-style:none outside;
	width:130px;
	text-align:center;
	padding: 8px 5px 10px 1px;
}

.draw {
	margin-left: -5px;
	width: 842px;
	height: 371px;
	background: url(/images/funactivities_page_penguin.gif) no-repeat top right;	
}

.draw_color {
	width: 842px;
	height: 371px;
}

ul.draw li a img, ul.draw_color li a img {
border: 2px solid #abd4fd !important;
}

ul.draw li a:hover img, ul.draw_color li a:hover img {
border: 2px solid #538abb !important;
}

ul.pictures li a img {
border: 2px solid #abd4fd !important;
}

ul.pictures li a:hover img {
border: 2px solid #538abb !important;
}

#onlineActivities {
	width: 359px;
	height: 309px;
	float: left;
	margin-bottom: 33px;
	margin-left: 38px;		
}

#offlineActivities {
	width: 359px;
	height: 309px;
	float: right;
	margin-bottom: 33px;
	margin-right: 45px;	
}

ul#onlinelist
{
padding: 0;
margin: 47px 0 0 18px;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
}

ul#onlinelist li { 
display: inline; 	
}

ul#onlinelist li a
{
float: left;
width: 46px;
color: #fff;
padding: 0 4px 8px 5px;
text-decoration: none;
background-image: url(/images/button_week_inactive.gif);	
background-repeat: no-repeat;
width: 46px;
height: 48px;
}

ul#onlinelist li a img
{
margin: 7px 0px 0px 3px;
}

ul#onlinelist li a:hover
{
background-image: url(/images/button_week_hover.gif);	
background-repeat: no-repeat;
width: 46px;
height: 48px;
}

ul#offlinelist
{
padding: 0;
margin: 53px 0 0 22px;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
}

ul#offlinelist li { display: inline; }

ul#offlinelist li a
{
float: left;
width: 64px;
color: #fff;
padding: 0 14px 15px 4px;
text-decoration: none;
background-image: url(/images/button_dblweek_inactive.gif);	
background-repeat: no-repeat;
width: 64px;
height: 66px;
outline: none;
}

ul#offlinelist li a img
{
margin: 10px 0px 0px 3px;
}

ul#offlinelist li a:hover
{
background-image: url(/images/button_dblweek_hover.gif);	
background-repeat: no-repeat;
width: 64px;
height: 66px;
}

.printBar{
	width:842px;
	height:40px;
	background-image:url(../images/print-bar.gif);
	
}
.printText{
	float:left;
	margin: 15px 0 0 50px;
	width: 400px;
}
.printBack{
	float:right;
	text-align:right;
	margin-right: 15px;	
	margin-top:15px;
}

.printActivity a:link, .printActivity a:visited {
display:block;
width:177px;
height:46px;
background:transparent url(../images/button_print.gif) 0 0 no-repeat;
border:0;
margin:6px 0 20px;
padding:0;
}

.printActivity a:hover {
background:transparent url(../images/button_print.gif) 0 -46px no-repeat;
width:177px;
height:46px;
}
	
/* 101 days of fun end */	

@charset "UTF-8";
/* CSS Document */

img {
	border: none;
}

/* -- gallery styles start here -- */

#comics-0, #wallpapers-0, #banners-0,
#comics-1, #wallpapers-1, #banners-1,
#comics-2, #wallpapers-2, #banners-2,
#comics-3, #wallpapers-3 {
	position: relative;
	width: 470px;
	height: 83px;
}
#comics-0 {
	background: url(/images/comics-background-0.gif) top left no-repeat;
}
#comics-1 {
	background: url(/images/comics-background-1.gif) top left no-repeat;
}
#comics-2 {
	background: url(/images/comics-background-2.gif) top left no-repeat;
}
#comics-3 {
	background: url(/images/comics-background-3.gif) top left no-repeat;
}
#wallpapers-0, #wallpapers-1, #wallpapers-2, #wallpapers-3 {
	top: 23px;
	padding-bottom: 23px;
}
#wallpapers-0 {
	background: url(/images/wallpapers-background-0.gif) top left no-repeat;
}
#wallpapers-1 {
	background: url(/images/wallpapers-background-1.gif) top left no-repeat;
}
#wallpapers-2 {
	background: url(/images/wallpapers-background-2.gif) top left no-repeat;
}
#wallpapers-3 {
	background: url(/images/wallpapers-background-3.gif) top left no-repeat;
}
#banners-0, #banners-1, #banners-2 {
	top: 23px;
	padding-bottom: 30px;	
}
#banners-0 {
	background: url(/images/banners-background-0.gif) top left no-repeat;
}
#banners-1 {
	background: url(/images/banners-background-1.gif) top left no-repeat;
}
#banners-2 {
	background: url(/images/banners-background-2.gif) top left no-repeat;
}
.stuffThumb, .stuffThumbWide {
	margin: 0 10px;
	position: relative;
}
.stuffThumb {
	width: 99px;
	height: 83px;
	float: left;	
	left: 113px;
}	
.stuffThumbWide {
	width: 278px;
	height: 90px;
	float: left;
	margin-left: 25px;
}	

.stuffThumb a, .stuffThumbWide a {
	text-decoration: none;
}

.orangeFrame span {
	width: 99px;
	height: 83px;
	display: block;
	position: absolute;
	background: url(/images/orange-frame.gif) no-repeat;
}

.blueFrame span {
	width: 99px;
	height: 83px;
	display: block;
	position: absolute;
	background: url(/images/blue-frame.gif) no-repeat;
}
.orangeFrameWide span {
	width: 278px;
	height: 90px;
	display: block;
	position: absolute;
	background: url(/images/orange-frame-wide.gif) no-repeat;
}

.blueFrameWide span {
	width: 278px;
	height: 90px;
	display: block;
	position: absolute;
	background: url(/images/blue-frame-wide.gif) no-repeat;
}

img.sidebanner {
	margin-bottom: 9px;
	padding-left: 22px;
	display: block;
}

#penguinPollArea {
	position: relative;
	width: 278px;
	float: left;
	background: #fffbcf url(/images/penguinPoll-background.gif) top left repeat-y;
}

#across {
    display: block; 
    clear: both;
}

/*  -- rounded corner boxes -- */

.roundedContainer,
.roundedContainerBlue
{
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:760px; /* based on image dimensions - */
	color:#333;
	z-index:1;
	margin-left:18px; /* default, width of left corner */
	margin-bottom:1.5em; /* spacing under box */
}

.roundedContainer .content,
.roundedContainer .t,
.roundedContainer .b,
.roundedContainer .b div {
	background:transparent url(/images/orangebox.gif) no-repeat top right;
}

.roundedContainerBlue .content,
.roundedContainerBlue .t,
.roundedContainerBlue .b,
.roundedContainerBlue .b div {
	background:transparent url(/images/bluebox.gif) no-repeat top right;
}


.roundedContainer .content,
.roundedContainerBlue .content
{
	position:relative;
	zoom:1;
	padding:0px 12px 0px 0px;
}

.roundedContainer .t,
.roundedContainerBlue .t
{
 /* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:18px; /* top slice width */
	margin-left:-18px;
	height:100%;
	background-position:top left;
}

.roundedContainer .b,
.roundedContainerBlue .b
{
 /* bottom */
	position:relative;
	width:100%;
}

.roundedContainer .b,
.roundedContainerBlue .b,
.roundedContainer .b div,
.roundedContainerBlue .b div
{
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.roundedContainer .b,
.roundedContainerBlue .b
{
	background-position:bottom right;
}

.roundedContainer .b div,
.roundedContainerBlue .b div
{
	position:relative;
	width:18px; /* bottom corner width */
	margin-left:-18px;
	background-position:bottom left;
}

.roundedContainer .hd,
.roundedContainerBlue .hd,
.roundedContainer .bd,
.roundedContainerBlue .bd,
.roundedContainer .ft,
.roundedContainerBlue .ft
{
	position:relative;
}

.roundedContainer .wrapper,
.roundedContainerBlue .wrapper
{
	/* prevents vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; 
}

.roundedContainer p,
.roundedContainerBlue p
{
	margin:0px; /* margins will affect backgrounds, making whitespace. */
	padding:0.5em 0px 0.5em 0px;
}
.primaryContent {
	width: 515px;  position: relative; float: left;
	overflow:visible;
}
.secondaryContent
{
	margin-left: 40px;
	height: 330px; 
	width: 260px;  
	position: relative; 
	float: left;
}
#poll {
	position: relative; 
	z-index: 1000; 
	margin-top: 16px; 
	height: 345px;
	margin-left: 22px;
	width: 278px;	
}
#stuffToGet {
	padding: 20px 0 0 21px;
}
a.bnrlnk-ninja img {
margin-left: 23px;
}
a.bnrlnk img {
margin-left: 23px;
}
a.bnrlnk-ninja {
outline: none;
}
a.bnrlnk {
outline: none;
}

#slider {
	width: 832px;
	height: 325px;
	position: relative; 
	clear: both; 
	margin-bottom: 20px;
}
#pst {
	width: 325px; 
	position: absolute; 
	font-size: 10px; 
    right: -7px;
	top: -2px;
}
#stuff-to-do {
	height:100px;
	position: relative;
	overflow:visible;
	margin-left:-5px;
}
#comicArchiveLink, #wallpaperArchiveLink, #bannerArchiveLink {
width: 98px; position: absolute; float: left;
}
#bannerArchiveLink {
width: 98px; position: relative; float: left;
}
#comicArchiveLink a, #wallpaperArchiveLink a, #bannerArchiveLink a {
outline: none;
}
#stuffToDoHeader {
margin-top: 20px; margin-left: 20px; margin-bottom: 8px;
}
#stuffToGetHeader {
margin-bottom: 11px;
}
.mobile-apps-faq {
position: relative;
float:right;	
margin-top: 20px;
}