@import url("/stylesheets/footer.css");
@import url("/stylesheets/tabs.css");
@import url("/stylesheets/instructions.css");
@import url("/stylesheets/menuItems.css");
@import url("/stylesheets/activities.css");
@import url("/stylesheets/backgrounds.css");
@import url("/stylesheets/forms.css");
@import url("/stylesheets/character_chart.css");


* {
  margin:0;
  padding:0;
}

/*	layout	*/

body	{
  text-align:center;
  font-family:"Lucida Sans", "Lucida", "Verdana", sans-serif;
  font-size:14px;
  background-color:#F27BCC;
  color:#fff;
}

#header h1 {	
  position:absolute;
  margin: 20px 0 0 0px ;
  padding: 0px 0 0 0;
}

#header h1 a span {
  display:none;
  }

p.tagline {
  position:absolute;
  display: block;
  margin:35px 0 0 640px;
  width: 240px;
  height: 35px;
  background: url(../images/bg/bang_on_door.gif) 0 0 no-repeat;
 }

p.tagline span {
 display:none;
 }


#header h1 a {
  display: block;
  width: 170px;
  height: 82px;
  background: url(../images/groovy_chick_sml2.gif) 0 0 no-repeat;
}

#page {
  color:#000;
  padding:0;
}

#page div.inner	{
  background-color:#F27BCC;
  width:930px;
  margin:0 auto;
  text-align:left;
  position:relative;
}

div#textblock {
  width:730px;
  margin:0px auto 0 auto;
  background:transparent;
}

#recipeIndex div#textblock, #bd_activities div#textblock, #bd_recipes div#textblock, #recipe div#textblock {
  background:transparent url(../images/bg/bun_heart_repeater.gif) 0 0 repeat !important;
}

#activitiesIndex div#textblock {
 background:#F7ADDE url(../images/bg/activities_bottom.gif) bottom no-repeat !important;
}

div#textblock {
 width:930px;
 }

#recipe .control_alt, #recipeIndex .control_alt, #makeanddoIndex .control_alt, #fashionIndex .control_alt, #fashion .control_alt, #makeanddo .control_alt {
 padding-bottom:100px;
}

.control {
 display:block;
 width:100%;
 }

.control_alt {
 display:block;
 width:100%;
 }

#bd_greetings p.check_out_more, #bd_characters p.check_out_more {
 text-align:left;
 font-size:20px;
 line-height:26px;
 color:#333;
 padding:40px 0 0 0;
 margin:0;
 height:80px;
 background:transparent url(../images/spots/groovy02_sml.gif) right bottom no-repeat;
}

#bd_greetings p.check_out_more a, #bd_characters p.check_out_more a {
 color:#333;
 text-decoration:underline;
}

#bd_greetings p.check_out_more a:hover, #bd_characters p.check_out_more a:hover {
 text-decoration:none;
 }

.greeting_preview {
 width:520px;
 text-align:center;
}

#greeting_show {
 margin:0 auto;
}

.greeting_preview p {
 font: normal 30px/38px 'Comic Sans MS', 'Trebuchet MS', serif;
 color:#A54499;
 padding-right:40px;
 padding-left:40px;
}

.greeting_message {
 padding:0px 0;
 background-color:#000;
}

.greeting_message p {
 font: normal 24px/32px 'Comic Sans MS', 'Trebuchet MS', serif;
 color:#F27BCC;
 padding-right:20px;
 padding-left:20px;
}

.greeting_image {
 background:transparent url(../images/bg/photo_frame.png) 0 0 no-repeat;
 width:514px;
 height:535px;
 margin:0 auto 30px auto;
}

.greeting_image img {
 margin:0 auto;
 padding-left:20px;
 margin-top:112px;
}

/* Activities Backgrounds */

#recipe .control, #recipeIndex .control { 
  background:transparent url(../images/bg/kitchen_bottom.png) bottom no-repeat !important;
}

#recipe .control_alt, #recipeIndex .control_alt {
  background:transparent url(../images/bg/kitchen_top.png) top no-repeat !important;
}

#makeanddoIndex .control, #makeanddo .control { 
  background:transparent url(../images/bg/make_and_do_bottom.png) bottom no-repeat !important;
}

