html {height:100%;}
body {height:100%;font-size:0.8em; line-height:1.4em;}
body {font-family:Arial, Helvetica, sans-serif; color:#333333;} /*holds all the images and thumnails*/
table {font-size:1em; line-height:1.4em;}
#mainholder {top:44px; overflow: auto; width:100%; max-width:1200px; margin:0 auto;}
#holder {width:100%; padding-top:40px;max-width:1200px; text-align:left; margin: 0px auto;}
#maincontent {margin:0 auto; text-align:left; max-width:840px; padding:0px 60px;}
#mainimage{float:left;}
#holdernew {width:100%; border:0px 30px solid #fff; text-align:center; margin: 0px auto; padding-top:0px;}
#storynav {margin:0 auto; text-align:center;height:50px;max-width:720px; padding:0px 40px;}
#story {margin:0 auto; text-align:left; max-width:750px; padding:0px 10px;}
#logo {width:100%; margin: 0px auto; text-align:center; padding-top:10px;}
.navContainer {
    color:#52535c;
    font-family:sans-serif;
    padding:0px;
    margin-top:0px;
    height:24px;
    position:relative;
    z-index:100;
    width:100%;
    border-top: 1px solid #c0c0c0;
}
#social {
	position: fixed;
	width: 200px;
	height: 60px;
	z-index: 1;
	right: 2px;
	top: 1px;
	z-index:100;
	text-align:right;
}
#panel {
	width: 100%;
	min-width:380px;
	max-width:720px;
	margin: 0 auto;
	display: block;
	z-index:10;
	top:80px;
}
#panel2 {
    padding: 20px 0px 0px 0px;
    display: none;
    text-align:left;
}
a {color:#d16714; text-decoration:none;}
a:hover {color:#000;}
p {color:#333;}
#panel2 p {color:#444;}

.firstphoto {margin-right:20px; margin-left:0px;}
/* footer stuff */
#page {
  height: 100%; width: 100%
}
#tdcontent {
  height: 100%;
}
#footer {
 max-width:1200px;
 width:100%;
 padding-top:20px;
 margin: 0 auto;
 font-size:10px;
 color:#ccc;
 text-align:center;
}
.image-outline {
	border:1px;
	border-color:#19316b;
	border-style:solid;
	padding:2px;
}
#storynavleft {}
#storynavright {text-align:right;}
.pub {position:relative; width:33%;padding-left:20px;height:30px;float:left;}
.book {position:relative; width:50%;padding-left:20px;height:40px;float:left;}
.pubcover {position:relative; width:33%;padding-left:20px;height:230px;float:left; max-width:180px;}
.pubcover2 {position:relative; width:33%;padding-left:20px;height:250px;float:left; max-width:180px;}
.bookcover {position:relative; width:50%;padding-left:20px;height:420px;float:left; max-width:350px;}

.printBlockText2 {width:100%; text-align:center;}
div.printBlock img {width:100%;}
.pubcover img {width:100%;}
.bookcover img {width:100%; max-height:380px;}
.printTitle {
	font-weight: bold;
	text-align:left;
	line-height:16px;
	margin:8px 0px 6px 10px;
	clear:both;
}
.printBlock {
	text-align:left;
	margin-left:10px;
}
.printBlockText {
	text-align:left;
	margin-left:10px;
	margin-top:10px;
}
.printLine {
	border-top:2px solid #036;
	margin:10px;
}
@media only screen and (max-width: 750px) {
#storynav {padding:0px 60px 0px 10px;}
}
@media only screen and (min-width: 640px) {
	#holder {border:80px 100px 80px 80px solid #fff;}
}
@media only screen and (max-width: 640px) {
.navContainer {width:90%;}
#story {padding:0px 60px 0px 20px;}
#maincontent {padding:0px 60px 0px 20px;}
.pub {position:relative; width:50%;padding-left:20px;height:30px;float:left;}
.book {position:relative; width:100%;padding-left:20px;height:40px;float:left;}
.pubcover {position:relative; width:50%;}
.pubcover2 {position:relative; width:50%;}
.bookcover {height:350px;}
}
@media only screen and (max-width: 490px) {
#storynavleft {margin-top:20px;}
#storynavright {text-align:left;margin-top:-50px; margin-bottom:0px; width:100%;}
.pub {position:relative; width:100%;padding-left:20px;height:30px;float:left;}
.bookcover {width:100%;height:400px;}
.bookcover img {width:100%; max-height:360px;}

}