/*----------------------------------------------
	KIDS.CSS
	Author:		Engage Interactive
	Requires:	none
----------------------------------------------*/

.content_right {
	width:493px;
	padding:10px;
	background:#FFF url(/assets/bella/images/template/beige_bg.jpg) repeat-x;
}

.content_split_left {
	float:left;
	width:220px;
	margin:10px 10px 10px 0;
}

.content_split_right {
	float:left;
	width:230px;
	margin:10px 0 10px 0;
}

/* READING WEEK STORY FORM */
form#storyform{
	clear: both;
}

form#storyform div.ending {
	padding:0 30px 20px;
	background:url(/assets/bella/images/promotions/2010/readingweek/book_repeat.jpg) 0 0 repeat-y;
}

form#storyform textarea{
	width: 416px;
	height: 260px;
	padding:6px;
	font-size: 14px;
}

form#storyform #story_footer {
	margin-bottom:0;
}

#charcounter{
	display:block;
	text-align:center;
	font-weight:normal;
	color:#FFFFFF;
	background:#3F2910;
	padding:5px 6px 7px;
	width:150px;
	margin:auto;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

form#storyform span.error {
	display:block;
	margin-bottom:5px;
	background:#900;
	color:#FFF;
	padding:3px;
}

form#storyform legend{
	display: block;
}

form#storyform p{
	margin-top: 10px;
}

/*
	FORM
*/

.form-block {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#EFDBA6;
	padding:15px 0 15px 15px;
	overflow:auto;
	margin-bottom:20px;
}

.form-block h3 {
	margin-bottom:10px;
}

.form-block label {
	display:block;
	font-size:14px;
}

.form-block input {
	padding:6px;
	width:190px;
}

.form-block select {
	padding:5px 6px;
}

#day, #month, #year {
	display:inline;
}

.form-block div {
	float:left;
	width:220px;
	margin-right:15px;
}

.form-block button {
	font-size:14px;
}


/* ENTER YOUR NAME STORY */

.writer_name,
.crew_name {
	font-weight:bold;
}

.content_right label {
	margin-bottom:8px;
	display:block;
	font-size:16px;
}

#writer input {
	font-size:20px;
	font-style:italic;
	padding:10px;
	border:1px solid #735E3D;
	margin-bottom:20px;
	width:468px;
}

#crew {
	position:relative;
	width:490px;
	height:149px;
	margin-bottom:20px;
}

#crew img {
	position:absolute;
	left:0;
	top:0;
}

#crew ul {
	width:484px;
	height:143px;
	border:solid 3px #3D300D;
}

#crew li {
	position:absolute;
	left:4000px;
	display:block;
	height:116px;
	overflow:hidden;
	text-align:center;
	z-index:100;
}

#crew li a {
	display:block;
	width:116px;
	height:116px;
	text-indent:-5000px;
	background-image:url(/assets/bella/images/promotions/2010/readingweek/crew.png);
}

#crew li.sophie {
	width:91px;
	left:36px;
	top:18px;
}

#crew li.sophie a {
	background-position:0 0;
}

#crew li.fred {
	width:93px;
	left:106px;
	top:38px;
}

#crew li.fred a {
	background-position:-91px 0;
}

#crew li.penny {
	width:104px;
	left:185px;
	top:16px;
}

#crew li.penny a {
	background-position:-184px 0;
}

#crew li.molly {
	width:60px;
	left:278px;
	top:26px;
}

#crew li.molly a {
	background-position:-288px 0;
}

#crew li.pepper {
	width:61px;
	left:332px;
	top:47px;
}

#crew li.pepper a {
	background-position:-348px 0;
}

#crew li.pete {
	width:94px;
	left:396px;
	top:24px;
}

#crew li.pete a {
	background-position:-409px 0;
}


#tooltip {
	position:absolute;
	display:none;
	background:url(/assets/bella/images/promotions/2010/readingweek/tooltip.png);
	color:#FFF;
	padding:7px 4px 0;
	width:92px;
	height:31px;
	z-index:1000;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
}

#show_story {
	display:inline-block;
	margin:0 auto 16px;
	font-size:14px;
	font-style:italic;
	text-align:center;
	background:#661617;
	text-decoration:none;
	color:#FFF;
	padding:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#show_story:hover {
	background-color:#7e1819;
}

#story {
	display:none;
	width:490px;
	overflow:hidden;
	background:url(/assets/bella/images/promotions/2010/readingweek/book_background.jpg) 0 0 no-repeat;
	font-size:14px;
	text-align:justify;
}

#story h2 {
	padding:40px 0 20px;
	margin:0 30px 20px;
	text-align:center;
	font-style:italic;
	border-bottom: dotted 1px #ac9e92;
}

#story h2 span {
	display:block;
	font-size:18px;
	margin:auto;
	font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua","Warnock Pro",serif;
	font-style:italic;
	font-weight:normal;
}

#story .content {
	padding:0 30px 20px;
	background:url(/assets/bella/images/promotions/2010/readingweek/book_repeat.jpg) 0 0 repeat-y;
}

#story_footer {
	width:490px;
	padding-top:100px;
	margin-bottom:10px;
	text-align:center;
	background:#FFF url(/assets/bella/images/promotions/2010/readingweek/book_footer.jpg) 0 0 no-repeat;
}

#story_footer a {
	display:inline-block;
	margin:0 auto 16px;
	font-size:14px;
	font-style:italic;
	text-align:center;
	background:#661617 0 0 no-repeat;
	text-decoration:none;
	color:#FFF;
	padding:8px 8px 8px 38px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#story_footer .print {
	background-image:url(/assets/bella/images/promotions/2010/readingweek/print_icon.gif);
}

#story_footer .email {
	background-image:url(/assets/bella/images/promotions/2010/readingweek/email_icon.gif);
}

#story_footer a:hover {
	background-color:#7e1819;
}

#email_form {
	display:none;
}
#email_form form {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#EFDBA6;
	padding:15px 0 15px 15px;
	overflow:auto;
}

#email_form label {
	font-size:14px;
}

#email_form input {
	padding:6px;
	width:190px;
}

#email_form div {
	float:left;
	width:220px;
	margin-right:15px;
}

#email_form p.error{
	background:#EFDBA6;
	font-weight: bold;
}