/*  
Originally created by Juxtaprose, (c) copyright 2007
http://juxtaprose.com/
*/

body {
	background: #c0c0c0; 
	color: #000;
	margin: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 80%;
	text-align: center;	
}

/* centering and framing */
#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 900px;
	background: #fff; 	
}

/* masthead */
#masthead {
	width: 900px;
	height: 114px;
	background: #363636;		
	background-image: url("images/masthead_bg.jpg");
	background-repeat: no-repeat;
}

#masthead h1 {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}

#masthead h1 span {
	display: none;
}

#masthead img {
	padding-top: 15px;
	margin: 0;
	border: 0;
}

/* primary navigation (nav 1) */
#nav1 {
	list-style: none;
	padding: 0;
	margin-top: 20px;
	margin-left: 77px;
}

#nav1 li {
	float: left;
	width: 123px;
}

#nav1 a {
	font-family: geneva, arial, verdana, helvetica, sans-serif;
	font-size: 1.3em;
	color: #fff;
	text-decoration: none;
}

#nav1 a:hover, #home #nav1_home, #book #nav1_book, 
#reviews #nav1_reviews, #purchase #nav1_purchase, 
#author #nav1_author, #contact #nav1_contact {
	text-decoration: underline;
}|

/* masthead gutter */
#mastgut {
	width: 900px;
}

#home #mastgut {
	height: 20px;
	background: #000;
}

.inside #mastgut {
	height: 19px;
	border-bottom: 1px solid #000;
	background-image: url("images/cork_gutter.jpg");
}

/* main content zones */
#main {
	position: relative;
	text-align: left;
}

#home #main {
	width: 900px;
	height: 870px;
	background-image: url("images/cork.jpg");	
}

.inside #main {
	min-height: 665px;
	height: 665px;	/* ie6 only */
	padding-bottom: 30px;		
	width: 898px;
	border: 1px solid #fff;	/* hack to correct nav2 x-browser pos */	
} 

.appearances #main {
	min-height: 1665px !important;
	height: 1665px !important;	/* ie6 only */	
}

html>body.inside #main {
	height: auto; /* override ie6-only rule above */
}

/* home page features */
#homepaper {
	position: absolute;
	top: 5px;
	left: 50px;
	width: 471px;
	height: 571px;
	background-image: url("images/home-paper.jpg");
	z-index: 10;	
}

#homepaper span {
	display: none;
}

#qhead {
	position: absolute;
	top: 56px;
	left: 70px;
	width: 319px;
	height: 31px;
	padding: 0;
	margin: 0;
	background-image: url("images/home-q-head.jpg");
}

#homepaper .questions {
	position: absolute;
	left: 17px;
	width: 350px;
	height: 46px;
	padding: 0;
	margin: 0;
	z-index: 20;
}

#q1 {
	top: 116px;
	background-image: url("images/home-q1.jpg");
}

#q2 {
	top: 166px;
	background-image: url("images/home-q2.jpg");
}

#q3 {
	top: 243px;
	background-image: url("images/home-q3.jpg");
}

#q4 {
	top: 319px;
	background-image: url("images/home-q4.jpg");
}

#q5 {
	top: 395px;
	background-image: url("images/home-q5.jpg");
}

#qfoot {
	position: absolute;
	top: 471px;
	left: 28px;
	width: 382px;
	height: 72px;
	padding: 0;
	margin: 0;
	background-image: url("images/home-q-foot.jpg");	
	text-align: right;
}

#qfoot a {
	display: block;
	position: absolute;
	top: 49px;
	left: 339px;
	width: 37px;
	height: 19px;
	background-image: url("images/more.gif");
	background-position: 0 0;
	border: 2px solid #decdcd;
}

#qfoot a:hover {
	background-position: 0 -19px;
}	

#qfoot a span {
	display: none;
}

#homepaper .answers {
	display: none;
	position: absolute;
	left: 19px;
	width: 407px;
	padding: 10px;
	margin: 0;
	color: #fff;
	background: #363636;
	border: 2px solid #000;
	font-size: 1.05em;
	line-height: 1.4em;
	z-index: 30;
}

#a1 {top: 137px;}
#a2 {top: 210px;}
#a3 {top: 287px;}
#a4 {top: 362px;}
#a5 {top: 442px;}

.answers .aok {
	display: block;
	color: #fff;
	margin-top: 1px;
	margin-left: 353px;
	width: 24px;
	padding 2px;
	border: 1px dotted #ddd;
	text-decoration: none;
	text-align: center;	
	cursor: pointer;	
}

.answers .aok:hover {
	background: #fff;
	color: #000;
	border-color: #222;
}

.chk {
	position: absolute;
	left: 380px;
	width: 73px;
	height: 25px;
	background-image: url("images/home-check.jpg");	
	background-position: 0 0;
	z-index: 20;
}

#chk1 {top: 106px;}
#chk2 {top: 182px;}
#chk3 {top: 259px;}
#chk4 {top: 335px;}
#chk5 {top: 411px;}

#homebook {
	position: absolute;
	top: 5px;
	left: 505px;
	width: 346px;
	height: 459px;
	z-index: 30;
}

