/*

CONSTANTS

# Background Blue (background): #4b95d0
# Text blue (text): #519ad3
# Text orange (text): #f26014
# Background green (background): #7fb868
# Background light Sky (background): #cee6fa
# User name color (text): #5d5d5d
# Account - log out (text): #18649f
#
*/



@font-face
{
  font-family: "Geometric_Slabserif_703";
  src: url(../fonts/GeometricSlab703BT-Bold.eot);
  src: local("Geometric Slabserif 703"), url(../fonts/GeometricSlab703BT-Bold.ttf) format("truetype"); /* non-IE */
}

.modal_title
{
  font-family: "Geometric_Slabserif_703", Georgia, "Times New Roman", Times, serif;
  color:#519ad3;
  font-size:20px;
  font-weight:bold;
  padding:25px 0px 10px 0px;
}



/* -----------------------------------*/
/* ---------->>>  HTML  <<<-----------*/
/* -----------------------------------*/

/* General */
a {
  color: #f26014;
  text-decoration: none;
}

a:hover {
  color: #f26014;
  text-decoration: underline;
}

h1, h2, h3 {
  font-weight: lighter;
  font-family: "Geometric_Slabserif_703", Georgia, "Times New Roman", Times, serif;
}

h4, h5, h6 {
  font-family: GeometricSlab, Arial, Helvetica, sans-serif;
}

h2 {
  font-family: "Geometric_Slabserif_703", Georgia, "Times New Roman", Times, serif;
  color: #519ad3;
  font-size: 20px;
  font-weight: bold;
  padding: 25px 0px 10px 0px;
}

h3 {
  color: #519ad3;
  font-size: 25px;
  margin: 0 0 10px 0;
}

h4 {
  color: #519ad3;
  font-size: 18px;
  font-weight: normal;
}

h5 {
  color: #519ad3;
  font-size: 17px;
  font-weight: normal;
}

h5 {
  color: #519ad3;
  font-size: 13px;
  font-weight: normal;
}

hr {
  margin: 20px 0 20px 0;
  color: #519ad3;
}

/* Positioned */
.block {
  display: block;
}
.width_100 {
  width: 100%;
}
.width_75 {
  width: 75%;
}
.width_50 {
  width: 50%;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.float_none {
  float: none;
}
.align_left {
  text-align: left;
}
.align_center {
  text-align: center;
}
.align_right {
  text-align: right;
}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}
.clearfix {
  display:block;
}
.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
  overflow:hidden;
}

/* Structure */

body {
  padding: 0;
  /*
  background-image:url(../images/background/blue_gradient_bg.png);
  background-repeat:repeat-x;
  background-color: #5f8ece;
  */
  background-color: #86c9ef;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#5f5f5f;
}

.form_element
{
  background-image:url(../images/forms/input.jpg);
  background-repeat:no-repeat;
  margin: 4px 10px 2px 0px;
  padding: 2px 10px 2px 10px;
  border: solid 1px #fff;
  width:260px;
  height:32px;
  font-size:18px;
  font-weight:bold;
  color:#707070;
}

.family_attributes a {
  font-size: 10px;
}

.clear_input
{
  border:none;
  margin: 4px 10px 0px 0px;
  padding: 2px 10px 2px 10px;
  background-repeat:no-repeat;
  width:150px;
  background-image:url(../images/forms/input_160.jpg);
  height:25px;
  border: solid 1px #fff;
}

/* -----------------------------------*/
/* -------->>>  CLASSES  <<<----------*/
/* -----------------------------------*/

/* Input elements */

.input_content
{
  background-image:url(../images/forms/input_160.jpg);
  width:160px;
  height:25px;
}

.input_element
{
  padding:4px 0px 3px 0px;
  font-size:18px;
  font-weight:bold;
  color::#707070;
}

.message_textarea
{
  width:262px;
  border-color:#f26014;
  border-width:1px;
  border-style:solid;
  font-size:18px;
  font-weight:bold;
  color:#707070;
  padding: 4px;
  margin:0px 0px 10px 0px;
}

/* Modal */

.modal_thanks
{
  color:#519ad3;
  font-size:30px;
  text-align:center;
  padding: 15px 0px 4px 0px;
}

.modal_thanks_content
{
  color:#519ad3;
  text-align:center;
  padding: 15px 0px 20px 0px;
}



