/* CSS Document */

/* general and override some browser defaults */

* {
	margin: 0px;
	padding: 0px;
}

img {
	display: block;
	border: none;
}

ul {
	list-style: none;
}

/* layout and colors ---------------------------------------------------------- */


body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	color: #333333;
}

body#home {
	background-image:url(images/background.jpg);
	background-repeat: repeat;
}

body#about, body#books, body#media, body#contact, body#photos, body#tributes, body#appearances, body#about2, body#books2, body#media2, body#contact2, body#photos2, body#tributes2, body#appearances2, body#error {
	background-image: url(images/background2.jpg);
	background-repeat: repeat;
}

#container { 
	width: 800px;  
	background: #fcfaed;
	margin: 0px auto 800px auto; 
	text-align: left; 
} 

#content { 
	margin: 0px; 
	padding: 0px; 
} 

#mainnav {
	background-image: url(images/background2.jpg);
	background-repeat: repeat;
	padding: 5px 0px 0px 0px;
	font-size: .75em;
	font-weight: bold;
}

#footer {
	clear: both; 
	padding: 5px; 
	background-image: url(images/background2.jpg);
	background-repeat: repeat;
	font-size: .7em;
	text-align: right;
	margin-top: 20px;
} 

.floatright { 
	float: right;
	margin: 0px 0px 10px 20px;
}

.floatrightmargin { 
	float: right;
	margin: 10px 0px 10px 20px;
}

.floatleft { 
	float: left;
	margin: 0px 20px 10px 0px;
}

.floatleftmargin { 
	float: left;
	margin: 10px 20px 10px 0px;
}

.floatleft200 { 
	width: 200px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.floatleftmargin200 { 
	width: 200px;
	float: left;
	margin: 10px 20px 10px 0px;
}

.floatright200 { 
	width: 200px;
	float: right;
	margin: 0px 0px 10px 20px;
}

.floatrightmargin200 { 
	width: 200px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.floatleft250 { 
	width: 250px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.floatleftmargin250 { 
	width: 250px;
	float: left;
	margin: 10px 20px 10px 0px;
}

.floatright250 { 
	width: 250px;
	float: right;
	margin: 0px 0px 10px 20px;
}

.floatrightmargin250 { 
	width: 250px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.floatleft300 { 
	width: 300px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.floatleftmargin300 { 
	width: 300px;
	float: left;
	margin: 10px 20px 10px 0px;
}

.floatright300 { 
	width: 300px;
	float: right;
	margin: 0px 0px 10px 20px;
}

.floatrightmargin300 { 
	width: 300px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.floatleft400 { 
	width: 400px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.floatleftmargin400 { 
	width: 400px;
	float: left;
	margin: 10px 20px 10px 0px;
}

.floatright400 { 
	width: 400px;
	float: right;
	margin: 0px 0px 10px 20px;
}

.floatrightmargin400 { 
	width: 400px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.floatleft500 { 
	width: 500px;
	float: left;
	margin: 0px 20px 10px 0px;
}

.floatleftmargin500 { 
	width: 500px;
	float: left;
	margin: 10px 20px 10px 0px;
}

.floatright500 { 
	width: 500px;
	float: right;
	margin: 0px 0px 10px 20px;
}

.floatrightmargin500 { 
	width: 500px;
	float: right;
	margin: 10px 0px 10px 20px;
}

.contactform {
padding: 20px;
}

/* header treatment ---------------------------------------------------------- */

#home #header { 
	height: 180px;
}

#about #header, #books #header, #media #header, #contact #header, #photos #header, #tributes #header, #appearances #header, #about2 #header, #books2 #header, #media2 #header, #contact2 #header, #photos2 #header, #tributes2 #header, #appearances2 #header, #error #header{ 
	height: 90px;
}

#home h1 {
	height: 180px;
	position: relative;
	overflow: hidden;
}

#about h1, #books h1, #media h1, #contact h1, #photos h1, #tributes h1, #appearances h1, #about2 h1, #books2 h1, #media2 h1, #contact2 h1, #photos2 h1, #tributes2 h1, #appearances2 h1, #error h1 {
	height: 90px;
	position: relative;
	overflow: hidden;
}

h1 span {
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#home h1 span {
	background-color: #afb7e1;
	background-image: url(images/ab-header.jpg);
}

#about h1 span, #books h1 span, #media h1 span, #contact h1 span, #photos h1 span, #tributes h1 span, #appearances h1 span, #about2 h1 span, #books2 h1 span, #media2 h1 span, #contact2 h1 span, #photos2 h1 span, #tributes2 h1 span, #appearances2 h1 span, #error h1 span {
	background-color: #96a0d5;
	background-image: url(images/ab-header2.jpg);
}

#highlightsidebar {
	float: right; 
	width: 200px; 
	background: #ffde86;
	margin-left: 10px; 
}

#highlightsidebar2 {
	float: right; 
	width: 200px; 
	background: #b9dcd5;
	margin-left: 10px; 
}

#contactsidebar {
	float: right; 
	width: 300px; 
	background: #ffde86;
	margin-left: 10px; 
}

