/* @override http://www.tomlichtenheld.com/childrens_books/styles.css */

body {
	margin-top:0px;
	font-family: Verdana, sans;
}



/* ----- HEADER ----- */



#header {

	height: 80px;
	background-color:black;
	background:url(logo_header.gif)  no-repeat 0px 0px #000000;
}

div.cb_wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

div.cb_header {
		height: 80px;
	background-color:black;
	background:url(logo_header.gif)  no-repeat 0px 0px #000000;
	overflow: hidden;
}

#header	#medal	{
	position: relative;
	height: 0px;
}

#header #medal img	{
	position: absolute; 
	top: -62px; 
	left: 730px;
}

#subnav {

	width: 750px;
	height:40px;
	background:url(nav_secondary.gif) 0px 0px;
}

body.three_col #subnav	{
	width:730px;
}

body.two_col #subnav	{
	display: none;
}

body.two_col #header	{
	width: 900px;
}

/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper	{
	/*COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
	/* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */

	width: 900px;
	margin:0 auto;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;

}

#inner_wrapper	{
	width:900px;

}


#main{
	padding:0;

	background:url(background_circle.gif) repeat-y 0px top; /* WARNING: IF YOU CHANGE THE */
}

div.cb_3_col_wrapper {
	padding:0;

	background:url(background_circle.gif) repeat-y 0px top;
	vertical-align: top;
}


div.cb_col_1{
	width:160px;
}
div.cb_col_2{
	width: 189px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 17px;
}

div.cb_col_3{
	width: 468px;
	background-color: #9cceb1;
	padding: 20px;
}

h1.cb_title {
	margin-top: 0;
}
div.cb_col_1, div.cb_col_2, div.cb_col_3  {
	display: inline-block;
	vertical-align: top;
}



/* ----- NAVIGATION ----- */
 


#navigation {
	width:160px;
	font-size: 10px;
	font-weight: bold;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:700px; /* for IE5.x and IE6 */
	background-color:none;
	position: absolute;
	z-index: 99;

}



/* ----- SUBNAV ----- */
#subnav ul	{
	margin:0;
	font-size: 11px;
	height: 40px;
	margin-left: 140px;
	*margin-left: 180px;



}

#subnav ul li	{
	float: left;
	padding: 4px 10px 4px 0px;
	list-style: none;
	margin-top: 10px;


}

#subnav ul li a	{
	text-decoration: none;
	color:  #48735f;
}

#subnav ul li.area 	{
	padding-top: 0px
}


#subnav ul li.area 	{
	font-size: 18px;
	font-weight: bold;
	color:  #48735f;
}

#subnav ul li.current a	{
	color: #ffffff;

}


/* ----- MAIN CONTENT ----- */

.topic	{
	font-weight: bold;
}

#content { 
	margin-left: 150px;

	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	background-color:none;
	margin-top:0px;
	padding: 20px 30px 20px 30px;
	font-size: 11px;


}

body.three_col #content	p.first{
	margin-top: 7px;
	_margin-top: 28px;

}

body.three_col #content	h3.first{
	margin-top: 7px;
	_margin-top: 28px;

}

body.three_col #inner_wrapper	{
	width: 730px;
	float: left;
}

body.two_col #inner_wrapper	{
	width: 540px;
	float: left;
}

#right_column	{
	width: 170px;
	margin-bottom: -20px;
	float: left;

}

body.two_col #right_column	{
	width: 320px;

	padding: 20px;
	_padding: 15px;
}
body.two_col #right_column	p {
	font-size: 9px;
}

body.two_col #content p, body.three_col #content p	{
	font-size: 11px;
	_font-size: 10px;
}

body.three_col #content p,  body.three_col #content li	{
	font-size: 11px;
	_font-size: 10px;
	color: #414042;
}

.collaborator	{
	font: bold 10px verdana;
	color: #48735F;
	display: block;
	margin-top: -5px;
	margin-bottom: 3px;
}

