/* I CAN DO THAT GAMES STYLES */

/* PALETTE 
ORANGE: ff7b00
BLUE: 008e9f
YELLOW: d6e03f
PURPLE: a150aa
lt blue: e1f8fb
lt blue border: 55b4bf
*/

/* GLOBAL */
body, html {
	margin: 0;
	padding: 0;
	background: #008e9f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 16pt;
}
#container {
	margin: auto;
	width: 900px;
	background: url(/img/bg_tile.gif) repeat-y;
}
#nav {
	width: 900px;
	height: 200px;
	margin: 0;
	padding: 0;
}
#nav img {
	float: left;
}
#content {
	background: url(/img/bg_navshadow.jpg) top no-repeat;
	padding-top: 25px;
}
.floatleft {
	float: left;
	margin: 8px 20px 5px 0;
	padding: 5px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background: #b7dada;
	text-align: center;
}
.floatright {
	float: right;
	margin: 8px 0 5px 20px;
	padding: 5px 5px 5px 5px;
	background: #b7dada;
}
.floatrightplain {
	float: right;
	margin: 8px 0 5px 20px;
}
.clear {
	clear: both;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
a {
	border: 0px;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
	color: #a150aa;
}
a:active, a:focus {
	border: 0;
	outline-offset: -1px;
}
nav a:hover {
	border: 0;
}
#content a:hover, #footer a:hover, #home_news p a:hover {
	border-bottom: 1px dotted #a150aa;
}
p {
	margin-bottom: 20px;	
}
h1 {
	font-size: 16px;
	margin-bottom: 0;
	padding-bottom: 0;
}
h2 {
	font-size: 10pt;
	color: #008e9f;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 5px;
}
h3 {
	font-size: 10pt;
	margin-bottom: 0;	
}
.orange {
	color: #ff7b00;
}
.blue {
	color: #008e9f;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
#addthis {
	margin-top: 20px;	
}

/* HOME 2.0
--------------------------*/
#home_wrapper {
	width: 900px;
	/*background: url(img/home_bot_right.jpg) bottom right no-repeat;*/
	padding-bottom: 20px;
}
#home_left2 {
	width: 345px;
	padding: 0 20px 0 95px;
}
#home_left2 p {
	margin-top: 0;
}
.maintext {
	font-size: 14px;
	line-height: 22px;
}
#home_right2 {
	float: right;
	margin-right: 85px;
	width: 345px;
	text-align: center;
}
#home_awards {
	margin: 0 auto;
}
#home_awards a:hover {
	border: 0;
}
#home_cat{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #55b4bf;
	margin-bottom: 20px;
}
#home_cat a:hover {
	border: 0;	
}
#home_holiday {
	margin: 20px 0px;
	padding-top: 20px;
	border-top: 1px solid #55b4bf;
}
#home_holiday a:hover {
	border: 0;	
}
.home_holiday_item {
	margin: 0 20px;
	padding: 10px 0;
	border-bottom: 1px dotted #55b4bf;
}
#home_holiday_item_last {
	border-bottom: 0;	
}
.home_holiday_item p {
	font-size: 11px;
	line-height: 16px;
	width: 150px;
	float: right;
	margin-bottom: 10px;
	text-align: left;	
}
.home_holiday_item img {
	border: 2px solid #9e79bb !important;	
}
#home_news {
	background: #e1f8fb;
	margin: 20px 20px 20px 0;
}
#home_news a:hover {
	border: 0;
}
#home_news_hdr1 {
	background: #55b4bf url(/img/crn_blu_ul.gif) top left no-repeat;
	margin-bottom: 0;
}
#home_news_hdr2 {
	background: url(/img/crn_blu_ur.gif) top right no-repeat;
	padding: 5px 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.home_news_item {
	margin: 0 10px;
	padding: 10px 0;
	border-bottom: 1px solid #55b4bf;
}
.home_news_item p {
	font-size: 11px;
	line-height: 16px;
}
.home_news_item p.viddesc {
	width: 150px;
	float: right;
	margin-bottom: 10px;
}
#home_news_link {
	line-height: 14px;	
}
#home_news_ftr1 {
	background: url(/img/crn_blu_bl.gif) bottom left no-repeat;
}
#home_news_ftr2 {
	background: url(/img/crn_blu_br.gif) bottom right no-repeat;
	text-align: right;
	height: 38px;
}
#home_news_ftr2 img {
	margin: 10px;	
}