#makeanddoIndex .control_alt, #makeanddo .control_alt {
  background:transparent url(../images/bg/make_and_do_top.png) top no-repeat !important;
}

#fashionIndex .control, #fashion .control { 
  background:transparent url(../images/bg/fashion_bottom.png) bottom no-repeat !important;
}

#fashionIndex .control_alt, #fashion .control_alt {
  background:transparent url(../images/bg/fashion_top.png) top no-repeat !important;
}

#activitiesIndex .control_alt {
  background:transparent url(../images/bg/activities_top.gif) top no-repeat !important;
  padding-top:100px;
}

/* ENDS */

#makeanddoIndex div#textblock {
  background:transparent url(../images/bg/rainbow_heart_repeater.gif) 0 0px repeat !important;
  width:930px;
  padding-top:60px;
}

#makeanddo div#textblock {
  background:transparent url(../images/bg/rainbow_heart_repeater.gif) 0 0px repeat !important;
}

#fashion div#textblock {
  background:transparent url(../images/bg/heart_repeater.gif) 46px 30px repeat !important;
}

#fashionIndex div#textblock {
  background:transparent url(../images/bg/heart_repeater.gif) 46px 30px repeat !important;
  width:930px;
  padding-top:60px;
}

#bd_help div#textblock, #bd_comments div#textblock, div#textblock {
  background:transparent url(../images/bg/heart_flower_star_repeater.gif) 0 0 repeat !important;
  width:930px;
  }

#bd_characters div#textblock, #bd_greetings div#textblock {
  background-image:none !important;
  background-color:#fff !important;
  padding:20px;
  width:890px;
}

#bd_characters.bd_chart div#textblock {
 width:930px;
 padding:0;
 background-color:#C782D1 !important;
 margin-bottom:-16px;
}

#bd_greetings div#textblock.greet_show, #bd_characters div#textblock.greet_show {
padding-bottom:0;
}

#bd_entries div#textblock {
  background:transparent url(../images/bg/heart_flower_star_repeater_purple.gif) 0 0 repeat !important;
  width:930px;
  }

#bd_characters div#subheader, #bd_greetings div#subheader {
 background-color:#fff;
}

#bd_characters.bd_chart div#subheader {
 background-color:#C782D1 !important;
}

#bd_help div#subheader, #bd_comments div#subheader, div#subheader {
 background-color:#F7A7DB;
}

#bd_entries div#subheader {
 background-color:#A54499;
 }

#activitiesIndex div#textblock div.inner2 {
  padding:0 43px;
}

 #recipeIndex div#subheader, #recipe div#subheader,  #bd_activities div#subheader, #bd_recipes div#subheader {
 background-color:#B0CAEA;
 }

#activitiesIndex div#subheader {
 background-color:#F7C8EB;
 }

#makeanddoIndex div#subheader, #makeanddo div#subheader {
 background-color:#D65FA5;
 }

#fashionIndex div#subheader, #fashion div#subheader {
 background-color:#C084DC;
 }

#activitiesIndex div.wrap, #recipeIndex div.wrap, #bd_activities div.wrap, #bd_recipes div.wrap {
 background-color:#000;
 }

#bd_toys div.wrap {
 background-color:#000;
}

#recipeIndex div#textblock div.inner2, #makeanddoIndex div#textblock div.inner2, #fashionIndex div#textblock div.inner2 {
  padding:0 43px;
}

#recipeIndex div#textblock, #recipe div#textblock,  #makeanddoIndex div#textblock, #fashionIndex div#textblock {
  width:930px;
}

#recipe div#textblock div.inner2, #fashion div#textblock div.inner2, #makeanddo div#textblock div.inner2 {
  padding:40px 157px 0 157px;
}

#textblock div.inner2	{
  margin:0 0 50px 0;
  padding:40px 57px 0 57px;
}

#recipeIndex div#textblock, #bd_activities div#textblock, #makeanddoIndex div#textblock, #fashionIndex div#textblock {
 padding:0 !important;
 margin:0 !important;
 }

#recipeIndex div.inner2, #bd_activities div.inner2, #makeanddoIndex div.inner2, #fashionIndex div.inner2 {
 margin:0;
 }

#recipeIndex .info {
  background:#fff  url(../images/bg/recipe_menu_new.gif) 0px 0px no-repeat;
  font: normal 16px/21px 'Comic Sans MS', 'Trebuchet MS', serif;
}

