@charset "utf-8";
/* CSS Document */


/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	02 Jan 2008
AUTHOR:			Phil Crowther <pc@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
html {height: 100%; margin-bottom: 1px;}

		body {
			margin: 0px;
			background-color: #3ca4ed;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt;
			background: #bbf35a url('../images/bg_main.jpg') no-repeat;
			text-align: left;
			background-position: top center;
			color: #310000;
			
		}
		
		hr {
			border: 1px solid #ccc;
			margin: 6px;
		}
	
/*	=2:	[LINKS] -------------------------------------------*/	

/* NOTES: remember LoVe HAte */

a {
	text-decoration: none;
}
a:link {color: #374D8C;}
a:visited {color: #374D8C;}
a:hover {color: #FF0000; text-decoration: underline;}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/	
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }
h3 {
	font-size: 14px;
	margin: 20px;
	color: #a32;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
}
a img,:link img,:visited img { border:none }
address { font-style:normal }
p.tiny {
	font-size: 7pt;
}
#pod_page p.kidsTxt {
	font-size: 15px;
}

/*	=4:	[TOP ELEMENTS] ------------------------------------*/



		#outerwrap {
			margin: 0px auto;
			margin-top: 5px;
			width: 805px;
		
		}
		#pagewrap {
			width: 781px;
			float: left;
			background: url('../images/pg_tile.gif');
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		
		#headerTop {
			float: left;
			height: 77px;
			width: 100%;
			background: url('../images/chavostop_txt.gif') no-repeat;
			background-position: 147px bottom;
		}
		
		#annaText {
			float: left;
			padding: 25px;
		}

		#languageSelect {
			float: right;
			padding: 0px;
		}
		
		#headerMovie {
			margin-left: 4px;
			float: left;
			width: 773px;
			height: 294px;
			background: url('../images/flash_movie.jpg') no-repeat;
		}
		
		* html #headerMovie {
			margin-left: 2px;
		}
		
		#headerNormal {
			margin-left: 4px;
			float: left;
			width: 773px;
			height: 117px;
			/*background: url('../images/norm_pgheader.gif') no-repeat;*/
		}
		
		#headerBreak {
			margin-left: 4px;
			margin-top: 5px;
			float: left;
			width: 770px;
			height: 12px;
			background: url('../images/header_base.gif') repeat-x;
		}
		
/*	=5:	[NAVIGATION] --------------------------------------*/	

