/*------------------------------------------------------------------
Layout Style Sheet for Evanovich.com

version: 1.0
email: webmaster@evanovich.com
webiste: www.evanovich.com
------------------------------------------------------------------*/

/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }

/* de-italicize address */
address { font-style:normal; }

/* body 
--------*/

body.barnaby {
background-color: #e002e0;
}

body.barnaby #wrapper {
background-color: #e002e0;
}

body.chance {
background-color: #fd2929;
}

body.chance #wrapper {
background-color: #fd2929;
}

body.coro {
background-color: #0202e0;
}

body.coro #wrapper {
background-color: #0202e0;
}

body.main {
background-color: #8a2ec4 ; 
}

body.main #wrapper {
background-color: #8a2ec4;
}

body.nonfic {
background-color: #90d02a;
}

body.nonfic #wrapper {
background-color: #90d02a;
}

body.plum {
background-color: #8a2ec4;
}

body.plum #wrapper {
background-color: #8a2ec4;
}

body.rere {
background-color: #fff997;
}

body.rere #wrapper {
background-color: #fff997;
}

/* outer
----------*/
#outer {
width: 780px;
position: relative; 
margin: 0 auto;
}

/* wrapper 
-----------*/

#wrapper {
float: left;
margin: 0;
padding: 0 0 10px 10px;
display: inline;
}

/* HEADER
----------*/

/* main */

#header {
background-color: #FFF;
border: 3px solid #999;
border-top: 2px solid #999;
float: left;
width: 730px;
margin-left: 13px;
padding: 10px 10px 5px 10px;
display: inline;
}

#navigation {
float: left;
width: 320px;
margin: 0 0 0 10px;
padding:0;
background-color: #FFF;
display: inline;
}

#topright {
float: right;
width: 360px;
margin: 0;
background-color: #FFF;
display: inline;
}

.barnaby #topright {
float: right;
width: 81px;
height: 80px;
margin: 0 20px 0 0;
background-color: #fff;
display: inline;
}

.chance #topright {
float: right;
width: 180px;
height: 80px;
margin: 0;
background-color: #fff;
display: inline;
}

.coro #topright {
float: right;
width: 167px;
height: 80px;
margin: 0 20px 0 0;
padding: 3px;
background-color: #fff;
display: inline;
}

.nonfic #topright {
float: right;
width: 198px;
height: 80px;
margin: 0;
padding: 0;
background-color: #fff;
display: inline;
}


.plum #topright {
float: right;
width: 118px;
height: 77px;
margin: 0;
background-color: #000;
border: 5px solid black;
display: inline;
}

.rere #topright {
float: right;
width: 300px;
height: 80px;
margin: 0;
background-color: #fff;
display: inline;
}

.quotecap {
width: 366px;
height: 10px;
background: #FFF url(images/quotecap.gif) top center no-repeat;
}

.quotebody {
width: 350px;
border-left: 3px solid #639;
border-right: 3px solid #639;
background: #FFF;
padding-left: 5px;
padding-right: 5px;
}

.quotebutt {
width: 366px;
height: 10px;
background: #FFF url(images/quotebutt.gif) top center no-repeat;
}

#subheader {
clear: both;
text-align: center;
width: 278px;
padding: 0;
margin: 10px 0 0 251px;
}

/* batster 
----------*/
#batsterhome {
text-align: center;
}

#batster {
text-align: center;
}

.batsterbox {
padding-bottom: 30px;
}

.batsterhome {
text-align: center;
padding: 20px 0 10px 0;
}

td.prevpage {
text-align: center;
width: 50%;
padding: 20px;
}

td.nextpage {
text-align: center;
width: 50%;
padding: 20px;
}

/* monthly contest 
--------------------*/
#contest {
text-align: center;
}

#contestarchive {
text-align: center;
}

#email .emailtop td {
font-size: 16px;
text-align: center;
padding: 20px;
vertical-align: top;
}

#email form {
text-align: center;
}

#petpics {
text-align: center;
}

#poll {
text-align: center;
}

#news {
text-align: center;
}

#news form {
margin: 10px 0 10px 0;
}

.newstop {
width: 340px;
padding: 10px;
float: left;
}

#profile {
text-align: center;
}

/* "banner boxes" that surround the top header of main section feature pages */

.bannerbox {
width: 710px;
padding: 10px 0 5px 0;
margin: 5px 0 5px 0;
background: #3ccd24;
border: 2px solid #3d6e35;
text-align: center;
}