/* ABOUT US
--------------------------*/
#about_top {
	background: url(/img/about_left.jpg) left top no-repeat;
	padding-left: 260px;
	width: 564px;
	text-align: left;
}
#about_bottom {
	background: url(/img/about_horton.jpg) bottom right no-repeat;
	padding-bottom: 200px;
}

/* BLOG 
--------------------------*/
#blog {
	margin: 0 100px;
}
#blog_main {
	width: 500px;
	float: left;	
}
/* sidebar*/
#sidebar {
	margin-top: 10px;
	margin-left: 510px;
	width: 190px;
}
#sidebar form {
	margin: 0;
}
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit {
	padding: 1px;
}
#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
}
/* post*/	
.post {
	background: #f0fdfb;
	border: 1px dotted #55b4bf;
	margin: 20px 0px;
	padding: 20px;
}
.post hr {
	display: block;
}
.postmetadata {
	padding: 20px;
	border: 1px dotted #cce8ec;
	background: #e1f8fb;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
/* End Entry Lists */

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

/* GAMES LANDING
--------------------------*/
#games {
	padding: 0 100px 20px 100px;
	line-height: 18px;
	font-size: 12px;
}
#games_navrow1 {
	width: 520px;
	margin: 10px auto;
	clear: both;
}
#games_navrow2 {
	width: 360px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;	
}
#games_nav1 {
	width: 100px;
	margin: 0 20px 0 0;
	float: left;
}
#games_nav2 {
	width: 170px;
	margin: 0 20px 0 0;
	float: left;
}
#games_nav3 {
	width: 190px;
	margin: 0 20px 0 0;
	float: left;
}
#games_nav4 {
	width: 170px;
	margin-right: 20px;
	float: left;
}
#games_nav5 {
	width: 170px;
	margin: 0;
	float: left;
}
#games_nav1 a {
	cursor: hand;	
}
#games_1 {
	clear: both;
	display: block;
	text-align: center;
	padding: 60px 0;
}
#games_2, #games_3, #games_4, #games_5, #games_6 {
	display: none;
	padding-top: 20px;
}
#games h1 {
	margin-bottom: 0px;
}
#games a:hover {
	border-bottom: 0;
}
.game {
	padding: 20px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
}
.new {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}

/* GAME PRODUCT PAGES
--------------------------*/
.game_top {
	padding-left: 190px;
	width: 630px;
	text-align: left;
}
.game_top h1 {
	margin-top: 45px;
}
a:hover#pop {
	border: 0;
	margin: 0;
	padding: 0;
}
.game_bot {
	letter-spacing: 0px;
	font-size: 8pt;
	vertical-align: bottom;
	padding: 15px 350px 30px 300px;
}
.game_bot p {
	padding: 0px;
	margin: 0;
}
ul {
	margin: 0 0 15px 0;
	padding: 0;
}
li {
	margin-left: 16px;
}

/* ABC */
#top_abc {
	background: url(/img/game_abc_bgleft.jpg) left top no-repeat;
}
#bot_abc {
	background: url(/img/game_abc_bot.jpg) left bottom no-repeat;
	padding-left: 190px;
	padding-right: 400px;
}
#bot_r_abc {
		background: url(/img/game_abc_bot_r.jpg) right bottom no-repeat;
}

/* BEACH */
#top_beach {
	background: url(/img/game_beach_bgleft.jpg) left top no-repeat;
}
#bot_beach {
	background: url(/img/game_beach_bot.jpg) left bottom no-repeat;
}
#bot_r_beach {
		background: url(/img/game_beach_bot_r.jpg) right bottom no-repeat;
}