.modal_close_button
{
  position:relative;
  float:right;
  margin-right:-15px;
}

.modal_window
{
  margin:0px;
  padding:0px;
  width: 424px;
}
.modal_top {
  height:15px;
  background-image:url(../images/background/modal/modal_424_top.png);
  width:424px;
}

.modal_center {
  min-height:100px;
  background-image:url(../images/background/modal/modal_425_middle.png);
  background-repeat:repeat-y;
  width:344px;
  padding:0px 30px 0px 50px;
}

.modal_mc {
  /*background-color:#FFF;*/

}

.modal_bottom {
  height:13px;
  background-image:url(../images/background/modal/modal_424_bottom.png);
  width:424px;
}


/* Structure */

.email_message
{
  padding:5px 0px 10px 0px;
  color:#519ad3;
  font-size:12px;
}

.personalize_for_friend
{
  padding:5px 0px 10px 0px;
  color:#519ad3;
}

.footer {
  width: 100%;
  background-image:url(../images/background/footer_repeat.png);
  height:167px;
}
.center_footer {
  background-image:url(../images/background/footer.png);
  width:1104px;
  height:167px;
  margin: 0 auto;
  color:#18649f;
  font-weight:bold;
}

.reset
{
  float:right;
}

.personalize
{
  float:left;
}

.footer_links {
  float:left;
  padding-top:90px;
  padding-left:25px;
}

.footer_links li {
  float: left;
  margin: 0 3px;
}

.footer_copyright {
  color:#666666;
  padding: 0 0 0 170px;
}
.user_name {
  color:#5d5d5d;
  clear:none;
  margin:0px;
  padding:0 0 8px 0;
}

.user_name a {
  float: right
}

.login {
  margin: 0 0 10px 0;
}

.top_right {
  background-image:url(../images/background/right_back_top.png);
  height:14px;
}

.content_right {
  background-image:url(../images/background/right_back.png);
  background-repeat:repeat-y;
  padding-left:20px;
  padding-right:18px;
}

.left_label
{
  font-size:18px;
  color:#519ad3;
  float:left;
  width:160px;
  padding:7px 0px 0px 80px;
}

.radio_style
{
  font-size:18px;
  color:#519ad3;
  padding:7px 0px 0px 0px;
  border-style:none;
}

.years_old
{
  font-size:18px;
  color:#519ad3;
}

.right_form
{
  float:left;
  width:420px;
}

.right_form select
{
  width: 100px;
}

.left_sign_in
{
  float:left;
  width: 320px;
  padding:24px 0px 0px 80px;
  font-size:16px;

}

.left_details
{
  padding:5px 0px 5px 80px;
}

.left_details a
{
  color:#f26014;
  text-decoration:none;
}

.left_details a:hover
{
  text-decoration:underline;
}

.left_title
{
  padding:10px 0px 0px 80px;
  font-size:18px;
}

.right_sign_in
{
  float:left;
  width:160px;
  padding:10px 0px 0px 0px;
}

.form_right
{
  margin: 10px 0px 10px 0px;
}



.form_right input[type=text], .form_right input[type=password], .form_right select
{

  border-color:#f26014;
  border-style:solid;
  border-width:1px;
  padding: 4px;
  color:#707070;
  font-size:18px;
  font-weight:bold;
  width:250px;
}

.create_title
{
  background-image:url(../images/content/create_title.png);
  width:734px;
  height:64px;
}

h1.home_title
{
  background-image:url(../images/content/home_title.png);
  width:734px;
  height:64px;
  text-indent: -9999px;
}

.user {
  width:90px;
  float:left;
}

.medium_title
{
  font-size:16px;
  font-weight:bold;
  padding:8px 0px 8px 0px;
  color:#519ad3;
}

.user_name_font {
  font-size:16px;
  font-weight:bold;
  padding:4px 0px 3px 0px;
}
.stats {
  width:70px;
  float:right;
  font-size:18px;
  font-weight:bold;
  color:#FFF;
}
.top_data {
  margin-top: 10px;
  height:40px;
  padding: 0px 8px 10px 6px;
}

div.reads {
  background-image:url(../images/stats/reads.jpg);
  background-repeat:no-repeat;
  margin-left:10px;
  padding-left:20px;
  padding-top:35px;
  height:40px;
}