#makeanddoIndex .info {
  background:#fff  url(../images/bg/makeandod_menu_new.gif) 0px 0px no-repeat;
  font: normal 16px/21px 'Comic Sans MS', 'Trebuchet MS', serif;
}

#fashionIndex .info {
  background:#fff  url(../images/bg/fashion_menu.gif) 0px 0px no-repeat;
  font: normal 16px/21px 'Comic Sans MS', 'Trebuchet MS', serif;
}


#oops div#textblock {
 background-image:none !important;
 background-color:#CF0039 !important;
}

#oops div#subheader {
 background-color:#CF0039 !important;
}

.big_heart {
 background:transparent url(../images/bg/big_heart.gif) left bottom no-repeat;
 height:134px;
}

.info p {
 padding:0;
 margin:0;
 height:484px;
   width:361px;
     display:block;
}

.info p span {
 display:none;
 }

.info p {
  font: normal 21px/35px 'Comic Sans MS', 'Trebuchet MS', serif;
}

#leftCol, #rightCol {
  width:360px;  
}

#leftCol {
  float:left;
}

#rightCol {
  float:right;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

.character_options {
width:320px;
background-color:#FAD9EA;
float:right;
padding:10px;
margin-right:10px;
}

/* Links */

.page_back {
float:left;
}

.page_next {
float:right;
}

.spot_left {
width:280px;
float:left;
}

.spot_special {
padding-right:320px;
background:transparent url(../images/bg/flare.jpg) -4px 140px no-repeat;
padding-bottom:0px;
}

.big_link {
 color:#A54499;
 font: normal 18px/24px 'Comic Sans MS', 'Trebuchet MS', serif;
 text-decoration:underline;
}

.big_link:hover {
 text-decoration:none;
}

/*	layout > clearing	*/

#header:after, #page:after, #page div:after, ol#instructions:after, #footer .wrap:after, ol#instructions:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#header, #page, #page div, ol#instructions  {
  overflow : hidden; _height : 1%;
}

#subheader {
  background:transparent url(../images/bg/subheader.png) 0 100%;
}

#bd_characters #subheader, #bd_greetings #subheader {
 background:transparent url(../images/bg/subheader_friends.png) 0 100%;
}

.character_content {
width:600px;
}

/*	typography	*/

p {
  font:normal 14px/21px "Lucida Sans", "Lucida", "Verdana", sans-serif;
  margin:18px 0;
  text-align:justify;
}

.smallprint {
  font:normal 10px/16px "Lucida Sans", "Lucida", "Verdana", sans-serif;
}

#footer .smallprint {
 float:left;
 }

.log_button {
 float:right;
 }

a {
  color:#000;
  text-decoration:none;
}

a:active {
  border:none;
}

#bd_help #oops #textblock a {
  text-decoration:underline;
  }

#bd_help #oops #textblock a:hover {
  text-decoration:none;
  }


h1 a {
  border:none;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Comic Sans MS', 'Trebuchet MS', serif;
  font-weight:normal;
  margin:0 0 22px 0;
}

h1 {
  font-size:36px;
}

h2 { 
  font-size:23px;
  color:#FF5DA8;
}

h3 {
  font-size:18px;
}

#recipeIndex #leftCol h1, #recipeIndex #rightCol h2, #makeanddoIndex #leftCol h1, #fashionIndex #leftCol h1, #makeanddoIndex #rightCol h2, #fashionIndex #rightCol h2 {
  text-align:left;
  font-size:32px;
  color:#000;
  margin:30px 0;
}

#recipeIndex #rightCol, #makeanddoIndex #rightCol, #fashionIndex #rightCol {
 float:left;
 margin-left:110px
}


/* Images */

#header {
  margin: 0;
  text-align: left;
  font-size:12px;
}
#header div {
  width: 930px;
  margin: 0 auto;
}

.spot {
  float:right;
}

.business_spot {
  float: left;
  margin-left: -40px;
  margin-top: -40px;
}

img {
 border:none;
 }

.control {
 background:transparent url(../images/bg/control.png) 0 bottom no-repeat;
 }