/* BINGO */
#top_bingo {
	background: url(/img/game_bingo_bgleft.jpg) left top no-repeat;
}
#bot_bingo {
	background: url(/img/game_bingo_bot.jpg) left bottom no-repeat;
}
#bot_r_bingo {
		background: url(/img/game_bingo_bot_r.jpg) right bottom no-repeat;
}

/* BUSYTOWN */
#top_busytown {
	background: url(/img/game_busytown_bgleft.jpg) left top no-repeat;
}
#bot_r_busytown {
		background: url(/img/game_busytown_bot_r.jpg) right bottom no-repeat;
}

/* CARDS */
#top_cards {
	background: url(/img/game_cards_bgleft.jpg) left top no-repeat;
}
#bot_cards {
	background: url(/img/game_cards_bot.jpg) left bottom no-repeat;
}
#bot_r_cards {
		background: url(/img/game_cards_bot_r.jpg) right bottom no-repeat;
}

/* CAT */
#top_icdt {
	background: url(/img/game_icdt_bgleft.jpg) left top no-repeat;
}
#bot_icdt {
	background: url(/img/game_icdt_bot.jpg) left bottom no-repeat;
}

/* EGGS */
#top_eggs {
	background: url(/img/game_eggs_bgleft.jpg) left top no-repeat;
}
#bot_eggs {
	background: url(/img/game_eggs_bot.jpg) left bottom no-repeat;
}

/* FISH */
#top_fish {
	background: url(/img/game_fish_bgleft.jpg) left top no-repeat;
}
#bot_fish {
	background: url(/img/game_fish_bot.jpg) left bottom no-repeat;
}
#bot_r_fish {
	background: url(/img/game_fish_bot_r.jpg) right bottom no-repeat;
}

/* GRINCH */
#top_syho {
	background: url(/img/game_syho_bgleft.jpg) left top no-repeat;
}
#bot_syho {
	background: url(/img/game_syho_bot.jpg) left bottom no-repeat;
}

/* HELPER */
#top_helper {
	background: url(/img/game_helper_bgleft.jpg) left top no-repeat;
}
#bot_helper {
	background: url(/img/game_helper_bot.jpg) left bottom no-repeat;
}
#bot_r_helper {
	background: url(/img/game_helper_bot_r.jpg) right bottom no-repeat;
}

/* HORTON */
#top_yttr {
	background: url(/img/game_yttr_bgleft.jpg) left top no-repeat;
}
#bot_yttr {
	background: url(/img/game_yttr_bot.jpg) left bottom no-repeat;
}

/* PLACES */
#top_otp {
	background: url(/img/game_otp_bgleft.jpg) left top no-repeat;
}
#bot_otp {
	background: url(/img/game_otp_bot.jpg) left bottom no-repeat;
}

/* WONDERFUL */
#top_otwp {
	background: url(/img/game_otwp_bgleft.jpg) left top no-repeat;
}
#bot_otwp {
	background: url(/img/game_otwp_bot.jpg) left bottom no-repeat;
	padding-left: 400px;
	padding-bottom: 50px;
}
.game_bot#bot_otwp {
	padding-right: 250px;
}

/* ZOO */
#top_zoo {
	background: url(/img/game_zoo_bgleft.jpg) left top no-repeat;
}
#bot_zoo {
	background: url(/img/game_zoo_bot.jpg) left bottom no-repeat;
}
#bot_r_zoo {
		background: url(/img/game_zoo_bot_r.jpg) right bottom no-repeat;
}

/* CG: MATCHING */
#top_cg_matching {
	background: url(/img/game_cg_matching_bgleft.jpg) left top no-repeat;
}

/* CG: THREE FUN CARD GAMES */
#top_cg_3cards {
	background: url(/img/game_cg_3cards_bgleft.jpg) left top no-repeat;
}

/* DS: ICDT CARDS */
#top_ds_icdtcards {
	background: url(/img/game_ds_icdtcards_bgleft.jpg) left top no-repeat;
}
/* DS: WITCH? */
#top_ds_witch {
	background: url(/img/game_ds_witch_bgleft.jpg) left 50px no-repeat;
}
/* DS: MATCHING */
#top_ds_matching {
	background: url(/img/game_ds_matching_bgleft.jpg) left top no-repeat;
}
/* DS: PUZZLES */
#top_ds_puzzles {
	background: url(/img/game_ds_puzzles_bgleft.jpg) left top no-repeat;
}

