/******************** 
 * Playfish.com CSS *
 ********************/
@charset "utf-8";

/************
 * Top menu *
 ************/

.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #35c0e9;width:80%; border:solid 1px #35c0e9;clear:both; position: relative; top: 83px; left: 34px;} /*Color navigation bar normal mode*/
.pd_menu_01  a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:14px;
color: #FFFFFF;
background-color: #35c0e9;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #35c0e9; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #35c0e9;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #35c0e9;}
.pd_menu_01 ul li:hover a {background-color:#1d9dc1; text-decoration:none; color:#FFFFFF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #35c0e9; border-bottom: solid 1px #35c0e9; background-color:#7dd3ed;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#1d9dc1; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #35c0e9;}
.pd_menu_01 ul li a:hover {background-color:#1d9dc1; text-decoration:none;color:#FFFFFF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #35c0e9; border-bottom: solid 1px #35c0e9; background-color:#7dd3ed;  color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#1d9dc1; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/


/****************************
 * Temp borders, design aid *
 ****************************/ /*
div#main {border: 1px dashed blue;}
div.column {border: 1px dashed red;}
div.narrow_content {border: 1px solid red;}
div.wide_content {border: 1px solid green;}

.float_left {display: inline; float: left;}
.float_right {display: inline; float: right;} */

/********************************
 * Column types - do not change *
 ********************************/
 
html, body {
  height: 101%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 1px;
}

#container {
min-height: 100%;
background-image: url(http://static.playfish.com/shared/body_shading.gif);
background-repeat: repeat-y;
width: 1000px;
margin: 0 auto;
}

* html #container {
height: 100%;
}
 
 
div.main {width: 1000px; margin: 0 auto; height: 100%; margin-top: -15px; padding-top: 40px;}
div.full_width{width: 770px; border: 0px solid #33CC33; float: left; margin-left: 15px; border: 0px dotted green;}
div.half_width {width: 355px; float: left; padding: 10px; border: 0px dotted black;}
div#right {float: right;}
div.triplet {width: 240px; float: left; border: 0px dashed #6633FF; margin-left: 4px; padding: 5px;}
div.narrow_column{width: 175px; float: left; margin-top: 20px; border: 0px dashed red;}
/* Fill uses the amount of space available when you have positioned other elements */
div.fill {margin: 15px 0 15px 0; float: right; width: 100%;}
/****************
 * Basic styles *
 ****************/
 * {border: none; text-decoration: none; font-family: Arial, Tahoma, Verdana, sans-serif;}
body {}
html>body #wrap {height:100%;}
h1 {font-size: 36px; color: #FF23A0; margin: 40px 0 35px 9px;}
h2 {font-size: 18px; color: #1C809C; font-weight: bold;}
h3 {font-size: 14px; color: #1C809C; font-weight: bold;}
h3#subheader {margin-top: -18px;}
.light {color: #35C1E8;}
div {line-height: 120%; background-color: #FFFFFF;}
p {font-size: 12px; color: #1C809C; text-align: justify;}
a {font-size: 12px; color: #FF23A0; text-decoration: underline;}
ul.list li {font-size: 13px; list-style: circle; margin-top: 8px;}


/********
 * Blog *
 ********/
ul.databox li {color: #FF23A0; font-size: 13px; font-weight: bold; margin-top: 8px;}
a.blog_heading {font-size: 14px; font-weight: bold; text-decoration: none;}
a.read_more {margin: -60px 0px 0 250px;}
p.blog_entry {font-size: 9px; color: #7c1550; margin: 0;}
p.blog_text {text-align: justify; padding: 0; margin: 12px 0 0 0;}
img.blog {display: inline; float: left; margin: 18px 8px 8px 0;}


b {margin-top: 20px;}
ul {font-size: 12px; color: #1C809C;}
/*
/********************
 * Top menu content *
 ********************/
div#top {height: 117px; width: 802px; background-image: url(img/menu_placeholder.png); background-color: #FFFFFF; margin: 0 auto;}
div#main_menu {margin-left: -30px;}
img#playfish_logo {display: inline; float: right; margin: 35px 40px 0 0;}
/* ul#top_links li {list-style: none; display: inline; float: left; margin-top: 79px; margin-right: 14px;}
a.main_link {width: 30px; font-size: 20px; color: #FFFFFF; margin-left: 20px; text-decoration: none;} */
ul#top_links li {list-style: none; display: inline; float: left; margin-top: 10px; margin-right: 14px;}
a.main_link {width: 30px; font-size: 20px; color: #FFFFFF; margin-left: 20px; text-decoration: none;}
a.main_link:hover {text-decoration: underline;}


/******************
 *  Main content  *
 ******************

/* The centered canvas page */
div#main {width: 800px; margin: 0 auto;} 

/* Left and right columns, only used to hold wide and narrow content */
div.column {width: 398px; min-height: 500px; display: inline; float: left; margin-top: 50px;} 

/* Wide and narrow content holders. Right holders have their own id due to slightly different positioning */
div.wide_content {width: 350px; min-height: 300px; margin-left: 30px; padding-bottom: 20px;}
div#wide_content_right {margin-left: 16px;}
div.narrow_content {width: 166px; min-height: 300px;  display: inline; float: left; margin-left: 30px;}
div#narrow_content_right {width: 166px; min-height: 300px;  display: inline; float: left; margin-left: 16px;}

/* Footer, copyright information only */
div#footer {width: 760px; min-height: 14px; margin: 0 auto; border: 1px solid #1D9DC1; border-width: 1px 0 0 0; margin-top: 60px;} 
div#footer p {font-size: 10px; color: #1D9DC1; text-align: center; margin-top: 5px;}
a.footer_link{font-size: 10px;color: #1D9DC1;}

/*********************************************************************************************************************
 * Any page specific changes go in here, please comment any additions. Avoid using inline styling to prevent clutter *
 *********************************************************************************************************************/
 
/********************
 * Jobs Page Styles *
 ********************/
a.job {font-size: 14px; text-decoration: none;}
a.job:hover {text-decoration: underline;} 
 
/****************************
 * Word Challenge Fact List *
 ****************************/
 
ul.fact_list {list-style-type: none; margin-left: -40px;}
ul.fact_list li {background-image:url(img/wc_bullet.gif); background-repeat: no-repeat;background-position: 0 2px; margin-top: 8px; text-indent: 25px; font-weight: bold;}

/***********************
 * Braingame fact list *
 ***********************/
 
ul.category_list {list-style-type: none; margin-left: -60px;}
ul.category_list li {background-image:url(img/category_num.gif); background-repeat: no-repeat;background-position: 0 2px; margin-top: 8px; text-indent: 35px; margin-left: 40px; line-height: 35px; display: inline; float: left; font-weight: bold;}

ul.fact_list_braingame {list-style-type: none; margin-left: -40px;}
ul.fact_list_braingame li {background-image:url(img/braingame_bullet.gif); background-repeat: no-repeat;background-position: 0px 1px; margin-top: 8px; text-indent: 30px; line-height: 25px; font-weight: bold;}

ul.fact_list_bowling {list-style-type: none; margin-left: -40px;}
ul.fact_list_bowling li {background-image:url(img/bowling_bullet.gif); background-repeat: no-repeat;background-position: 0px 2px; margin-top: 8px; text-indent: 30px; line-height: 25px; font-weight: bold;}