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

body {
	background-color:#fadd8b;
	background-image: url(images/bg.gif); 
	background-repeat: repeat-x;
	}

#container {
	margin: 0 auto 0 auto;
	background-color: white;
	width: 754px;
}

#content {
	border: 2px solid black;
}

#book {width: 400px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: center; padding: 5px; border: 2px solid #CCC; margin: 0px 5px 5px 30px;
}

#bio {text-align:justify; width: 460px; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 5px; border: 2px solid #CCC; margin: 0px 5px 5px 30px;
}

#contact {width: 400px; float: left; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; padding: 25px; border: 3px solid #CCC; margin: 30px 5px 5px 30px;
}

a.link {color: #fd9300; text-decoration:none;}
a.link:link {color: #fd9300;	text-decoration:none;}
a.link:visited {color: #fd9300;	text-decoration:none;}
a.link:hover {color: black; text-decoration: underline;}
a.link:active {color: black; text-decoration: underline;}

.shiftcontainer{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 300px; /* container width*/
background-color: gray;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 26px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
text-align:center;
}