div.badges {
  background-image:url(../images/stats/badges.jpg);
  background-repeat:no-repeat;
  margin-left:10px;
  padding-left:20px;
  padding-top:30px;
  height:40px;
}

div.stuff {
  background-image:url(../images/stats/backpack.jpg);
  background-repeat:no-repeat;
  margin-left:10px;
  padding-left:20px;
  padding-top:30px;
  height:40px;
}
.person_top {
  background-image:url(../images/content/featuring_top.png);
  height:14px;
  background-repeat:no-repeat;
}
.person_center {
  background-image:url(../images/content/featuring_center.png);
  background-repeat:repeat-y;
  padding-left:20px;
}
.person_bottom {
  background-image:url(../images/content/featuring_bottom.png);
  height:14px;
  background-repeat:no-repeat;
}
.inner_featuring {
  float:left;
  width:360px;
  line-height:17px;
  font-size:13px;
  font-weight:bold;
}
.personalize_button {
  float: right;
  margin: 15px 55px 0 0;
}

.bottom_right {
  background-image:url(../images/background/right_back_bottom.png);
  background-repeat:no-repeat;
  height:14px;
}

.content_container_735
{
  width: 735px;
  margin: 0 auto;
  margin-top:50px;
  position:relative;
  z-index:2;
}

.content_container {
  width: 960px;
  margin: 0 auto;
  position:relative;
  z-index:2;
}
.left_content {
  width: 745px;
  position:relative;
  float:left;
}
.right_content {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  width: 207px;
  position:relative;
  float:right;
  margin-left:4px;
  margin-right:3px;
}

.top_left_cont {
  margin: 0;
  padding: 0;
}

.top_left_cont div.banner.home {
  background: transparent url(../images/content/home_background_top.png);
  width: 735px;
  height: 94px;
}

.top_left_cont div.banner.site {
  background: transparent url(../images/content/content_background_top.png);
  width: 735px;
  height: 94px;
}


.center_left_cont_user_create {
  background-repeat:repeat-y;
  padding: 15px 0px 0px 30px;
}

.center_left_cont_create {
  background-image:url(../images/content/content_background_center.png);
  background-repeat:repeat-y;
  padding: 15px 0px 0px 30px;
}

.center_left_cont {
  background-image:url(../images/content/content_background_center.png);
  background-repeat:repeat-y;
  padding: 0 40px 0 30px;
}

.bottom_left_cont {
  background-image:url(../images/content/content_background_bottom_white.png);
  height:77px;
  background-repeat:no-repeat;
}

.bottom_left_cont_blue {
  background: transparent url(../images/content/content_background_center_blue.png) repeat-y;
  padding: 0 40px 0 30px;
}

.border_bottom_left_cont_blue {
  background-image:url(../images/content/content_background_bottom_sky.png);
  height: 45px;
  background-repeat:no-repeat;
}

.bottom_left_cont_home {
  background-image:url(../images/content/content_background_bottom.png);
  height:77px;
  background-repeat:no-repeat;
}
.header_clouds {
  background: transparent url(../images/background/clouds_bg.png) no-repeat;
  background-color: #86c9ef;
  width:100%;
}

.right_label
{
  font-size:14px;
}

.sign_up
{
  padding: 6px 0px 4px 0px;
}

.facebook
{
  padding: 4px 0px 12px 0px;
}

.facebook_connect
{
  color: #519ad3;
  padding: 10px 0 10px 0;
}

.map_button {
  position:absolute;
  float:right;
  margin-left: 405px;
  margin-top:-5px;
  z-index:40;
}
.home_button {
  position:relative;
  float:right;
  margin: -40px 250px 0 0;
  z-index:41;
  top: 55px;
}
.bread_crumb {
  padding-top:2px;
  width:550px;
  float:left;
  font-weight:bold;
}
.center_image {
  width:622px;
  text-align:center;
  padding-top:20px;
  padding-right:50px;
  padding-left:20px;
}
.story_content {
  padding-left:20px;
  padding-right:50px;
  width:622px;
  text-align:center;
  font-size:16px;
  line-height:24px;
}
.story_content p {
  margin:0 0 15px 0;
}