/*	=6:	[MAIN COLUMN] -------------------------------------*/	


		#productPods {
			float: left;
		}
		
		#productPods p.range {
			padding: 0px 0px 0px 25px;
		}
		
		#productPods ul {
			margin: 0px;
			padding: 0px 0px 0px 30px;
		}
		
		#productPods li {
			font-size: 8pt;
			color: #666;
		}
		

		
		#pod_chiquitos {
			float: left;
			position: relative;
			background: url('../images/pod_chiquitos_bg.gif') no-repeat;
			width: 262px;
			height: 308px;
			text-align: left;
		}
		
		#pod_chiquitos p, #pod_chavosnovel p, #pod_bilingual p {
			font-size: 9pt;
			position: inherit;
			padding: 15px 25px 25px 25px;
		}
		
		#pod_chiquitos h2, #pod_chavosnovel h2, #pod_bilingual h2 {
			padding: 25px 15px 15px 25px;
			font-size: 22px;
		}
		
		#pod_chavosnovel {
			float: right;
			position: relative;
			background: url('../images/pod_chavosnovel_bg.gif') no-repeat;
			width: 260px;
			height: 308px;
			text-align: left;
		}
		#pod_bilingual {
			float: left;
			position: relative;
			background: url('../images/pod_bilingual_bg.gif') no-repeat;
			width: 255px;
			height: 308px;
			text-align: left;
		}
		
		#pod_welcome {
			float: left;
			background: url('../images/pod_welcome_box.gif') no-repeat;
			width: 517px;
			height: 298px;
		}
		
		#pod_welcome p {
			padding: 65px 25px 0px 25px;
			text-align: left;
		}
		
		#pod_welcome .ticker {
			float: left;
			height: 24px;
			margin: 11px 0 0 38px;
			overflow: hidden;
			width: 450px;
		}
			#pod_welcome .ticker .mooqueeItem {
				height: 24px;
				float: left;
			}
		
		#pod_news {
			position: relative;
			float: left;
			background: url('../images/pod_news_new.gif') no-repeat;
			width: 261px;
			height: 298px;
		}
		
		#pod_news #news #newsHolder {
			padding: 75px 25px 25px 25px;
			width: 211px;
			height: 198px;
			text-align: left;
		}
		
		#pod_news #news .archivelink {
			position: absolute;
			left: 14px;
			top: 16px;
			height: 46px;
			width: 155px;
		}
		
		#pod_news #news #newsCap {
			width: 211px;
			height: 205px;
			overflow: hidden;
			position: relative;
		}
		
		#pod_news #news .news_item {
			padding-bottom: 30px;
		}
		
		#pod_news #news #newsContent {
			position: relative;
		}
		
		#pod_news #news #newsContent div {
			display: block !important;
			float: none !important;
		}
		
		#pod_news #subscribe {
			text-align: left;
			position: absolute;
			left: 10px;
			bottom: 10px;
			/*border: 1px solid #ff0000;*/
			height: 60px;
			width: 240px;
			padding: 10px 10px 10px 20px;
		}
		
		#pod_news #subscribe p{
			font-size: 8pt;
		}
		
		#subscribeNew #pod_news {
			background: url('../images/pod_subscribe_new.gif') no-repeat;
		}	
		
		#bottomPods {
			float: left;
		}

		#pod_games {
			float: left;
			position: relative;
			background: url('../images/pod_games.gif') no-repeat;
			width: 262px;
			height: 308px;
			text-align: left;
		}
		
		#pod_teachers {
			float: left;
			position: relative;
			background: url('../images/pod_teacherspack.gif') no-repeat;
			width: 260px;
			height: 308px;
			text-align: left;
		}
		#pod_characters {
			float: left;
			position: relative;
			background: url('../images/pod_meetcharacters.gif') no-repeat;
			width: 255px;
			height: 308px;
			text-align: left;
		}
		
		
		#pod_page {
			float: left;
			margin: 10px;
			width: 761px;
			background: url('../images/pod_pagebg.gif') repeat-y;
			clear: both;
		}
		
		#pod_page h2 {
			margin: 10px;
			font-size: 12pt;
			text-align: left;
		}
		
		#pod_page h4 {
			padding-left: 10px;
		}
		
		#pod_page p {
			text-align: left;
			padding: 0px 10px 10px 10px;
		}
		
		#pod_page #lhsPod {
			width: 535px;
			float: left;
			position: relative;
            overflow: visible;
		}

		#pod_page #rhsPod {
			width: 215px;
			padding-left: 5px;
			padding-right: 5px;
			float: left;
			background: url('../images/lhs_divider.gif') no-repeat;
		}

        * html #pod_page #lhsPod {
            width: 508px;
        }


        * html #pod_page #rhsPod {

        }


		#pod_page img.rhsImg {
		 	margin-right: 1px;
		 	float: right;
		}

		#pod_page ul {
			margin-left: 20px;
			list-style-type: square;

		}
		#pod_page li {
			font-size: 8pt;
		}
		
		table.tblMeetChar td i {
			padding: 0px 0px 0px 20px;
			color: #ff0000;
		}
		

		#gameHolder {
			clear: both;
			margin: 0 auto;
			margin-top: 20px;
			width: 699px;
			height: 550px;
			background: url('../images/game_holder.gif') no-repeat;
		}
		
		#gameHolder #game {
			padding: 50px 0px 0px 50px;
		}
		
		#contactFrm {
			margin: 20px;
			float: left;
			width: 497px;
			height: 604px; 
			background: url('../images/contact_bg.jpg');
			font-size: 8pt;
		}
		
		#contactFrm form {
			margin: 40px 40px 40px 50px;
		}
		
		#contactFrm input, textarea {
			border: #ccc 1px solid;
		}
		
		#lhsPod p {
			margin-left: 14px;
			line-height: 18px;
			margin-top: 8px;
		}
		
		/**
			
			PRODUCT PAGES
		
		**/
		
		.colBook {
			width: 135px;
		}
		
		.colDesc {
			padding: 3px;
		}
		
		table#books td.colDesc p, h1 {
			padding: 0px 0px 0px 10px;
		}
		
		.colMoreInfo {
			width: 161px;
			background: url('../images/dolita_bg.jpg') no-repeat;
			width: 160px;
			height: 160px;
			
		}
		
		.colMoreInfo img {
			margin-top: 80px;
			margin-left: 20px;
		}
		
		#books {
			background: #fff;
		}
		#books tr {
			background: url(../images/hr.gif) no-repeat center bottom;
			height: 175px;
			vertical-align: top;
		}
		#books td {
			padding: 10px;
		}
		#pod_page p {
			font-size: 11px;
			margin-left: 3px;
			line-height: 16px;
			margin-top: 14px;
		}
		
		#characterMovie {
			margin: 0px 0px 0px 3px;
		}
		
		/****************************
		
			Teacher Pack Pages
		
		****************************/
		
		#resPackContents li {
			margin-bottom: 15px;
		}
		
		/****************************
		
			NEWS
		
		****************************/
		
		#news_article {
			padding: 0px 0px 0px 10px;
		}
		#news_article h3 { margin: 0px; }

		#news_article .news_title {
			font-size: 18pt;
			font-weight: bold;
		}
		
		#news_article .news_datetime {
			font-size: 8pt;
			color: #ccc;	
		}
		
		#news_article .news_text {
			
		}
                #newsArea {
                    position: absolute;
                    right: 15px;
                    top: 80px;
                    height: 200px;
                    width: 10px;
                    background: url(../images/scroll_bg_big.png);
                }
 
                #newsWidget {
                    left: -5px;
                    height: 10px;
                    width: 23px;
                    background: url(http://www.dolita.co.uk/templates/default/images/grabber.png);
                }
		
		/***************************
				Reviews
		****************************/
		
		.review{
			margin: 20px;
			margin-bottom: 40px;
			font-size: small;
			line-height: 20px;
		}
		
		.review_title {
			color: #333;
			font-size: small;
			font-weight: bold;
		}
		
		.review_author {
			font-weight: bold;
			font-size: 12px;
		}
		
		#pod_page p.review_text {
			margin: 0px;
			padding: 0px;
			padding-top: 8px;
			font-size: small;
		}
		
		
		/******************************************************************************
		
			FORUM
		
		*******************************************************************************/
		
		table#tblForumRegister label {
			font-weight: bold;
		}
		
		table#tblForumRegister td.smallCopy {
			font-size: 8pt;
			color: #666;
		}
		
		table#tblForum {
			width: 720px;
			margin: 20px;
			font-size: 9pt;
		}
		
		table#tblForum thead { 
			font-weight: bold;
		}
		
		table#tblForum thead td { 
			border-bottom: 2px solid #43a9f1;
			padding: 10px;
		}
		
		table#tblForum tr td a { 
			font-weight: normal;
		}
		
		
		
		table#tblForum td { 
			padding: 5px;
			border-bottom: 1px solid #f0f0f0;
		}
		

		
		table#tblForum tr.leadPost td { 
			background-color: #def1ff;
		}
		
		table#tblForum td.poster_name {
		 	color: #666;
		}
		
		table#tblForum td.post_date {
		 	color: #666;
		}
		
		table#tblForum tr.titleOdd td {
			background-color: #eeeeee;
			border-bottom: 1px solid #fff;
		}
		
		table#tblForum tr.titleEven td {
			background-color: #f6f6f6;
			border-bottom: 1px solid #fff;
		
		}
		
		table#tblForum tr.replyOdd td {
			background-color: #fafafa;
		
		}
		
		table#tblForum tr.replyEven td {
			background-color: #fff;
		}
		
		#mypost {
			margin: 20px;
			border: 2px solid #e9e9e9;
			padding: 20px;
		
		}
		
		h1.mypost {
			margin: 10px;
			font-size: 15px;
		}
		
		table#tblForum tr.selectedPost td {
			background-color: #eadbdb;
		}
		
		table#tblForumFck {
			margin: 20px;
		}
		table#tblForumFck td {
			padding: 5px;
		}
		
		#forumTopHeaderLHS img {
			margin: 10px;
		}
		
		#forumTopHeaderLHS {
			float: left;
			width: 400px;
		}
		
		#forumTopHeaderRHS {
			float: left;
			width: 340px;
		}
		
		#forumTopHeaderRHS img{
			float: right;
			padding-top: 20px;
		}
		
		#forumTopHeaderRHS p{ 
			text-align: right;
		}
		
		#forumTopHeaderRHS a { 
			color: #ff0000;
		}
		
