/* Global
----------------------------------------------------------------------------------------------------*/
body {
	background: url('../images/background.gif') repeat-y;
	font-family: "Comic Sans MS", serif; 
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}

a { color: #0000FF; }
	
p { margin-bottom: 1em; }

dt {
	float: left;
	width: 250px; }
		
dd { margin-bottom: 10px; }
		
dt img, dd img {
	border: 1px solid black;
	margin-left: 10px; }

.absolute { position:absolute; }

.clear { clear: both; }

.center { text-align: center; }

.spacing { margin-bottom: 1.5em; }

.spacing-top { margin-top: 1.5em; }

.halfspacing { margin-bottom: 0.75em; }

.halfspacing-top { margin-top: 1.5em; }

.floatleft { float: left; }

.floatright { float: right; }

.halfleft { 
	float: left;
	width: 49%;
}

.halfright{
	float:right;
	width: 49%;
}

.thirdleft { 
	float: left;
	width:32.5%;
}

.thirdcenter {
	float:left;
	width: 32.5%;
}

.thirdright {
	float: right;
	width: 32.5%;
}

.twothirdsleft {
	float: left;
	width: 62%;
}

.twothirdsright {
	float: right;
	width: 62%;
}

.starimg {
	width: 28px;
	padding: 2px;
}

.starspacer {
	width: 28px;
	margin-bottom: 1em;
}
/* Fonts
----------------------------------------------------------------------------------------------------*/

h1 { 
	text-indent: -9999px;
	margin-bottom: 1em;
}

h1#home_header {
	background-image: url('../images/home_header_childrensbooks.gif');
	display: block;
	text-align: center;
	width: 345px;
	height: 50px;
}

h1#books_header {
	background-image: url('../images/books_header.gif');
	display: block;
	width: 486px;
	height: 326px;
}

h1#about_header {
	background-image: url('../images/about_header.gif');
	display: block;
	width: 352px;
	height: 67px;
}

h1#visits_header {
	background-image: url('../images/visits_header.gif');
	display: block;
	width: 352px;
	height: 67px;
}

h1#art_header {
	background-image: url('../images/art_header.gif');
	display: block;
	width: 406px;
	height: 58px;
}

h1#links_header {
	background-image: url('../images/links_header.gif');
	display: block;
	width: 153px;
	height: 59px;
}

h2 { font-weight: normal; }

.small { font-size: 0.85em; }

.Blue { color: #4FA7D9; }

.Green { color: #58CF36; }

.Purple { color: #BF62AD; }

.Red { color: #FC2525; }

.Yellow { color: #FCC32B; }

.Orange { color: #FF782B; }

.Pink { color: #bb58a8;}

.Red-Orange { color: #ef3244; }

.copyright {
	color:#999999;
	font-size:14px;
	line-height:22px;
	text-align: center;
	margin-bottom: 1.5em;
}

.link {
	font-size: 0.85em;
	text-align: center;
}
.link-description { 
	color: #FF3399;
	margin-bottom: 1.5em; 
}

.link-header-description {
	color: #CC00CC;
}


/* Containers
----------------------------------------------------------------------------------------------------*/

.container {
	width: 990px;
	margin: 15px 0 0 0;
}

.container .main {
	width: 780px;
	margin-left: 115px;
	margin-right: 95px;
}

.container .main .textblock {
		width: 660px;
		margin-left: 60px;
		margin-right: 60px;
		font-size: 1.1em;
		line-height: 1.5em;
}

.splash { 
	background-color: #77CAFE;
	background-image: none; 
}
	
	
/* Navigation --------------------------------------------------------------
------------------------------------------------------------------------- */

.container .main .navigation { 
	margin-left: 55px;
	margin-right: 55px;
	height: 100px;
	margin-bottom:15px; 
}

.nav-item {
	float: left;
	display: block;
	margin-right:15px;
}

a#nav-home{
	background: url('../images/nav_home.gif') 0 0 no-repeat;
	width:96px;
	height:89px;
}

a:hover#nav-home {
	background-position: -96px 0;
}

a#nav-books, #nav-books-selected {
	background: url('../images/nav_books.gif') 0 0 no-repeat;
	width:72px;
	height:82px;
}

a:hover#nav-books, #nav-books-selected { 
	background-position: -72px 0;
}

a#nav-about, #nav-about-selected {
	background: url('../images/nav_about.gif') 0 0 no-repeat;
	width:103px;
	height:86px;
}

a:hover#nav-about, #nav-about-selected {
	background-position: -103px 0;
}

a#nav-visits, #nav-visits-selected {
	background: url('../images/nav_visits.gif') 0 0 no-repeat;
	width:106px;
	height:86px;
}

a:hover#nav-visits, #nav-visits-selected { 
	background-position: -106px 0;
}

a#nav-art, #nav-art-selected {
	background: url('../images/nav_art.gif') 0 0 no-repeat;
	width:125px;
	height:95px;
}

a:hover#nav-art, #nav-art-selected { 
	background-position: -125px 0;
}

a#nav-links, #nav-links-selected {
	background: url('../images/nav_links.gif') 0 0 no-repeat;
	width:75px;
	height:102px;
	margin-right: 0px !important;
}

a:hover#nav-links, #nav-links-selected { 
	background-position: -75px 0;
}

a#book-backtoall{
	background: url('../images/book_backtoall.gif') 0 0 no-repeat;
	display: block;
	margin-top:100px;
	margin-left:15px;
	width:281px;
	height:84px;
}

a:hover#book-backtoall {
	background-position: -281px 0;
}

/* Home -------------------------------------------------------------------
------------------------------------------------------------------------- */

.home_welcomemessage p, .home_welcomemessage span {
	margin-bottom: 0px;
	font-size: 0.95em;
}

.home_welcomemessage {
	text-align: center;
	font-size: 18px;
	line-height: 28px;
}

#home_signature {
	margin: 10px 0 0 25px;
	text-align: left;
}

/* Books -------------------------------------------------------------------
------------------------------------------------------------------------- */

.books-list {
	margin-left:25px;
}

.book {
	float: left;
	height:310px;
	text-align: center;
	position: relative !important;
	padding: 5px;
	margin-right: 15px;	
}

.book img { 
	height: 200px;
	border: 1px solid #DEDEDE;
	margin-bottom: 10px; }
	
.book p.title { 
	color: #3184D6;
	font-size: 1.1em;
	margin-bottom: 0px; }

.book p.publisher { 
	color: #FF782B;
	font-size: 1em;
	margin-bottom: 0px; }

.bookpage-left {
	float:left;
	width: 50%;
}

.bookpage-left img{ 
	width:100%;
	border: 1px solid #DEDEDE; }

.bookpage-right {
	float: right;
	width: 45%;
	height: 70%;
	text-align: center
}

.bookpage-title {
	color: #ff0000;
	font-size: 1.5em;
	line-height: 1.7em;
}

.bookpage-publisher {
	color: #cc33ff;
	font-size: 1em;
	line-height: 1.2em;
}

/* About -------------------------------------------------------------------
------------------------------------------------------------------------- */

#about_penny {
	height: 220px;
	text-align: center;
	margin-bottom: 1.5em;
}

#about_umbrella {
	height: 350px;
	text-align: center;
}

#about_header_note {
	height: 30px;
	text-align: center;
	margin-bottom: 1em;
}

#about_susiephoto2 {
	height: 200px;
	text-align: center;
	margin-bottom: 1em;
}

.backtotoplink {
	height: 30px;
	text-align: center;
	margin-bottom: 1em;
}

/* Links -------------------------------------------------------------------
------------------------------------------------------------------------- */