.story_top
{
  background-image:url(../images/frames/story_frame_top.png);
  width:214px;
  height:14px;
  background-repeat:no-repeat;
}

.story_middle
{
  background-image:url(../images/frames/story_frame_middle.png);
  background-repeat:repeat-y;
}

.story_bottom
{
  background-image:url(../images/frames/story_frame_bottom.png);
  width:214px;
  height:16px;
  background-repeat:no-repeat;

}

.story_thumb
{
  padding:4px 0px 4px 16px;
}

.story_thumb_title
{
  padding: 4px 10px 4px 10px;
  color:#ff3e0a;
  font-size:14px;
  text-align: center;
  width: 195px;
  height: 25px;
}

.story_thumb_title a {
  font-family: "Geometric_Slabserif_703", Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  font-weight: lighter;
}

.story_thumb_description {
  padding: 0 20px 0 15px;
}

.text_align_left {
  text-align:left;
  padding-top:10px;
}
.account_item {
  float: left;
  font-size:12px;
  color:#f26014;
  width:125px;
  padding: 4px 0px 0px 0px;
}
.account_item a {
  color:#f26014;
  text-decoration:none;
}
.account_container {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px;
  height:18px;
}
.account_title {
  color:#519ad3;
  line-height:18px;
  padding:2px 0px 10px 0px;
  font-size:16px;
  font-weight:bold;
}
/* Images */

.graph_bar {
  padding:7px 0px 7px 0px;
}
.arrow {
  float:left;
  padding: 8px 0px 0px 0px;
  margin: 0px 6px 0px 0px;
}

.arrow_image
{
  padding:30px 10px 0px 10px;
  float:left;
}

.image_selection
{
  margin:0px 10px 0px 10px;
  float:left;
  border-style:solid;
  border-width:2px;
  border-color:#f26014;
}

.cross {
  float:right;
}
.user_image {
  margin: 5px 0px;
}
.story_image {
  border-style:solid;
  border-width:4px;
  border-color:#7fb868;
}

.story_container
{
  float:left;
  width:225px;
  margin:4px 0px 10px 0px;
}

.welcome
{
  font-weight:bold;
  font-size:18px;
  color:#519ad3;
}

.new_story
{
  color:#519ad3;
  padding:8px 0px 4px 0px;
  line-height:14px;
}

.new_story_title
{
  color:#f26014;
  padding:4px 0px 4px 0px;
  line-height:14px;
}

.next_page_button {
  margin-left: 240px;
  margin-top: 10px;
}
.credits {
  padding-top:3px;
  padding-bottom:8px;
  clear:both;
  font-weight:bold;
}
/* Typography */

.title_red {
  color: #f26014;
}

.or
{
  padding:2px 10px 0px 0px;
  float:left;
}

.forgot_password
{
  padding:5px 0px 5px 0px;
}

.forgot_password a
{
  color:#f26014;
  text-decoration:none;
}

.forgot_password a:hover
{
  text-decoration:underline;
}

.detail_text
{
  color:#519ad3;
}

.first_part_bread_crumb a {
  color:#f26014;
  text-decoration:none;
}
.first_part_bread_crumb a:hover {
  text-decoration:underline;
}
.credits_author_intro {
  color:#519ad3;
}
.credits_author {
}
.credits_illustrator_intro {
  color:#519ad3;
}
.credits_illustrator {
  color:#f26014;
}
.user_name_appear {
  color:#519ad3;
}
.slash {
  color:#6b6b6b;
}
.featuring {
  font-size:18px;
  font-weight:bold;
}

.featuring li {
  float: none;
}

.story_title {
  font-size:32px;
  font-weight:bold;
  padding-top:9px;
  padding-bottom:5px;
  width:550px;
  float:left;
  color:#ff3e0a;
}
.social_networks {
  float:right;
}
.orange_text {
  color:#f26014;
}
.first_part_bread_crumb {
  color:#f26014;
}
.last_part_bread_crumb {
  color:#519ad3;
}
.blue_text {
  color:#519ad3;
}
.arrow_breadcrumb {
  color:#519ad3;
}

/*------------------------------------------------------------------------------------
  Sign Up Pop up
------------------------------------------------------------------------------------*/
div#sign_up .left {
  float: left;
  margin: 0 0 10px 0;
}

