@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#000000;
	/*
	background-image:url(src/bg.jpg);
	background-repeat:repeat-x;
	background-position:100% 100%;
	background-attachment:fixed;
	*/
}

#toolbar {
bottom:0;
height:100%;
margin-left:25px;
position:fixed;
_position:absolute;
top:0px;
_top:expression(eval(document.body.scrollTop));
width:170px;
z-index:1;
border:solid 1px #222;
}

.toolbarContents{
	top:-25px;
	height:100%;
	width:150px;
}

.toolbarLogo{
background-image:url(src/logo.jpg);
background-position:10 0;
background-repeat:no-repeat;
height:105px;
position:absolute;
top:20px;
width:170px;
}

.links{
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:16px;
left:0;
line-height:45px;
position:relative;
top:165px;
}

a{
outline: 0 none;
outline-style:none;
outline-width:0;
}

a.active:hover{
color:#EEBB99;
display:block;
height:35px;
padding-left:5px;
text-decoration:none;
width:160px;
padding-left:10px;
}

a.active{
color:#FFF;
display:block;
height:35px;
padding-left:5px;
text-decoration:none;
width:160px;
background-color:#000;
padding-left:10px;
}

a.inactive:hover{
color:#EEBB99;
display:block;
height:35px;
padding-right:5px;
text-align: right;
text-decoration:none;
width:160px;
}

a.inactive{
color:#D1876E;
display:block;
height:35px;
padding-right:5px;
text-align:right;
text-decoration:none;
width:160;
}

.copyright{
color:#AAAAAA;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:75px;
left:29px;
position:fixed;
_position:absolute;
bottom:5px;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight+5);
text-align:center;
width:164px;
}

.mainContent{
	position:absolute;
	top:15%;
	left:45%;
	color:#FFF;
}

.textContent{
	position:absolute;
	top:10%;
	left:65%;
	margin-left:-30%;
	color:#FBF0D0;
	font-size:16px;
	width:50%;
}

.textContent p{
	text-indent:30px;
}

.textContent h1{
	text-align:center;
	color:#FFF;
	font-size:24px;
}

.textContent h2{
	text-align:center;
	color:#BBB;
	font-size:14px;
	margin-top:165px;
}

.textContent h3{
	text-align:center;
	color:#BBB;
	font-size:12px;
}

.textContent h3 p.person{
	text-indent:0px;
	font-weight:bold;
	color:#D1876E;
	font-size:20px;
	margin-bottom:5px;
	margin-top:10px;
}

.textContent a{
	margin-top:5px;
}

.textContent h3.gary{
	float:left;
}

.textContent h3.erin{
	float:right;
}

.textContent ul{
	font-size:14px;
	list-style:circle;
	color:#EEBB99;
}

.textContent ul blockquote{
	color:#fbf0d0;
	margin-top:5px;
}


#bookBar {
height:25px;
left:40%;
margin-left:-150px;
overflow:hidden;
position:absolute;
top:6%;
width:720px;
}

#bookBar #art{
	height:25px;
	width:145px;
	overflow:hidden;
	background-image:url(src/artCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
}

#bookBar #photo{
	height:25px;
	width:99px;
	overflow:hidden;
	background-image:url(src/photoCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:145px;
}

#bookBar #nature{
	height:25px;
	width:74px;
	overflow:hidden;
	background-image:url(src/natureCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:244px;
}

#bookBar #pop{
	height:25px;
	width:115px;
	overflow:hidden;
	background-image:url(src/popCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:318px;
}

#bookBar #world{
	height:25px;
	width:107px;
	overflow:hidden;
	background-image:url(src/worldCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:433px;
}

#bookBar #food{
	height:25px;
	width:107px;
	overflow:hidden;
	background-image:url(src/foodCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:540px;
}

#bookBar #humor{
	height:25px;
	width:73px;
	overflow:hidden;
	background-image:url(src/humorCat.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:647px;
}

#bookBar a.active:hover{
	background-position:0% 50%;
}

#bookBar a.inactive{
	background-position:0% 100%;
}

a.book{
border:medium double #000000;
color:#FFFFFF;
display:block;
_display:inline-block;
float:left;
height:300px;
_height:350px;
overflow:hidden;
padding:10px;
text-align:center;
text-decoration:none;
width:200px;
}

a.book img{
border: 0 none;
margin-bottom:5px;
}

a.book:hover {
color:#EEBB99;
text-decoration:none;
border:double #333;
}

#bookArea {
left:2%;
_margin-right:-150px;
width:auto;
margin-left:225px;
position:absolute;
top:15%;
padding-bottom:20px;
}


.title{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
}

.author{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:normal;
}

.bookInfo{
	position:absolute;
	left:30%;
	top:13%;
	text-align:center;
	color:#fbf0d0;
	width:600px;
	padding-bottom:40px;
}

.bookInfo .description{
	width:80%;
	margin:0 auto;
	text-align:justify;
	line-height:18px;
}

.bookInfo .bookChanger{
	width:15px;
	margin:0px 5px 0px 5px;
	border:none;
	text-decoration:none;
}

.bookInfo .bookChanger img{
	border:none;
}

a#backtobooks{
	position:absolute;
	width:57px;
	height:31px;
	top:50px;
	left:250px;
	background-image:url(src/backtobooks.jpg);
	background-position:0% 0%;
}

a#backtobooks:hover{
	background-position:0% 100%;
}

	