#right_panel	{
	min-height:532px; /* for modern browsers */

	background: #9cceb1;
	height:540px;
	width: 465px;

	float: right;
	margin-top: -20px;
	margin-right: -30px;
	margin-bottom: -20px;

	padding-left: 25px;
	padding-right: 20px !IMPORTANT;
	_padding-right: 40px;
	overflow: hidden;

}

p.cb_body_copy {
	margin-bottom: 35px;
font-size: 12px;
margin-top: 15px;
line-height: 18px;
	
}
.imagebox {width: 500px; }
.auto	{width: auto; }
.imagebox	img		{

	float: left;
	margin: 5px;

}
.imagebox .bookwrap	{
	height: 180px;
	float: left;
	margin-bottom: 16px;

}

.imagebox .label	{

	margin-top: -7px;
	margin-bottom: 23px;
}
#right_column .imagebox	{
	width: auto;
}

#right_column .imagebox	img{
	float: none;
	padding: 15px 15px 0px 15px;
}



div.order	{
	margin-right: 15px;
	float: left;
	font: bold 9px verdana;
	width: 160px;
	margin-bottom: 20px;

}


div.copies	{
	width: auto;
	clear: both;
}

.last	{
	padding-right: 0px !IMPORTANT; 
	margin-right: 0px;
}


div.copies img	{
	padding: 0px 0px 3px 10px;
	margin:0px;

	margin-right: 5px;
}

div.copies span	{
	display:block;
	margin-left: 20px;
	margin-top: -5px;
	*margin-top:0px;

}

div.row_2	{
	margin-right: 8px !IMPORTANT;
}

div.activity_box	{
	width: 102px;
	float: left;
	padding-right: 10px;
	height: 275px;
}



div.activity_box p	{
	font-size: 9px;
	font-weight: bold;
}

.activity_caps	{
	text-transform: uppercase;
	color: #636363;
	font-size: 7px;
}

.link_category	{
	font-weight: bold;
	color: #636363;
	font-size: 11px;
}

div.activity_box div.detail p	{
	font-weight: normal !IMPORTANT;

}

#content div.intro	p {
	font-size: 12px !IMPORTANT;
}
.icon	{
	float: left;
	margin-right: 5px;

}

div.list_columns	{
	padding:0;
	margin:0;
	margin-top: -15px;

}

div.list_columns ul	{
	float: left;
	width: 220px;
	_width: 225px;
	_list-style: disc inside !IMPORTANT;
	_margin-left: 20px;
}

#content div.list_columns ul	li{


}

ul.flush_left	{
	margin-left: 0px;
	padding-left: 10px;
}

div.price_columns div	{
	width: 215px;
	float: left;

}

div.price_columns .price	{
	width: 120px;


}

div.price_columns p	{
	margin: 2px 0px 2px 0px !IMPORTANT;
}

div.price_columns .price p	{
	text-align: right;
}

div#activitybox	{
	margin-top: 50px;
	margin-bottom: 20px;


}

ul#instructions	{
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 20px;
}

ul#instructions li	{
	margin-bottom: 15px;
}



.booklist	{
	font-weight: bold;
	color: #414042;
	margin-bottom: 15px;

}

.booklist .author 	{
	font-weight: normal;
}


/* ----- TEXT ----- */


h1	{
	text-transform: capitalize;
	font-size: 24px;
	font-family: Georgia, Bookman Old Style, serif;
	margin-bottom: 5px;
	margin-top: 15px;
}


.comment	{
	font-family: Georgia, Bookman Old Style, serif;
	font-size: 14px;
	color: #000000;

}

h2	{
	margin-top: 0px;
	font-size: 14px;
	color: #d0e5d2;
	font: 10px verdana;
	font-weight: regular;
	text-transform: uppercase;
	margin-bottom: 5px;
}

h3	{
	color: #48735f;
	font-size: 12px;

}

h4	{
	font-size: 9px;
	margin-top: -12px;

}

