/*********************************************************************************************************/
/*									POSITION.CSS										*/
/*********************************************************************************************************/


/**************************************** GENERAL STYLES *************************************************/
#background {
	background-image:url('/images/index_bg_repeat.gif');
	background-repeat:repeat-x;
	text-align:center;
	display:block;
	height:470px;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	margin-top: -70px;
	padding-top: 70px;
}

#contain {
	position: relative;
	padding-top: 0px;
	width: 980px;
	padding-left: 10px;
}

/* Content frame for the pages: download, choose story, choose game, ... */
#content_frame {
	min-height: 505px;
	border:2px solid #FFFFFF;
	margin-left: 185px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
/********************************* End of General styles *************************************************/


/******************************************* INDEX.TPL ***************************************************/
#index_no_flash {
    margin-top: -6px;
}
/************************************* End of Index ******************************************************/


/***************************************** HEADER.TPL ****************************************************/
#header {
	height: 80px;
	background-image: url('/images/kidoo_header_bg.gif');
	background-repeat: repeat-x;
}

#link_to_home span {
	display: none;
}

#top_btn {
	background-image:url('/images/top_menu_bar.gif');
	background-repeat:no-repeat;
	display:block;
	height:40px;
	margin-left:150px;
	padding-left:44px;
	margin-top:13px;
}

#top_btn a{
	margin-right:1px;
}

#logo {
	position: absolute;
	z-index: 99;
	right: 0;
	float: right;
	height: 70px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: -80px;
	text-align: justify;
	width: 990px;
}
/**************************************** End of Header **************************************************/


/******************************* CHOOSE_STORY.TPL or CHOOSE_GAME.TPL ************************************/
/*BOTTOM TEXT FOR SEO*/
#home_txt {
	padding-top:30px;
}

#flash_stories {
	float:left;
}

/*KIDOONS PICTURE*/
#right_image {
	float:right;
}
/*********************************** End of Choose_story and Choose_game ****************************/


/******************************************** DOWNLOAD.TPL ******************************************/
#text_download{
	width: 400px;
	border: 1px solid #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: .90em;
}
/************************************** End of download *******************************************/


/************************************* LEFT MENU.TPL *********************************************/
#left_menu {
	position: relative;
	width: 180px;
	float: left;
	margin-top: 0px;
}

#left_menu a img {
	padding-bottom: 5px;
}
/**************************************** End of Left Menu *************************************/


/****************************************** GOOGLE ADS *****************************************/
#ad_tall {
	padding-left: 13px;
	margin-top: 15px;
}

#google_banner {
	margin-left: 80px;
	margin-right: 80px;
}
/************************************** End of Google Ads **************************************/


/******************************************* STORY *********************************************/
/* MAIN DIV */
#story {
	width:860px;
	height:490px;
	background-image: url('/images/story_book.gif');
	/* Font for the story text, should always be Arial else "<< start" ends up on two lines */
	font-family: Arial, Helvetica, sans-serif; 
	background-repeat: no-repeat;
	background-position: 70px 20px;
	margin-left: auto;
	margin-right: auto;
}

/* MAIN DIV LEFT (BACK BTN) */
#story_left {
	width:70px;
	height:445px;
	float: left;
}

#back_button {
	margin-top: 280px;
}


/* MAIN DIV CENTER (BOOK, TEXT, IMAGES) */
#story_center {
	width: 720px;
	margin: 0;
	float: left;
	margin-bottom:-10px;
}

/* TEXTS ON LEFT PAGE */
#text_pages {
	height: 385px;
	margin-top:25px;
}

#chapter_title {
	font-size:18px;
	text-align: center;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
}

#text {
	float: left;
	width: 295px;
	height: 330px;
	margin: 15px 0px 0px 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #663300;	
	line-height: 1.2;
}

#text table {
	height: 330px;
}

/* IMAGES ON RIGHT PAGE */
#images {
	float: right;
	width: 320px;
	height: 330px;
	margin: 15px 15px 0px 0px;
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	color: #663300;
}

#story_video {
	height: 340px;
	text-align: center;
	vertical-align: middle;
}

#the_end {
	margin-top: 0px;
	background-image: url("/images/the_end.gif");
	background-position: center -25px;
	background-repeat: no-repeat;
	height: 150px;
	width: 295px;
}

/* MAIN DIV RIGHT (PLUSH AD, NEXT BTN) */
#story_right {
	width:70px;
	height: 445px;
	float: left;
}

/*#plush_ad {
	float: right;
	margin-top: 25px;
	margin-left: 10px;
}*/

#next_button {
	margin-top: 280px;
}

/* NAVIGATION */
#navigation {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

#page_number {
	font-size: 36px;
	color: #FDCC12;
}

#lastchap {
	margin-right: 15px;
}

#nextchap {
	margin-left: 15px;
}

#page_number_chapter {
	background-color: inherit;
	margin-left: 5px;
	font-size: 36px;
	color: #FDCC12;
}
/*************************************** End of Story ******************************************/


/***************************************** E-CARDS.TPL *****************************************/
#ecard {
	width: 800px;
}

#ecard_google {
	margin-top:50px;
}

#ecard_center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#ecard_prev_form {
	width: 455px;
}

#ecard_prev_form textarea {
	width:300px;
}

#ecard_prev_form #frm_send {
	width: 455px;
	font-size: 0.8em;
}

#ecard_prev {
	z-index: 99;
	float: right;
}
/************************************** End of E-cards *********************************************/


/*****************************************  FOOTER ************************************************/
#contain_footer {
	padding-bottom: 20px;
	padding-left:10px;
	padding-right:10px;
	bottom: 0px;
}
/**************************************  End of Footer ********************************************/