.label_control img {
 border:3px solid #A54399;
}

 /* Footer */

 img.avatar_img {
 float:left;
 border:4px solid #A54399;
 margin-right:12px;
}

 h2.hello {
 float:left;
 color:#A54399;
 font:normal 36px/36px 'Comic Sans MS', 'Trebuchet MS', serif;
 width:385px;
 text-align:left;
 margin-bottom:12px;
}

 h2 span.wb {
 color:#F596D7;
 font-size:22px;
 text-align:left;
 background-color:#fff;
}

 span.logout {
 font-size:13px;
}

 span.logout_top {
 position:absolute;
 margin-left:830px;
 margin-top:0px;
 padding-top:12px;
 font-size:13px;
}

 span.logout_top a {
 text-decoration:underline;
 }

 span.logout_top a:hover {
 text-decoration:none;
 }

 a.edit_profile {
 border:none !important;
}

/* Lists */

.character_options li {
list-style:none;
padding:6px 0;
}

.character_options li.itm01 {
background:transparent url(../images/char_options_sprite.gif) 0 0 no-repeat;
height:53px;
}

.character_options li.itm02 {
background:transparent url(../images/char_options_sprite.gif) 0 -67px no-repeat;
height:53px;
}

.character_options li.itm03 {
background:transparent url(../images/char_options_sprite.gif) 0 -135px no-repeat;
height:53px;
}

.character_options li.itm04 {
background:transparent url(../images/char_options_sprite.gif) 0 -201px no-repeat;
height:53px;
}

.character_options li a {
font:normal 22px/22px 'Comic Sans MS', 'Trebuchet MS', serif;
color:#A54499;
padding-left:70px;
}

.character_options li a:hover {
color:#000;
}

.character_options li a span {
color:#333;
padding-left:70px;
font-size:13px;
}

.char_listing td {
padding:6px;
}

.char_listing tr.odd {
background-color:#FDE3F4;
}

.char_listing tr.even {
background-color:#FEF1F9;
}

#bd_help #textblock ul li,#bd_help #textblock ol li {
line-height:20px;
padding:5px 0;
}

.help_links {
background-color:#FBD7EF;
padding:20px;
display:block;
list-style:none;
}

.help_links a {
text-decoration:underline;
font:normal 18px/18px 'Comic Sans MS', 'Trebuchet MS', serif;
}

.back_to_menu {
position:absolute;
left:32px;
top:78px;
overflow:hidden;
display:block;
width:116px;
height:88px;
background:transparent url(/images/back_cloud.png) 0 0 no-repeat;
}

#bd_characters .push_left, #bd_greetings .push_left  {
margin-left:180px;
}

.back_to_menu span {
display:none;
}

#privacy_policy #textblock ol {
 list-style:none;
}

#privacy_policy #textblock ol li {
 background:transparent url(../images/heart_bullet.jpg) 0px 8px no-repeat;
 padding-left:26px !important;
 }

#parental_guidance #textblock ul {
 list-style:none;
}

#parental_guidance #textblock ul li {
 background:transparent url(../images/heart_bullet.jpg) 0px 8px no-repeat;
 padding-left:26px !important;
 }


/* Errors */

#errorExplanation {
margin:10px 0 20px 0;
padding:10px 20px 20px 20px;
border:2px solid #EFC8E1;
display:block;
clear:both;
}

#errorExplanation ul {
margin-left:20px
}

#errorExplanation ul li {
list-style-type:disc;
padding:3px 0;
}

.center {
text-align:center !important;
float:none !important;
}


/* Orphans */

.highlight {
width:auto;
display:inline;
padding:4px;
}

.will_paginate {
padding:10px 0;
text-align:center;
color:#A54499;
letter-spacing:0.1em;
}

.will_paginate a {
text-decoration:underline !important; 
color:#333;
}

.title_control h2 {
padding-bottom:6px !important;
margin-bottom:0 !important;
}

.title_control p {
padding-top:6px;
margin-top:0;
}

.flash_notice {
width:890px;
margin:0 auto;
padding:20px;
color:#333;
background-color:#fff;
font:normal 18px/22px 'Comic Sans MS', 'Trebuchet MS', serif;
}

#bd_characters .flash_notice, #bd_greetings .flash_notice {
background-color:#FDEAF9;
}

#bd_entries .form_holder a {
  text-decoration: underline;
}

.align_right2 {
	text-align:right;
	padding-top:0;
	margin-top:0;
}