#homebook a:focus, #homebook a:active {
	outline: none;
}

#homecard {
	position: absolute;
	top: 507px;
	left: 580px;
	width: 307px;
	height: 257px;
	background-image: url("images/home-card4.gif");
	text-align: left;
	z-index: 40;	
}

#homecard h2 {
	margin-top: 30px;
	margin-left: 15px;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: none;
}

#homecard p {
	margin-left: 15px;
	width: 255px;
	margin-top: 3px;
	margin-bottom: 0px;
	line-height: 1.4em;
}

.more {
	margin-top: 0px !important;
	margin-left: 30px !important;
}

#homecard ul {
	margin: 0;
	padding: 0;
	width: 255px;
}

#homecard li {
	margin-left: 30px;
	padding: 3px 0px 3px 0px;
}

#homecard a {
	color: #D22B2E;
}

#homecard a:hover {
	background: #D22B2E;
	color: #ffffff;
}

#homepaperback {
	position: absolute;
	top: 580px;
	left: 300px;
	z-index: 100;
}

#homeappearances {
	position: absolute;
	top: 620px;
	left: 100px;
	z-index: 100;
}

/*home page javascript-only features */
#homepostit {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 127px;
	background-image: url("images/home-postit.gif");	
	z-index: 45;	
}

#homebooktitle {
	display: none;
	position: absolute;
	top: 228px;
	left: 551px;
	width: 201px;
	height: 183px;
	padding: 0;
	margin: 0;
	background-image: url("images/home-book-title.jpg");
	z-index: 60;
}

#homebookby {
	display: none;
	position: absolute;
	top: 376px;
	left: 551px;
	width: 201px;
	height: 53px;
	padding: 0;
	margin: 0;
	background-image: url("images/home-book-by.jpg");
	z-index: 70;
}

#homebooktitle span, #homebookby span {
	display: none;
}	

/* inside pages */
#postit {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 103px; /* ie6-only */
	left: 23px;
	width: 140px;
	height: 149px;
}

html>body #postit {
	top: 98px; /* override ie6-specific top above */
}

#book #postit {
	background-image: url("images/postit-book.jpg");
}

#reviews #postit {
	background-image: url("images/postit-reviews.jpg");
}

#purchase #postit {
	background-image: url("images/postit-purchase.jpg");
}

#author #postit {
	background-image: url("images/postit-author.jpg");
}

#contact #postit {
	background-image: url("images/postit-contact.jpg");
}


/* inside page: main text and inline elements */
.inside #main h2 {
	color: #2c2c2c;
	margin-left: 206px;
	margin-top: 45px;
	margin-bottom: 50px;
	font-size: 1.5em;
	font-weight: normal;
}

.inside #main p, .inside #main ol, .inside #main ul, 
.inside #main .vid {
	margin-top: 25px;
	margin-left: 53px;
	padding-right: 2px;
	width: 500px;
	font-size: 1.1em;
	line-height: 1.8em;
}

#toc {
	margin-left: 53px;
	margin-top: 20px;
	margin-bottom: 30px;
	width: 480px;	
	padding: 10px;
	border: 1px solid #999;
}

.inside #toc p {
	margin-left: 15px;
	margin-top: -5px;
}

.inside #toc h2 {
	color: #2c2c2c;
	margin-left: 153px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 1.5em;
	font-weight: normal;
}

.inside #main .vid {
	margin-bottom: 50px;
}

.inside #main ol {
	list-style-position: outside;
	padding-left: 30px;
}

.inside #main a {
	color: #D22B2E;
}

.inside #main a:hover {
	background: #D22B2E;
	color: #fff;
	text-decoration: none;
}

.inside #main h3 {
	margin-top: 25px;
	margin-left: 53px;
	font-size: 1.2em;
}

.inside #main blockquote {
	margin-left: 53px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 480px;	
	padding: 10px;
	border: 1px solid #999;
	font-style: italic;
}

.inside #main blockquote.promo {
	font-style: normal;
}

.inside #main blockquote p {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 17px;
	width: auto;
	line-height: 1.3em;
}

.inside #main blockquote h3 {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	width: auto;
	line-height: 1.3em;
}

.inside #main blockquote.promo p {
	line-height: 1.8em;
}

.inside #tv {
	position: absolute;
	left: 430px;
	top: 119px;
}

.inside #radio {
	margin-top: 78px;
}

.inside #audio {
	width: 300px;
	border: 1px solid #174F4F;
	padding: 3px;
	margin-left: 50px;
}

.audiobox {
	color: #174F4F !important;
	margin-left: 30px !important;
	margin-top: 0px !important;
	margin-bottom: 5px;
	width: 260px !important;
	font-size: 1.1em;
}

.heading {
	font-size: 18px !important;
	padding: 12px;
	width: 308px !important;
	background: #FAF2B5;
	border: 1px solid #000;
	text-align: center; 
}

.green {
	color: #174F4F !important;
	font-weight: bold;
}

.blue {
	color: #333C96 !important;
	font-weight: bold;
}