div#sign_up .right {
  float: right;
  margin: 20px 0 0 0;
}

div#sign_up p {
  line-height: 1.3;
  margin: 0 0 10px 0;
}

/*------------------------------------------------------------------------------------
  Sign In Pop up
------------------------------------------------------------------------------------*/
div#sign_in .left {
  float: left;
  margin: 0 0 10px 0;
}

div#sign_in .right {
  float: right;
  margin: 20px 0 0 0;
}

div#sign_in p {
  line-height: 1.3;
}

/*------------------------------------------------------------------------------------
  Children Widget
------------------------------------------------------------------------------------*/
div#children_widget {
}

div#children_widget h3 {
  width: 205px;
  height: 22px;
  color: #fff;
  padding: 10px 0 0 10px;
  margin: 0;
  font-size: 17px;
  cursor: pointer;
}

div#children_widget h3.top.ui-state-default {
  background: transparent url(../images/children_widget/accordion_inactive_top.png) no-repeat;
  height: 24px;
}

div#children_widget h3.top.ui-state-active {
  background: transparent url(../images/children_widget/accordion_active_top.png) no-repeat;
  height: 24px;
}

div#children_widget h3.middle.ui-state-default {
  background: transparent url(../images/children_widget/accordion_inactive.png) no-repeat;
  height: 22px;
}

div#children_widget h3.middle.ui-state-active {
  background: transparent url(../images/children_widget/accordion_active.png) no-repeat;
  height: 22px;
}

div#children_widget h3.bottom.ui-state-default {
  background: transparent url(../images/children_widget/accordion_inactive_bottom.png) no-repeat;
}

div#children_widget h3.bottom.ui-state-active {
  background: transparent url(../images/children_widget/accordion_active.png) no-repeat;
}

div#children_widget div.accordion_bottom_end, div#children_widget div.accordion_bottom {
  width: 205px;
  height: 7px;
  clear: both;
  float: none;
}

div#children_widget div.accordion_bottom {
  background: transparent url(../images/background/right_back.png) repeat-y;
}

div#children_widget div.accordion_bottom_end {
  background: transparent url(../images/children_widget/accordion_bottom.png) no-repeat center bottom;
}

div#children_widget div.content_right {
  background: transparent url(../images/background/right_back.png) repeat-y;
  /* background: transparent url(../images/background/right_back.png) repeat-y -4px 0; */
}

div#children_widget h3 a {
  color: #fff;
}

div#children_widget h3 a:hover {
  text-decoration: none;
}

div.motivation_bar {
  float: left;
  margin: 10px 0 10px 0;
}

div.motivation_bar div.background {
  background: transparent url(../images/explorer_status_motivation_progress.png) no-repeat;
  width: 94px;
  height: 14px;
  padding: 0;
  margin-bottom: 10px;
}

div.motivation_bar div.foreground {
  background: transparent url(../images/explorer_status_motivation.png) no-repeat;
  width: 94px;
  height: 14px;
}

h5.status {
  float: left;
  font-size: 10px;
}

/*------------------------------------------------------------------------------------
  Stories
------------------------------------------------------------------------------------*/

/* Show */
span.user_name_appear {
  color: #519ad3;
}

h3.featuring {
  margin: 0 0 10px 0;
}

div.inner_featuring li {
  float: none;
  margin: 5px 0 0 0;
}

div#story_body img.story_image {
  border: solid 0px #83b868;
}

div.story_footer {
  margin: 20px 0 0 0;
}

div.story_footer h3 {
  color: #ff3e0a;
  display:inline;
}

div.read_story h4 {
  padding: 20px 0 20px 0;
}

div.read_story li {
  float: none;
}

div.read_story li span.child {
  display: block;
  float: left;
  width: 130px;
  margin: 10px 0 20px 0;
  color: #519ad3;
  font-size: 17px;
}

div.earned_box div.stamps {
  margin: 0 10px 0 0;
}

div.earned_box div.stamp, div.earned_box div.item {
  float: left;
  width: 80px;
  text-align: center;
  margin: 10px 0 10px 0;
  border: solid 2px #eee;
  padding: 5px 2px 5px 0px;
}

div.big_item img {
  float: left;
  margin: 0 0 10px 0;
}

div.big_item {
  width: 300px;
}

div.big_item h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0 5px 70px;
}