/***********************************************************************

	DIARY / EVENTS

***********************************************************************/
		


	#contentBar {
		float: left;
		width: 500px;
		padding: 10px;
	}
	
	#contentBar h2{
		margin: 0px;
		margin: 10px 0px 0px 20px;
	}
	
	#contentBar p{
		padding: 0px 0px 10px 20px;
		line-height: 20px;
	}	
	
	#contentBar p.postDate {
		padding: 0px 0px 10px 20px;
		color: #999;
		line-height: 0px;
	}

	#contentBar img {
		display: inline;
	}
	
	#contentBar img.addThisButton {
		margin: 20px;
	}
	
	#sideBar {
		float: left;
		width: 240px;
	}
	
	#sideBar table#calendar {
		font-size: 8pt;
	}
	
	#sideBar table#calendar thead td {
		width: 30px;
		height: 30px;
		text-align: center;
		font-weight: bold;
		border: 0;
	}
	
	#sideBar table#calendar td {
		height: 30px;
		text-align: right;
		padding: 2px;
		border: 1px solid #efefef;
	}
	
	#sideBar table#calendar tbody td {

	}
	
	#sideBar table#calendar tbody td.hover {
		background: #ffd895;
	}
	
	#sideBar table#calendar td.today {
		background: #ffcccc;
	}
	
	#sideBar table#calendar td.diffMonth {
		color: #CCCCCC;
	}
	
	#sideBar table#calendar td.hasEntry {
		background: #def5ff;
		font-weight: bold;
	}
	
	#sideBar table#calendar td.today a, #sideBar table#calendar td.hasEntry a {
		color: #000;
	}
	
	#sideBar table#calendar tfoot tr {
		display: none;
	}

	#sideBar table#calendar td a {
		color: #ccc;
	}
	
	#sideBar ul#sideList {
		margin: 0px 10px 20px 20px;
	}
	
	#sideBar  ul#sideList li {
		margin: 0px;
		list-style: none;
		list-style-image: url('../images/side_bullets.gif');
		border-bottom: 1px solid #efefef;
		padding: 5px 0px 5px 0px;
		list-style-position: inside;
	}
	
	#sideBar ul#sidePosts {
		margin: 0px 10px 0px 20px;
	}
	
	#sideBar  ul#sidePosts li {
		margin: 0px;
		list-style: none;
		list-style-image: url('../images/side_bullets.gif');
		border-bottom: 1px solid #efefef;
		padding: 5px 0px 5px 0px;
		list-style-position: inside;
	}
	

	#sideBar  ul#sidePosts li a {
		color: #666;
	}
	
	#sideBar .shareMarks {
		float: left;
	}
	
	#footerLHS .shareMarks { 
		float: left; 
		position: relative;
		top: -44px;
		left: 116px;
	}
	
	#sideBar .shareMarks  img, #footerLHS .shareMarks img{
		float: left;
		margin: 5px;
	}
	
	

	.imgViewerHolder {
		margin: 10px 10px 10px 20px;
		border: 1px solid #ccc;
		width: 450px;
		float: left;
		font-family:"Times New Roman", Times, serif;
	}

	.imgViewerHolder .photoBox {
		position: relative;
		margin: 5px;
		width: 440px;
		height: 300px;
	}

	.imgViewerHolder .photoBox .photoHolder {
		position: absolute;
	}

	.imgViewerHolder .thumbs img {
		padding: 10px;
		width: 90px;
		height: 90px;
		float: left;
	}
	
	.homeButton {
		margin: 0px 0px 0px 10px;
		float: left;
		width: 244px;
		height: 93px;
	}
	
	* html .homeButton {
		margin-left: 5px;
	}

		