h5	{
	text-transform: uppercase;
	color: #414042;
	font-family: verdana, sans;
	margin-bottom: -5px;
	font-size: 10px;
}

body.books h2 a	{
	color: #d0e5d2 !IMPORTANT;
	text-decoration: none;
}

h2.cb_publisher {
	color: #d0e5d2 !IMPORTANT;
	text-decoration: none;
}

body.books h1 a	{
	text-decoration: none;
}

.detail	{
	font-size: 10px;
}

span.cb_auth {
	font-size: 10px;
	font-weight: bold;
}

div.testimonial	{
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 30px;

	width: 140px;

}


body.books div.testimonial	{
	margin-left: 0px;
}


p.tlarge	{
	font-size: 12px !IMPORTANT;
}

.pub	{
	text-transform: uppercase;
}

p.quote	{
	font-size:10px;
	_font-size:9px;
	font-weight: bold;
	color: #48735f;

}

p.featured	{
	font-size: 14px !IMPORTANT;
	color: #000c07;
}

body.books p.quote	{
	font-weight: bold;
}

p.download	{
	font-size:10px;
	color: #808285;
}

p.signed	{
	*margin-top: -8px;
	font-size: 9px;
}

body.books p.signed	{
	margin-top: -8px;
	*margin-top: -12px;

}


img.activity	{
	height: 85px;
	width: 40px;
}

.largequote	{
	color: #48735f;
	font: bold 18px verdana;
}

/* ----- FOOTER ----- */



#footer { 
	clear: both;
	font: bold 9px Arial;
	color: #999;
	margin-top:0px;
	width:900px;
	height:30px;
	background-color:none;
	margin: 0px auto;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
	border: 0px solid #C0C0C0;
	background-color: none;
	border-bottom-width: 0px;

}

.wireframemenu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;

}

.wireframemenu ul li a{
	font: bold 10px Verdana;
	padding: 8px 3px 0px 18px;
	display: block;
	width: 100%; /*Define width for IE6's sake*/
	color: #48735f !IMPORTANT;
	text-decoration: none;
	border-bottom: 0px solid #C0C0C0;
}

.wireframemenu li a:visited{
	color: #48735f !IMPORTANT;
}

#navigation .wireframemenu li.current a	{
	color: #ffffff !IMPORTANT;
}

html>body .wireframemenu li a{ /*Non IE rule*/
	width: auto;
}

#navigation .wireframemenu li a:hover{
	background-color: none;
	color: white !IMPORTANT;
}


a.enlarge	{
	color: #808285;
	text-decoration: none;
	font-size:10px;

}
.clear	{
	clear: both;
}

.extras	{
	font-family: Georgia, Times, Serif;
	font-weight: bold;
	color: #F26522;
	font-size: 14px;

}
img	{
	border: 0;
}
.category	{
	margin-top: 10px;
}
.caption	{
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, Times, Serif;
	color: #ffffff;
	text-align: center;
	margin-top: -12px;
}

.caption2	{ margin-top: 5px; font-size: 10px }

.caption_left	{
	text-align: right;
	margin:0;
	width: 815px;
	margin-right: 8px;
	font-size: 9px;
	color: #ABC5B5;
}

.notice	{
	color: #636363;
	fot-weight: bold;

}

#colophon	{
	width: 335px;
	font-size: 11px;
	line-height: 18px;
}

#colophon p, h5	{
	margin-bottom: 20px;
}

body.links #colophon p	{
	margin-bottom: 0px;

}

#colophon ul 	{
	margin: 0px;
	padding: 0;
	margin-bottom: 20px;
}

#colophon ul li	{
	list-style: none;
}

#colophon ul li a	{
	color: #48735F;
}

.mail	{
	color: #636363;
	font-size: 9px;
	margin-top: 50px;
}

.left	{
	float: left;
}

.right	{
	float: right;
}

#content a, #right_column a	{
	color: #231f20;
}