div.big_item p {
  line-height: 1.2;
  margin: 5px 0 5px 70px;
}

div.top_story_pagination {
  margin: 0 0 20px 0;
}

div.footer_story_navigation {
  background: #d4e5fa;
  padding: 10px 0 0 0;
}

ul.choices {
  font-size: 14px;
  list-style: circle;
  margin: 0 0 0 30px;
}

ul.choices li {
  margin: 5px 0 5px 0;
}

/*------------------------------------------------------------------------------------
  Children
------------------------------------------------------------------------------------*/

/* Show */

div.child div.cssbox {
  margin: 0 0 20px 0;
}

div.child div.progress div.motivation_bar {
  float: right;
}

div.child div.progress, div.child div.items {
  margin: 0;
}

div.child div.change_explorer_image {
  margin: 0 0 20px 0;
}

div#change_explorer_image_facebox {
  width: 105px;
  text-align: center;
}

div.child div.progress img.avatar {
  float: left;
  margin: 10px 10px 10px 0;
}

div.child div.progress h3 {
  padding: 10px 0 0 0;
}

div.child div.progress div.stats {
  float: left;
  width: auto;
}

div.child div.progress div.stats div.reads, div.child div.progress div.stats div.stuff, div.child div.progress div.stats div.badges {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}

div.child div.progress div.stats div.stuff {
  margin-top: 5px;
}

div.child div.items h3 {
  margin: 0 0 20px 0;
}

div.child div.items div.item {
  float: left;
  width: 70px;
  height: 120px;
  text-align: center;
  padding: 5px;
  margin: 0 10px 0 0;
}

div.child div.item img {
  margin: 0 0 10px 0;
}

/*------------------------------------------------------------------------------------
  Story World
------------------------------------------------------------------------------------*/
/* Landing */
div.landing {
  margin: 0 0 20px 0;
}

div.landing img.landing {
  float: right;
  margin: 0 0 0 5px;
}

div.landing p {
  font-size: 16px;
  line-height: 1.2;
  margin: 10px 0 10px 0;
}

div.landing div.message {
  margin: 0 0 10px 0;
}

div.landing div.buttons {
  margin: 10px 0 0 0;
}

div.landing a.new_reader {
  float: left;
}

div.landing a.old_reader {
  float: left;
  margin-left: 10px;
}

/* Layout */
.top_left_cont div.banner.site.storyworld {
  background: transparent url(../images/content/content_background_top_storyworld.png);
  width: 735px;
  height: 94px;
}

.center_left_cont.storyworld {
  background-image:url(../images/content/content_background_center_storyworld.png);
  background-repeat:repeat-y;
  padding: 0 40px 0 30px;
}

.bottom_left_cont.storyworld {
  background-image:url(../images/content/content_background_bottom_storyworld.png);
  height:77px;
  background-repeat:no-repeat;
}

div.facebook_find_us {
  padding-left: 5px;
  margin-bottom: 10px;
}

/* Show */
div#story_world_info_box div.cover {
  float: left;
  margin: 0 10px 0 0;
}

div#story_world_info_box div.cover div.story_container {
  float: none;
}

div#story_world_info_box div.cover a.button {
  margin: 0 0 0 15px
}

div#story_world_info_box div.details {
  float: left;
  width: 340px;
}

div#story_world_info_box div.details h2 {
  margin-top: 0px;
  padding-top: 5px;
}

div#story_world_info_box div.details p {
  margin: 0 0 10px 0;
}

div#story_world_info_box div.child {
  clear: right;
  border: solid 3px #519ad3;
  margin: 5px 0 10px 0;
  padding: 10px;
}

div#story_world_info_box div.child h4 {
  margin-bottom: 10px;
}

div#story_world_info_box div.child div.avatar {
  float: left;
  border: solid 1px #519ad3;
}

div#story_world_info_box div.child div.stats {
  width: auto;
  float: left;
}

div#story_world_info_box div.child div.stats div {
  float: left;
  width: 50px;
}

/*------------------------------------------------------------------------------------
  Users
------------------------------------------------------------------------------------*/
div.category_options {
  font-size: 13px;
  margin: 0 0 0 210px;
}

div#family_attributes {
  margin: 0 0 0 40px;
}