/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	
#RHScol {

}
/*	=8:	[FOOTER] ------------------------------------------*/	
/* copyright, T & C etc... */

	#footer {
		float: left;
		width: 778px;
		height: 120px;
		background: url('../images/footer_bg.gif') no-repeat;
	}
	
	#footer p {
		line-height: 20px;
		padding: 27px 10px 10px 10px;
		text-align: right;
		font-size: 8pt;
		color: #565656;
	}
	
	#footer a {
		color: #565656;
	}
	
	#footer a:hover {
		color: #ff0000;
	}
	
	#footer #footerLHS {
		float: left;
		width: 280px;
	}
	#footer #footerRHS {
		float: right;
		width: 480px;

	}
/*	=9:	[LISTS] -------------------------------------------*/	
ul li {
	margin-left: 15px;
}
/*	=10: [FORMS] ------------------------------------------*/	

form {margin-bottom: 0px;}
label {padding-left: 8px;}
fieldset {padding: 8px;}

/*	=11: [IMAGES] -----------------------------------------*/	

img {border: 0px; display: block;}	
img.inline { display: inline; }
img.middle {margin: 0px auto; }
img.leftIt {	position: absolute;	left: 0px;	}
img.rightIt {	position: absolute;	right: 0px;	}
img.bottomIt {	position: absolute;	bottom: 0px;}
img.topIt {	position: absolute;	top: 0px; }
img.center{ text-align: center; }
img.gameImg {
	padding-left: 10px;	
}
img.moreInfo {
	bottom: 40px;
	left: 20px;
}