.bannerbox h1 {
color: #fff;
}

/* horizontal rule */

hr {
width: 90%;
height: 5px;
}

.hr {
clear: both;
height: 10px;
width: 742px;
background: transparent url(images/hr.gif) bottom left repeat-x;
margin: 2px 0 2px 8px;
border-right: 2px solid #8a9fed;
border-left: 2px solid #8a9fed;
}

.hr_box {
border-bottom: 3px solid #ccc;
margin: 5px 20px 10px 20px;
clear: both;
}

.barnaby .hr {
background: transparent url(images/barnabyhr.gif) bottom left repeat-x;
}

.chance .hr {
background: transparent url(images/chancehr.gif) bottom left repeat-x;
border-right: 2px solid #ffd15d;
border-left: 2px solid #ffd15d;
}

.coro .hr {
background: transparent url(images/corohr.gif) bottom left repeat-x;
}

.nonfic .hr {
background: transparent url(images/nonfichr.gif) bottom left repeat-x;
border-right: 2px solid #8e62ff;
border-left: 2px solid #8e62ff;
}

.rere .hr {
background: transparent url(images/rerehr.gif) bottom left repeat-x;
border-right: 2px solid #fe7ffa;
border-left: 2px solid #fe7ffa;
}

/* spacer */
.spacer {
clear: both;
}

/* footer */

#footer {
clear: both;
height: 30px;
width: 750px;
padding: 10px;
margin: 10px 0 10px 0;
}

/* column layouts */

.primaryContent {
float: left;
width: 560px;
display: inline;
}

.sideContent {
float: left;
width: 200px;
display: inline;
}

.halfContentLeft {
float: left;
width: 380px;
display: inline;
}

.halfContentRight {
float: left;
width: 380px;
display: inline;
}

.fullContent {
float: left;
width: 760px;
display: inline;
}

/* back to top links */
#backtotop {
text-align: center;
padding: 15px 0 10px 0;}

/*-- boxes as used by Tedd http://www.sperling.com/examples/box/ --*/

/* primary is the two-thirds left box on main section pages */
.primaryContent .box {
float: left;
margin: 0;
padding: 0;
width: 560px;
display: inline;
}

/* side is the right one-third box on the main pages */
.sideContent .box {
float: left;
margin: 0;
padding: 0;
width: 200px;
display: inline;
}

/* full is a full width colum  */

.fullContent .box {
float: left;
margin: 0;
padding: 0;
width: 760px;
display: inline;
}

/* generic innner wrapper for boxes */

.boxcontent {
padding: 20px;
}

.box {
background-color: #FFF
}

/* half is the two-column layout used in book section pages */
.halfContentLeft .box {
float: left;
margin: 0;
padding: 0;
width: 380px;
display: inline;
}

.halfContentRight .box {
float: left;
margin: 0;
padding: 0;
width: 380px;
display: inline;
}

.barnaby .halfContentLeft .boxcontent {
height: 280px;
}

.barnaby .halfContentRight .boxcontent {
height: 280px;
}

.chance .halfContentLeft .boxcontent {
height: 250px;
}

.chance .halfContentRight .boxcontent {
height: 250px;
}

.coro .halfContentLeft .boxcontent {
height: 320px;
}

.coro .halfContentRight .boxcontent {
height: 320px;
}

.nonfic .halfContentLeft .boxcontent {
height: 150px;
}

.nonfic .halfContentRight .boxcontent {
height: 150px;
}

.plum .halfContentLeft .boxcontent {
height: 500px;
}

.plum .halfContentRight .boxcontent {
height: 500px;
}

.rere .halfContentLeft .boxcontent {
height: 320px;
}

.rere .halfContentRight .boxcontent {
height: 320px;
}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-color: #FFF;
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* barnaby boxes */
.barnaby .tlc, .barnaby .trc, .barnaby .blc, .barnaby .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.barnaby .tlc
	{
	background-image:url(images/tlc_barnaby.gif);
	background-position: 0% 0%;
	}

.barnaby .trc
	{
	background-image:url(images/trc_barnaby.gif);
	background-position: 100% 0%;
	}
	
.barnaby .blc
	{
	background-image:url(images/blc_barnaby.gif);
	background-position: 0% 100%;
	}

.barnaby .brc
	{
	background-image:url(images/brc_barnaby.gif);
	background-position: 100% 100%;
	}