.quoteright, .quoteleft {
	background: url(images/quote1.gif) left top no-repeat;
	float: right;
	width: 380px;
	margin-top: 30px;
	padding: 0px 20px 20px 50px;
}

.quoteright {
	float: right;
}

.quoteleft {
	float: left;
}

.quoteright p, .quoteleft p {
 background: transparent url(images/quote2.gif) right bottom no-repeat;
	margin: 0px;
	padding-right: 40px;
	font-size: .95em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	color: #663333;
	line-height: 2em;
}


/* typography ---------------------------------------------------------- */

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
	margin: 20px 20px 0px 20px;
	color: #663333;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #663333;
	text-decoration: none;
}

.clear {
	clear: both;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: .9em;
	margin: 20px 20px 0px 20px;
	color: #663333;
}

p {
	font-size: .85em;
	line-height: 1.6em;
	margin: 20px 20px 0px 20px;
}

p.text2 {
	margin: 0px 20px 0px 20px;
	text-indent: 60px;
}

p.small {
	font-size: .75em;
}

p.imgcaption, p.formlabel {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .7em;
	line-height: 1.2em;
	margin: 5px 5px;
}

p.formnote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .7em;
	line-height: 1.2em;
	margin: 5px 5px;
}

p.formnotethanks {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: .85em;
	line-height: 1.2em;
	margin: 5px 5px;
	color: #CC3300;
}

.required {
	font-weight: bold;
	color: #CC3300;
}

p.top, h2.top {
	padding-top: 20px;
	margin: 0px 20px 0px 20px;
}

h2.first {
	margin: 0px 20px 0px 20px;
}

h2.clear {
	clear: both;
	margin: 0px 20px 0px 20px;
}

p.first, h2.first, p.listing {
	margin: 0px 20px 0px 20px;
}

p.firstspace, p.listingspace {
	margin: 5px 20px 0px 20px;
}

p.listingdate, p.listing {
	font-weight: bold;
}

p.listingindent {
	margin: 5px 20px 0px 40px;
}

.highlighttext {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
} 

#highlightsidebar h3, #highlightsidebar2 h3, #contactsidebar h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1em;
	margin: 20px 10px 10px 10px;
	color: #663333;
}

#highlightsidebar p, #highlightsidebar2 p {
	font-size: .8em;
	margin: 10px;
}

#contactsidebar p {
	font-size: .75em;
	margin: 10px;
}




/* links treatment ---------------------------------------------------------- */