.dropshadow	{
	-moz-box-shadow: -3px 3px 3px #666;
	-webkit-box-shadow: -3px 3px 3px #666;
	box-shadow: -3px 3px 3px #666;

}


#cloudette-watch-video {
	text-align: left;
	position: absolute;
	margin-top: -45px;
	z-index: 5;
	margin-left: 105px;
}
#cloudette-watch-video a{
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}




#left_panel{
	padding: 0;
	margin-left: -5px;
	position: absolute;
}
#left_panel_cloudette_preview{
	margin-left: 10px;
}
#yesday-video-still{
	margin-left: -5px;
	cursor: pointer;
}
#yesday-video-still-image{
	margin-right: 10px;

}
#yesday-video-still-image img{
	height: 100px;
}

#yesday-video-still-text{
	font-weight: bold;
	line-height: 18px;
	font-size: 16px;
	margin-top: 15px;
}
#cloudette-only{

	margin-top: -65px;
	position: absolute;
}

#cloudette-video-still{
	margin-top: 10px;
	width: 187px;
	height: 104px;
	background-image: url(cloudette/CloudetteVideoStill.jpg);
	display: block;
}
#cloudette-video-still:hover{
	background-image: url(cloudette/CloudetteVideoStill_hover.jpg);
}

#cloudette-video-still-making-of{
	display: block;
	width: 187px;
	height: 104px;
	margin-top: 10px;
	background-image: url(images/books/cloudette/making_of_up_VideoStill.jpg);
}
#cloudette-video-still-making-of:hover{
	background-image: url(images/books/cloudette/making_of_over_VideoStill.jpg);
}
#ggcs-video-still{
	margin-top: 10px;
	width: 187px;
	height: 104px;
	background-image: url(ggcs/ggcs-video-still-small.jpg);
	display: block;
}
#ggcs-video-still:hover{
	background-image: url(ggcs/ggcs-video-still-small_hover.jpg);
}
#ggcs-watch-video {
	text-align: left;
	position: absolute;
	margin-top: -20px;
}

#ggcs-watch-video a{
	text-decoration: none;
	font-weight: bold; 
	font-size: 14px;
}

div.cb_click_to_see {
	font-weight: bold;
	font-size: 10px;
}

div.cb_sub_link_wrapper {
	font-weight: bold;
font-size: 10px;
	
}

div.hp_footer {
	color: #7d7d7d;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font: 10px Verdana, sans-serif;
	margin-top: 5px;
}

div.cb_local, div.cb_amazon, div.cb_chronicle, div.cb_sl_facebook{
	margin-bottom: 7px;
} 


div.cb_local {
	padding-left: 47px;
	background: url(cloudette/ShopIndieBlu.png) no-repeat;
	height: 40px;
	margin-left: -11px;
}

div.cb_amazon {
	background: url(cloudette/amazon_icon.png) no-repeat;
	margin-left: 0;
	padding-left: 36px;
	height: 31px;
}

div.cb_chronicle {
	background: url(ggcs/ChronicleLogo.png) no-repeat;
	height: 30px;
	width: 169px;
}
#ggcs-video-holder{
	margin-top: 50px;
	*margin-top: 80px;
}
#ggcs-facebook{
	padding-top: 12px;
}
#ggcs-chronicle{
	margin-left: -34px;
}
#ggcs-chronicle img{
	height: 28px;
}
#cloudette-independent{
	padding-top: 6px;
}

#cloudette-amazon{
	padding-top: 17px;
}

#cloudette-amazon-kindle{
	padding-top: 14px;
}
#cloudette-video-holder{
	margin-top: 110px;
	*margin-top: 141px;
}

.book-images-book{
	margin-right: 8px;
	display: inline-block;
	*display: inline;
	margin-bottom: 15px;
	width: 170px;
}
.book-images-book.small, .book-images-book.small img{
	width: 123px;
}

.book-images-book.medium, .book-images-book.medium img{ 
	width: 149px;
}
#ggcs-facebook-img{
	width: 23px;
}