div#family_attributes p.description {
  font-size:18px;
  color:#519ad3;
  padding:5px 0px 2px 0px;
  height: 20px;
  font-weight: lighter;
}

div#family_attributes p.description span.right {
  display: block;
  float: right;
  margin: 0 162px 0 0;
}

div#family_attributes span.gender {
  width: 250px;
  float: left;
}

div#family_attributes a.add_family_member_link {
  display: block;
  margin: 10px 0 20px 0;
}

div.faq_and_leave_us {
  text-align: center;
  color: #519ad3;
  margin: 20px 0 0 0;
}

div.faq_and_leave_us span {
  margin: 0 0 0 5px;
}

div.edit_user, div.new_user .child {

}

div.select_explorer label {
  padding: 20px 0 0 0;
}

div.explorer_select {
  height: 70px;
}

div.explorer_select a.prev {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

div.explorer_select a.next {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

div.explorer_select_inner {
  float: left;
  width: auto;
}

div.explorer_select_inner img {
  position: relative;
}

/*------------------------------------------------------------------------------------
  Content Pages
------------------------------------------------------------------------------------*/

div.content_page h1, div.content_page h2, div.content_page h3, div.content_page h4, div.content_page h5, div.content_page h6 {
  font-weight: lighter;
  font-family: "Geometric_Slabserif_703", Georgia, "Times New Roman", Times, serif;
}

div.content_page h1 { font-size: 30px; }
div.content_page h2 { font-size: 29px; }
div.content_page h3 { font-size: 24px; margin: 20px 0 10px 0}
div.content_page h4 { font-size: 22px; }
div.content_page h5 { font-size: 20px; }
div.content_page h6 { font-size: 18px; }

div.content_page p, div.content_page div {
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 1.3;
}

div.content_page b {
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 1.3;
}

/*------------------------------------------------------------------------------------
  Forms
------------------------------------------------------------------------------------*/
form label {
  font-size:18px;
  color:#519ad3;
  padding:5px 0px 2px 0px;
  font-weight: lighter;
}

div.input_element.inline label {
  display: block;
  width: 200px;
  float: left;
  text-align: right;
  padding: 10px 10px 0 0;
}

/* Form Validations */

div.errorExplanation {
  display:inline-block;
  width: 95%;
  border: solid 2px;
  margin: 10px 0 20px 0;
  padding: 10px;
  font-size: 15px;
  background: #f3f3f3;
}

div.errorExplanation h2 {
  color: #ff0e17;
  font-family: GeometricSlab, Arial, Helvetica, sans-serif;
}

div.errorExplanation p {
  font-size: bold;
  color: #000;
  margin: 0 0 10px 0;
}

div.errorExplanation li {
  margin: 5px 0 0 20px;
  float: none;
  list-style: circle;
}

div.fieldWithErrors {
  display: inline;
}

/*------------------------------------------------------------------------------------
  Flash Messages
------------------------------------------------------------------------------------*/
div.flash-app {
  display: block;
  padding: 10px 5px 10px 5px;
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

div.flash-notice {
  color: #58a937;
  border-bottom: solid 3px #58a937;
}

div.flash-error {
  color: #ff0e17;
  border-bottom: solid 3px #ff0e17;
}

/*------------------------------------------------------------------------------------
  Round Box
------------------------------------------------------------------------------------*/
/* set the image to use and establish the lower-right position */
.box_blue {
  background: transparent url(../images/round_box.png) no-repeat bottom right;
}

.box_cyan {
  background: transparent url(../images/round_box_cyan.png) no-repeat bottom right;
}

.cssbox {
  /* --- width: 335px !important; ---*/ /* intended total box width - padding-right(next) */
  width: 320px; /* IE Win = width - padding */
  padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
  margin: 0 auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
  background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
  padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
  background-position: top left; margin: 0; /* reset main site styles*/
  border: 0; /* ditto */
  padding: 15px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
  height: auto !important; height: 1%; /* IE Holly Hack */
  color:#ff3e0a;
  line-height: 1.2;
}

/* set the lower-left corner image */
.cssbox_body {
  background-position: bottom left; margin-right: 25px; /* interior-padding right */
  padding: 0px 0 10px 40px; /* mirror .cssbox_head right/left */
}

div.modal_close {
  float: right;
  margin: 10px;
}