a, a:link {
	font-weight: bold;
	color: #364389;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}

.jumplink {
	font-size: .75em;
	background-image: url(images/link-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 10px;
}

.jumplink2 {
	font-size: .75em;
	background-image: url(images/link-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 10px;
	margin-top: 0px;
}

/* header link treatment ---------------------------------------------------------- */

#home #header a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #afb7e1;
	text-align: center;
	cursor: default;
}

#about #header a, #books #header a, #media #header a, #contact #header a, #photos #header a, #tributes #header a, #appearances #header a, #about2 #header a, #books2 #header a, #media2 #header a, #contact2 #header a, #photos2 #header a, #tributes2 #header a, #appearances2 #header a, #error #header a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #96a0d5;
	text-align: center;
	cursor: pointer;
}
	
/* navigation treatment top and footer ---------------------------------------------------------- */

#mainnav ul {
	padding-bottom: 5px;
	border-bottom: solid #797b92 3px;
} 

#mainnav li {
	display: inline;
	list-style: none;
	margin: 5px 12px 0px 12px;
}

#mainnav a, #mainnav a:link {
	text-decoration: none;
	color: #7b081d;
	padding-bottom: 2px;
	border-bottom: solid #8fa2d2 3px;
}

#mainnav a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: solid #fbcf21 6px;
}

#footer li {
	display: inline;
	list-style: none;
	margin: 5px 15px;
} 

#footer a, #footer a:link {
	font-weight: bold;
	text-decoration: none;
	color: #7b081d;
} 

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

/* navigation treatment for current page ---------------------------------------------------------- */

#about a.abouthere, #books a.bookshere, #media a.mediahere, #contact a.contacthere, #photos a.photoshere, #tributes a.tributeshere, #appearances a.appearanceshere {
	text-decoration: none;
	color: #ffffde;
	border-bottom: solid #28378b 6px;
	cursor: default;
}

#about2 a.abouthere, #books2 a.bookshere, #media2 a.mediahere, #contact2 a.contacthere, #photos2 a.photoshere, #tributes2 a.tributeshere, #appearances2 a.appearanceshere {
	text-decoration: none;
	color: #ffffde;
	border-bottom: solid #28378b 6px;
	cursor: pointer;
}

#about2 a.abouthere:hover, #books2 a.bookshere:hover, #media2 a.mediahere:hover, #contact2 a.contacthere:hover, #photos2 a.photoshere:hover, #tributes2 a.tributeshere:hover, #appearances2 a.appearanceshere:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: solid #fbcf21 6px;
	cursor: pointer;
}

	
/* galleria CSS ------------------------------------------------------------------------ */

.galleria_container {
	float: right;
}

.galleria {
 list-style: none;
	width: 200px
}

.galleria li {
 display: block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0
}

.galleria li a {
 display: none
}

.galleria li div {
 position: absolute;
	display: none;
	top: 0;
	left: 180px
}

.galleria li div img {
 cursor: pointer
}

.galleria li.active div img,.galleria li.active div {
 display: block
}

.galleria li img.thumb {
 cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto
}

.galleria li .caption {
 display: block;
	margin-top: 10px;
}

* html .galleria li div span {  /* MSIE bug */
 width: 400px
}

.gallerynav {
 clear: both;
}

.gallerynav {
	position:absolute;
	width: 220px;
	top:400px;
	left:0;
}

.gallerynav p.previousnext {
	font-size: .75em;
}

.slideshow {
 position: relative;
 margin-top: 1em;
}

.gallery {
 width: 130px;
	margin-left: 20px;
}

.gallery li {
 width: 55px;
 height: 55px;
 border: 3px solid #fff;
 margin: 0 3px 3px 0;
 background: #fff;
}

.gallery li.hover {
 border-color: #FF6600;
}

.gallery li.active {
 border-style: solid;
 border-color: #999;
}


.caption {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .75em;
	line-height: 1.2em;
	margin: 5px 100px 5px 5px;
}
	
.galleria_container {
 margin: 0 auto 40px auto;
 height: 500px;
 width: 600px;
 float: right;
	padding-bottom: 5px;
}