.barnaby .tb, .barnaby .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.barnaby .tb
	{
	background-image:url(images/tb_barnaby.gif);
	background-position: 0% 0%;
	}

.barnaby .bb
	{
	background-image:url(images/bb_barnaby.gif);
	background-position: 50% 100%;
	}
	
.barnaby .rb
	{
	background-image:url(images/r_barnaby.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.barnaby .lb
	{
	background-color: #FFF;
	background-image:url(images/l_barnaby.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* chance boxes */
.chance .tlc, .chance .trc, .chance .blc, .chance .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.chance .tlc
	{
	background-image:url(images/tlc_chance.gif);
	background-position: 0% 0%;
	}

.chance .trc
	{
	background-image:url(images/trc_chance.gif);
	background-position: 100% 0%;
	}
	
.chance .blc
	{
	background-image:url(images/blc_chance.gif);
	background-position: 0% 100%;
	}

.chance .brc
	{
	background-image:url(images/brc_chance.gif);
	background-position: 100% 100%;
	}

.chance .tb, .chance .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.chance .tb
	{
	background-image:url(images/tb_chance.gif);
	background-position: 0% 0%;
	}

.chance .bb
	{
	background-image:url(images/bb_chance.gif);
	background-position: 50% 100%;
	}
	
.chance .rb
	{
	background-image:url(images/r_chance.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.chance .lb
	{
	background-color: #FFF;
	background-image:url(images/l_chance.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* co-authored romance boxes */
.coro .tlc, .coro .trc, .coro .blc, .coro .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.coro .tlc
	{
	background-image:url(images/tlc_coro.gif);
	background-position: 0% 0%;
	}

.coro .trc
	{
	background-image:url(images/trc_coro.gif);
	background-position: 100% 0%;
	}
	
.coro .blc
	{
	background-image:url(images/blc_coro.gif);
	background-position: 0% 100%;
	}

.coro .brc
	{
	background-image:url(images/brc_coro.gif);
	background-position: 100% 100%;
	}

.coro .tb, .coro .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.coro .tb
	{
	background-image:url(images/tb_coro.gif);
	background-position: 0% 0%;
	}

.coro .bb
	{
	background-image:url(images/bb_coro.gif);
	background-position: 50% 100%;
	}
	
.coro .rb
	{
	background-image:url(images/r_coro.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.coro .lb
	{
	background-color: #FFF;
	background-image:url(images/l_coro.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
/* non-fiction boxes */
.nonfic .tlc, .nonfic .trc, .nonfic .blc, .nonfic .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.nonfic .tlc
	{
	background-image:url(images/tlc_nonfic.gif);
	background-position: 0% 0%;
	}

.nonfic .trc
	{
	background-image:url(images/trc_nonfic.gif);
	background-position: 100% 0%;
	}
	
.nonfic .blc
	{
	background-image:url(images/blc_nonfic.gif);
	background-position: 0% 100%;
	}

.nonfic .brc
	{
	background-image:url(images/brc_nonfic.gif);
	background-position: 100% 100%;
	}

.nonfic .tb, .nonfic .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.nonfic .tb
	{
	background-image:url(images/tb_nonfic.gif);
	background-position: 0% 0%;
	}

.nonfic .bb
	{
	background-image:url(images/bb_nonfic.gif);
	background-position: 50% 100%;
	}
	
.nonfic .rb
	{
	background-image:url(images/r_nonfic.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.nonfic .lb
	{
	background-color: #FFF;
	background-image:url(images/l_nonfic.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}	

/* re-release boxes */
.rere .tlc, .rere .trc, .rere .blc, .rere .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.rere .tlc
	{
	background-image:url(images/tlc_rere.gif);
	background-position: 0% 0%;
	}

.rere .trc
	{
	background-image:url(images/trc_rere.gif);
	background-position: 100% 0%;
	}
	
.rere .blc
	{
	background-image:url(images/blc_rere.gif);
	background-position: 0% 100%;
	}

.rere .brc
	{
	background-image:url(images/brc_rere.gif);
	background-position: 100% 100%;
	}

.rere .tb, .rere .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.rere .tb
	{
	background-image:url(images/tb_rere.gif);
	background-position: 0% 0%;
	}

.rere .bb
	{
	background-image:url(images/bb_rere.gif);
	background-position: 50% 100%;
	}
	
.rere .rb
	{
	background-image:url(images/r_rere.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.rere .lb
	{
	background-color: #FFF;
	background-image:url(images/l_rere.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
/* image control
-----------------*/
img.header {
float: left;
display: inline;
}

#index .sideContent img {
border: 1px solid black;
margin: 3px;
}

.halfContentRight img.banner {
margin: 0 0 10px 0;
}

table.bookplate img {
border: 1px solid black;
padding: 0 0 10px 0;
}

table.tourphoto img {
border: 1px solid black;
margin: 5px;
}

table.tourphoto img.banner {
border: none;
margin: 0;
}

table.newstop img {
padding: 5px;
}

#batster img {
border: 3px solid black;
}

#petpics img {
border: 1px solid black;
}

#petpics .bannerbox img {
border: none;
}

.writingfaqaside img {
float: left;
padding-right: 10px;
}

.rerecovers img {
border: 1px solid black;
margin: 5px;
}

.qandapic {
text-align: center
}

.qandapic img {
border: 1px solid black;
}

/* TABLES
----------------------*/
.fullContent table {
width: 720px;
}

.primaryContent table {
width: 520px;
}

table {
border-collapse: collapse;
background-color: #FFF;
border: none;
}

table {
vertical-align: top;
padding: 5px;
}

td.border {
border-top: 2px solid #999;
padding: 10px 0 10px 0;
}

td.sig {
text-align: right;
padding: 10px;
}

table.wordsearch td {
border: 2px solid black;
padding: 2px;
width: 24px;
}

table.form td {
padding: 0 0 10px 0;
}

table.form td em {
font-size: 12px;
}

.fullContent table.boxin {
vertical-align: middle;
width: 400px;
padding: 0px;
}

.fullContent table.boxinside {
width: 150px;
padding: 0px;
}

/* audio 
---------*/
table.audio {
text-align: center;
}

table.audio td {
padding: 5px;
vertical-align: top;
}

table.audio td.border {
text-align: left;
}

/* author bio 
--------------*/
table.bio {
text-align: left;
}

/* bookplate
------------*/
table.bookplate {
text-align: center;
}

/* contest archive 
------------------*/
table.contestarchive td {
text-align: center;
vertical-align: top;
border: 1px solid black;
padding: 10px;
}

/* feature 
----------*/
table.feature {
text-align: center;
}

/* index 
----------*/
#index td {
text-align: center;
vertical-align: top;
}

#index td.cover {
width: 220px;
}

/* jacket
-----------*/
td.pubinfo {
text-align: center;
}

td.pubinfo img {
margin: 15px 0 0 0;
}

table.jacket td {
padding: 5px;
vertical-align: top;
}

/* splash
----------*/
table.splash {
text-align: center;
}

/* poll
-----------*/
#poll table {
width: 600px;
margin: 10px 0 0 60px;
text-align: center; 
}

table.splash td {
vertical-align: top;
}

.rere table.splash {
text-align: center;
}

.coro table.splash {
text-align: center;
}

/* excerpt
-----------*/
table.excerpt {
text-align: center;
}

table.excerpt td.content {
text-align: left;
border-top: 2px solid #999;
}

table.excerpt ul {
margin-bottom: 10px;
}

/* pet pics
--------------*/
.petpics td {
width: 50%;
}

table.petpics {
text-align: center;
margin: 20px 0 20px 0;
}

table.petpics td {
vertical-align: top;
padding: 5px;
text-align: center;
}

table.petpics p {
vertical-align: bottom;
text-align: center;
}

table.petpics td {
border: 2px solid black;
}

/* thank you 
----------------*/
table.thankyou td {
border: none;
}

table.thankyou {
text-align: center;
}


/* tour photo
--------------*/
.tourphoto td.twocol {
width: 50%;
}

table.tourphoto {
text-align: center;
}

table.tourphoto td {
vertical-align: top;
padding: 5px;
text-align: center;
}

table.tourphoto p {
vertical-align: bottom;
text-align: center;
}

td.tdborder {
border: 1px solid black;
}

/* video
---------*/
table.video {
text-align: center;
}

table.video td {
padding: 10px;
}

/* re-release overview table */
table.rerecovers td {
vertical-align: top;
padding: 5px;
text-align: center;
border: 2px solid #fe7ffa;
}
/* end Tables */


/* Styles for printing
-----------------------*/
@media print {

	#header, #navigation, #topright, #footer {
	display: none;
	}
	
	.novelslist .coming {
	color: #000 !important ;
	}
	
	.novelslist .rere {
	color: #000 !important ;
	}
}