div.cb_sl_facebook {
	background: url(facebook_icon_29x29.png) no-repeat;
	padding-left: 36px;
	height: 31px;
}

#monarch_3{
	background: url('images/monarch_3.png') no-repeat;
	display: block;
	width: 117px;
	height: 127px;
	position: absolute;
	left: 20px;
	margin-top: 10px;
}

#monarch_finalist{
		background: url('images/monarch_3.png') no-repeat;
	display: block;
	width: 117px;
	height: 127px;
	position: absolute;
	left: 20px;
	margin-top: 10px;
}


#grumpy-video-div{
	margin-top: 30px;
	margin-left: 10px;
}
#grumpy-video-link{
	display: block;
	background-image: url(/childrens_books/images/books/grumpy/grumpy_up_VideoStill.jpg);
	width: 187px;
	height: 104px;
	margin-bottom: 10px;
}
#grumpy-video-link:hover{
	background-image: url(/childrens_books/images/books/grumpy/grumpy_over_VideoStill.jpg);
}

#ny-times-best-seller-badge{
	width: 93px;
	height: 93px;
	background-image: url(/childrens_books/images/NYT_bestseller.png);
	position: absolute;
	top: 32px;
	margin-left: 350px;
}

.star{
	background-image: url(/childrens_books/images/red_star.png);
	width: 11px;
	height: 11px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 8px;
	vertical-align: -10%
}
#ggcs-activity-guide-div{
	margin-top: 50px;
	vertical-align: bottom;
}
#ggcs-activity-guide-text{
	padding-top: 150px;
	padding-left: 5px;
}


#bridget-logos{
	

	margin-top: 20px;
}
#bridget-video{
	display: block;
	background-image: url("/childrens_books/images/Video_coming_soon.jpg");
	width: 187px;
	height: 104px;
	margin-left: -8px;
	margin-top: 30px;
}
#bridget-activity-guide-div{
	margin-left: -10px;
	margin-top: 51px;
}

#duck-rabbit-video{
	display: block;
	width: 187px;
	height: 104px;
	background-image: url("/childrens_books/images/books/duckrabbit/duck_rabbit_up_VideoStill.jpg");
}
#duck-rabbit-video:hover{
	background-image: url("/childrens_books/images/books/duckrabbit/duck_rabbit_over_VideoStill.jpg");
}

#shark-vs-train-accolades{
margin-top: 1px !important;
width: 500px !important;
position: absolute;
}
#shark-vs-train-accolades ul{
margin: 0;
padding-left: 15px;
}

#shark-vs-train-pjs{
display: block;
margin-top: 25px;
text-decoration: none;
}
#shark-vs-train-pjs-img{
display: block;
background-image: url(/childrens_books/images/books/shark/books_to_bed.png);
width: 198px;
height: 192px;
}

.appearances h3{
color: #000000;
}
.appearances .tlarge, .appearances #right_column{
color: #48735F !important;
}
.appearances .testimonial{
margin-bottom: 10px;
}
.appearances .signed.pub,
.appearances .tlarge{
margin: 0;
padding: 0;
}
.appearances .signed.pub{
text-transform: none;
margin-left: 50px;
margin-top: 5px;
}

#svt-video-link{
	display: block;
	background-image: url(/childrens_books/images/books/shark/SVT_up_VideoStill.jpg);
	width: 187px;
	height: 104px;
}
#svt-video-link:hover{
	
	background-image: url(/childrens_books/images/books/shark/SVT_over_VideoStill.jpg);
	
	
}
#yesday-video-still-image{
	background-image: url(/childrens_books/images/books/yesday/yesday_up_VideoStill.jpg);
	width: 187px;
	height: 104px;
}
#yesday-video-still-image:hover{
background-image: url(/childrens_books/images/books/yesday/yesday_over_VideoStill.jpg);
}



a:active, a:focus, a
{
outline: none;
-moz-outline-style: none;
}