.newsImgBox {
	width: 180px; 
	margin: 8px;
	float: right;
}
	.newsImgBox img  { padding: 1px; border: 1px solid #ccc; }


#lhsShade {
	width: 11px;
	height: 1000px;
	float: left;
	/*background: url('../images/leftside_bg.gif') no-repeat;*/
}

#rhsShade {
	width: 11px;
	height: 1000px;
	float: right;
	/*background: url('../images/rightside_bg.gif') no-repeat;*/
}


/*	=12: [MISC] -------------------------------------------*/	

.red 	{ color: #cc0000; }
.blue 	{ color: #0000FF; }
.green 	{ color: #00FF00; }
.black 	{ color: #000000; }
.white 	{ color: #FFFFFF; }
.grey, .gray { color: #AAA; }
.darkgrey { color: #ff0000;}

.boldIt { font-weight: bold; }

.paddMe10 {
	padding: 10px;
}

.rightText { text-align: right; }

#footer #footerRHS .cc a {
	color: #9c3;
}

#highscoreBox {
	background: url('../images/hightscores_bg.jpg');
	height: 303px;
	width: 716px;
	margin: 15px;
}

#highscoreBox ul {
	list-style: none;
	padding-top: 71px;
	margin-left: 60px;
}

#highscoreBox ul li {
	font-size: 16pt;
	margin-bottom: 23px;
}