/* inside page: nav 2 */
#nav2 {
	position: absolute;	
	top: 20px;
	left: 610px;
	width: 250px;
	min-height: 88px;
	height: 88px; /* for ie6 only */
	background: #dedede;
	border: 1px solid #000;
	text-align: center;
}

#book #nav2 {
	position: absolute;	
	top: 20px;
	left: 610px;
	width: 250px;
	min-height: 100px;
	height: 100px; /* for ie6 only */
	background: #dedede;
	border: 1px solid #000;
	text-align: center;
}

html>body #nav2 {
	height: auto; /* override ie6-only rule above */
}

.inside #main #nav2 h3 {
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	color: #d30221;
	font-weight: normal;
	font-size: 1.1em;
}

#nav2 a {
	padding-left: 20px;
	padding-right: 20px;	
	text-decoration: none;
	color: #000 !important;
	font-size: 1.1em;
	line-height: 1.5em;
}

#nav2 a:hover {
	color: #000 !important;
	background: #dedede !important;
	text-decoration: underline !important;
}


.appearances #appearances, .qa #qa, 
.questionnaire #questionnaire, .guide #guide, .excerpt #excerpt,
.appearances #appearances:hover, .qa #qa:hover, 
.questionnaire #questionnaire:hover, .guide #guide:hover, .excerpt #excerpt:hover
{
	background-image: url("images/red-arrow.gif") !important;
	background-repeat: no-repeat !important;
}

/* inside page: sidebar text and inline elements */
#sidebar {
	position: absolute;	
	top: 140px;
	left: 610px;
	width: 252px;
}

#purchase #sidebar {
	top: 124px;
}

#sidebar p.caption {
	width: auto;
	margin-top: 3px;
	color: #9f9d9d;
	font-size: 0.9em;
	text-align: right;	
}

#author #sidebar {
	width: 252px;
}

#book #sidebar, #purcahse #sidebar, #reviews #sidebar {
	width: 275px;
}

#contact #sidebar {
	left: 560px;
	width: 302px;
}

#sidebar img {
	border: 0;
}

#author #sidebar img, #contact #sidebar img {
	border: 1px solid #000;
}

/* convenience classes */
.notop {
	margin-top: 0 !important;
}

.reallybigtop {
	margin-top: 263px !important;
}

.nobottom {
	margin-bottom: 0 !important;
}

.tightline {
	line-height: 1.4em !important;
	width: 370px !important;
}

.inside #main p.byline {
	margin-top: 0px;
	text-align: right;
	color: #12605F;
}

.inside #main p.byline-current {
	margin-top: -20px;
	text-align: right;
	color: #12605F;
}

.aside {
	font-size: 0.95em !important;
}

sup {
	padding-right: 1px;
}

.bborder {
	margin-top: 0px;
	padding-bottom: 30px;
	width: 400px !important;
	border-bottom: 1px dotted #000;
}

.mediap {
	margin-top: 15px;
}

.newscard {
	line-height: 1.7em !important;
}

.borderline {
	border-bottom: 1px dashed #000;
	
	padding-bottom: 38px;
}

.botrow {
	margin-top: 38px !important;
	padding-top: 0px !important;
}

.bookcover {
	margin-top: 30px;
}

/* footer */
#footer {	
	width: 100%;
	height: 18px;
	padding-top: 4px;
	background: #000;
	color: #fff;
	font-size: 0.85em;
	text-align: left;
}


#footer p {
	float: left;
	width: 610px;
	margin-top: 0px;
	margin-left: 5px;
}


#footer ul {
	float: left;
	width: 280px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: block;
	float: left;
	margin-left: 5px;	
	text-align: left;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#underfoot {
	margin-left: auto;
	margin-right: auto;
	width: 899px;	
	font-size: 0.85em;
}

#underfoot h2 {
	display: inline;
	font-size: 1.0em;
	padding-right: 2px;
}

 #underfoot .homenote {
	float: left;
 	text-align: left;
	margin-top: 7px;
	color: #333;
	width: 700px;
}

.homenote a {
	text-decoration: underline;
	color: #333;
}

.moreinfo p {
	width: 340px !important;
	font-size: 0.85em !important;
}

.appearancewidg {
	margin-top: 30px;
	padding: 12px;
	width: 225px;
	line-height: 1.8em;
	background: #FAF2B5;
	border: 1px solid #000;
}

.special {
	width: 320px !important;
}

/* Footer: Home Page Juxtaprose link */
.juxta {
	float: right;
	margin-top: 7px;
	text-align: right;
	padding-bottom: 50px;
}

.juxta a {
	color: #333;
	text-decoration: none;
}

.juxta a:hover {
	text-decoration: underline;
}

.juxta span {
	font-style: italic;
}

/* Footer: inside Juxtaprose link */
#juxta {
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10px;
	padding-bottom: 10px;
	width: 899px;
	text-align: right;
	font-size: 0.85em;
}

#juxta a {
	color: #333;
	text-decoration: none;
}

#juxta a:hover {
	text-decoration: underline;
}

#juxta span {
	font-style: italic;
}