/* ICDT: DISCOVERY GARDEN */
#top_garden {
	background: url(/img/game_icdt_garden_bgleft.jpg) left top no-repeat;
}
#bot_r_garden {
		background: url(/img/game_icdt_garden_bot_r.jpg) right bottom no-repeat;
}

/* RS: MATCHING */
#top_rs_matching {
	background: url(/img/game_rs_matching_bgleft.jpg) left top no-repeat;
}

/* RS: CARS AND TRUCKS */
#top_rs_cars {
	background: url(/img/game_rs_cars_bgleft.jpg) left 50px no-repeat;
}

/* CHUGGINGTON */
#bot_chuggington_matching, #bot_chuggington_traintastic {
	background: url(/img/game_chuggington_traintastic_bot.jpg) left bottom no-repeat;
}


/* GAME VIDEO PAGES 
--------------------------*/
#video_left {
	height: 320px;
	padding-bottom: 30px;
}
#video_right {
	width: 300px;
	position: relative;
	top: -320px;
	left: 340px;
}

/* NEWS ROOM
--------------------------*/
#press {
	font-size: 10px;
	line-height: 14px;
}
#news_header {
	margin-left: 120px;
	font-size: 10px;
	line-height: 16px;
}
#news_header_l {
	width: 300px;
	float: left;
}
#news_header_r {
	width: 300px;
	float: right;
}
#news_contact {
	margin: 40px 0;
	font-weight: bold;
	font-size: 8pt;
	line-height: 12pt;
	text-align: center;
}
#news_wrapper {
	padding: 0 75px 20px 85px;
	background: url(/img/news_left.jpg) left top no-repeat;
	font-size: 10px;
}
#news_left {
	width: 345px;
}
#news_left p {
	margin-top: 0;
}
#news_right {
	float: right;
	width: 390px;
	padding-top: 30px;
}

#press_top {
	padding-left: 90px;
	width: 730px;
}
#press_bottom {
}

/* FOR PARENTS
--------------------------*/
#faqcontainer {
	margin: 0 100px;
	background: url(/img/faq_ur.gif) top right no-repeat;
}
#faqcontainer ul#menu {
	width: 60%;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #55b4bf;
	background: #e1f8fb;
}
#faqcontainer li {
	margin-bottom: 3px;
}
.faq_h1 {
	font-weight: bold;
	color: #ff7b00;
}
.faq_h2, #faqcontainer a {
	font-weight: bold;
	color: #008aa4;
}
#faqs a {
	border-bottom: 1px solid #ccc;
	display: block;
	margin-top: 30px;
	margin-bottom: -5px;
}
.faquote {
	float: right;
	color: #fff;
	background: #55b4bf;
	font-family: ;
	font-size: 8pt;
	width: 150px;
	text-align: center;
	margin: 10px;
	padding: 10px;
}

/* CONTACT
--------------------------*/
#contact {
	background: url(/img/contact_bottom.gif) bottom right no-repeat;
	margin: 0 100px;
	padding-bottom: 50px;
}

/* QUALITY
--------------------------*/
#quality {
	background: url(/img/contact_bottom.gif) bottom right no-repeat;
	margin: 0 100px;
	padding-bottom: 250px;
}

/* SITE MAP
--------------------------*/
#sitemap {
	background: url(/img/faq_ur.gif) middle right no-repeat;
	margin: 0 100px;
	padding-bottom: 50px;
}
#sitemap ul ul {
	margin-left: 30px;
	list-style: disc;
}

/* FOOTER
--------------------------*/
#footer {
	clear: both;
	width: 900px;
	height: 100px;
	background: #008e9f url(/img/footer.gif) no-repeat;
	padding-top: 10px;
	text-align: center;
	font-size: 10px;;
}
#legal {
	width: 700px;
	font-size: 10px;
	line-height: 12px;
	margin: 0 auto;
}