/* ----------------------------------------------------------------------------------- */
/* BODY                                                                                */
/* ----------------------------------------------------------------------------------- */
body {
	background: #55535C;
	background: url(../../images/bg_page.jpg) top center;
	margin: 0px;
	padding: 0px;
	font: 12px/1.6 "Georgia", "Times New Roman", serif;
}

/* ----------------------------------------------------------------------------------- */
/* DESIGN CONTAINERS                                                                   */
/* ----------------------------------------------------------------------------------- */
#containerBG {
	width: 100%;
	margin: 0px auto;
	background: url(../../images/bg_page_s.jpg) top center;
}
#container {
	width: 750px;
	margin: 0px auto;
	background: url(../../images/bg_main.jpg) repeat-y top left;
}

/* ----------------------------------------------------------------------------------- */
/* HEADER                                                                              */
/* ----------------------------------------------------------------------------------- */
#header {
	height: 60px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	background: url(../../images/bg_header.jpg) no-repeat top left;
}

/* -- Main Navigation ---------------------------------------------------------------- */
ul#nav {
	height: 43px;
	margin: 0px 0px 0px 218px;
	padding: 17px 0px 0px 0px;
	position: relative;
}
ul#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	height: 43px;
	display: block;
	top: 35px;
}
ul#nav a {
	text-decoration: none;
	text-indent: -9999px;
	height: 43px;
	display: block; 
}

/* Set item locations */
#nav-home			{ left: 0;     width: 72px; }
#nav-blog			{
	left: 66px;
	width: 56px;
}
#nav-about			{ left: 128px; width: 63px; }
#nav-appearances	{ left: 191px; width: 100px; }
#nav-books			{ left: 291px; width: 66px; }
#nav-contact		{ left: 357px; width: 72px; }
#nav-links			{ left: 429px; width: 57px; }

/* Set background images */
#nav-home a			{ background-image: url(../../images/nav_home.jpg); }
#nav-blog a			{ background-image: url(../../images/nav_blog.jpg); }
#nav-about a		{ background-image: url(../../images/nav_about.jpg); }
#nav-appearances a	{ background-image: url(../../images/nav_appearances.jpg); }
#nav-books a		{ background-image: url(../../images/nav_books.jpg); }
#nav-contact a		{ background-image: url(../../images/nav_contact.jpg); }
#nav-links a		{ background-image: url(../../images/nav_links.jpg); }

/* Set hover postion */
ul#nav a:hover		{ background-position: 0px -43px; }

/* Set "you are here" position */
body#home #nav-home a				{ background-position: 0px -86px; }
body#blog #nav-blog a				{ background-position: 0px -86px; }
body#about #nav-about a				{ background-position: 0px -86px; }
body#appearances #nav-appearances a	{ background-position: 0px -86px; }
body#books #nav-books a				{ background-position: 0px -86px; }
body#contact #nav-contact a			{ background-position: 0px -86px; }
body#links #nav-links a				{ background-position: 0px -86px; }

/* ----------------------------------------------------------------------------------- */
/* LEFT COLUMN                                                                         */
/* ----------------------------------------------------------------------------------- */
#left {
	float: top left;
	width: 218px;
	padding: 0;
	margin: 0;
	font-size: 11px;
;
}

/* -- Sub-Navigation------------------------------------------------------------------ */
ul#subnav {
	margin: 0px 0 0 21px;
	padding: 0;
	text-align: right;
}
ul#subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#subnav a, ul#subnav a:visited, ul#subnav a:link {
	text-decoration: none;
	display: block;
	background-color: #D9CAA3;
	padding: 5px 8px 5px 0px;
	color: #666;
	height: 18px;
}
ul#subnav a:hover {
	text-decoration: none;
	background-color: #E8DEC3;
}
ul#subnav li#current a { background-color: #F5F1E5; }

/* ----------------------------------------------------------------------------------- */
/* CONTENT COLUMN                                                                      */
/* ----------------------------------------------------------------------------------- */
#content {
	margin: 0 0 0 5px;
	padding: 5px 20px 10px 40px;
	background: #F5F1E5;
	/* width: 420px; */
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #left {
	margin-right: -3px;
}
 
* html #content {
	height: 1%;
	margin-left: 0;
}
/* End hide from IE5/mac */

/* ----------------------------------------------------------------------------------- */
/* FOOTER                                                                              */
/* ----------------------------------------------------------------------------------- */
#footer {
	font-size: 11px;
	color: #999;
	padding: 12px;
	background-color: #282828;
}
#footer a, #footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
#footerSitemeter {
	float: right;
	vertical-align: top;
}
#footerSitemeter img { vertical-align: bottom; }

/* ----------------------------------------------------------------------------------- */
/* MISC                                                                                */
/* ----------------------------------------------------------------------------------- */
#content h1 {
	font-size: 21px;
	color: #aaa;
	border-bottom: 1px solid #ccc;
}
#content h2 {
	font-size: 15px;
	color: #BBAA8A;
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 0.5em;
}
#content blockquote {
	color: #555;
	margin-left: 0;
	padding-left: 30px;
	padding-bottom: 7px;
	background: url(../../images/bg_quote.jpg) no-repeat 0 3px;
}
#content blockquote.bookAdj {
	margin-left: 105px;
}
#content ul {
	margin: 0px 0px 0px 5px;
	padding: 0;
	list-style-type: none;
}
#content ul li {
	line-height: 1.60em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 15px;
	background:  url(../../images/bullet_2.gif) no-repeat 0em 0.4em;
}
#content img.thumbR {	
	float: right;
	background: #fff;
	margin-left: 12px;
	margin-bottom: 2px;
	margin-top: .5em;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
#content img.thumbL {	
	float: left;
	background: #fff;
	margin-right: 12px;
	margin-bottom: 2px;
	margin-top: .5em;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
#content .figure {
	float: left;
	margin: 0 12px 0px 0px;
	text-align: center;
}
#content .figure dt img {
	margin: 0 0 3px 0;
	padding: 3px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#content dl dd {
	margin: 0;
	padding: 0;
}
#content li p {
	margin: 0;
	padding: 0;
}
#content p a, #content p a:link, #content p a:visited, #content li a, #content li a:link, #content li a:visited {
	color: #982417;
	border-bottom: 1px dashed #930;
	text-decoration: none;
}
#content p a:hover, #content p a:active, #content li a:hover, #content li a:active {
	border-bottom: 1px solid #930;
}
#content .figure a img, #content .figure a:link img, #content .figure a:visited img{
	border: 1px solid #ddd;
}
#content p.indent {
	margin-left: 20px;
}
.txtSmallGrey {
	font-size: 11px;
	color: #666;
}
.txtSmall {
	font-size: 11px;
}
.txtBlack {	color: #000; }
.txtGrey { color: #888; }
.txtRed { color: #930; }

#clearAll {
	clear: both;
}

/* -- Expandable/Collapsable Content ------------------------------------------------- */
.save_noimage {
  	behavior: url("#default#savehistory");
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #dedede;
}
.save {
	behavior: url("#default#savehistory");
	padding: 5px 0 10px 0;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #dedede;
	min-height: 190px;
}
/* KHTML and Mac IE 5 ignore the following */
@media ScReEn, projection {
	/* minimum height for WinIE */
	.save {
	  height: 190px;
	}
	/* Windows IE ignores the following */
	html>body .save {
	  height: auto;
	}
} /* end ScReEn rules */
.dspcont {
	display: none;
}