/* Jo-Ellen Bosson main style sheet */
  /* 
  Lt. purple - #877fc8
  Dk purple - #623fa3
  Lt. blue - #434cd9
  Dk blue - #2238b2
  Lt. turq. - #48afda
  Dk turq - #167ea5
  */
html {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	border: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	/* height: 100%; */
	/* font sizing in ems. If you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #f3eac9;
	background-image: url('../el/bg-1600x175.gif');
	background-repeat: repeat-y;
	background-position: 50% 0%;
	}
div {
	margin: 0;
	padding: 0;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i*ll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/************** typography ***************************************/

/************ links **************************/
a {
	text-decoration: none;
	font-weight: 400;
	color: #0000CC;
	background-color: transparent;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
.screenshot {
	border: 1px solid blue;
	padding: 6px;
	background-color: white;
	color: #000;
	}

.gallerysubmenu {
	position: relative;
	text-align: left;
	text-indent: 0;
	padding: 0 2em 0 0;
	margin: 0 auto 0 0;
	color: #C9DCE3;
	}
.printsgallerysubmenu {
	position: relative;
	text-align: left;
	text-indent: 0;
	padding: 0 2em 0 0;
	margin: 1ex auto 0 0;
	color: #C9DCE3;
	}
.gallerybreadcrumbs {
	position: relative;
	font-size: .95em;
	text-align: left;
	text-indent: 0;
	padding: 8px 0 0 2em;
	margin: 0 0 0 auto;
	color: gray;
	}
.licensing-collections {
	text-align: center;
	margin: 1ex 8em 1ex 0;
	}
h2.submenu {
	display: inline;
	color: navy;
	font-style: italic;
	font-size: 1.1em;
	font-weight: 600;
	margin: 12px 0 10px 0;
	}
h2.licensing-submenu {
	display: block;
	color: navy;
	font-style: italic;
	font-size: 1.1em;
	font-weight: 600;
	margin: 6px 0 10px 0;
	}
.gallerysubmenu a, .printsgallerysubmenu a, .gallerybreadcrumbs a {
	color: #2238b2;
	padding: 0 1ex 0 1ex;
	}
.gallerysubmenu a:link,  .printsgallerysubmenu a:link, .gallerybreadcrumbs a:link {
	color: #2238b2;
	}	
.gallerysubmenu a:visited,  .printsgallerysubmenu a:visited, .gallerybreadcrumbs a:visited {
	color: #877fc8;
	}		
.gallerysubmenu a:hover,  .printsgallerysubmenu a:hover, .gallerybreadcrumbs a:hover {
	color: green;
	}
.gallerysubmenu a:active,  .printsgallerysubmenu a:active, .gallerybreadcrumbs a:active {
	color: #822626;
	}
	
/****************** basic elements *********************************/
h1, h2, h3, h4, h5, h6 {
	position: relative;
	}
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h1.storeheading {
	color: #434cd9;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	padding-right: 200px;
	font-size: 1.4em;
	}
h1.bioheading {
	position: relative;
	/* left: -160px; */
	color: #623fa3;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	/* padding-right: 200px; */
	font-size: 1.4em;
	}
h1.licensingheading {
	color: #2238b2;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	padding-right: 200px;
	font-size: 1.4em;
	}
h1.portfolioheading {
	color: #167ea5;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	padding-right: 200px;
	font-size: 1.4em;
	}
h1.contactheading {
	color: #48afda;
	background-color: transparent;
	font-style: italic;
	font-weight: 700;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1ex;
	margin-bottom: 1ex;
	text-align: center;
	font-size: 1.4em;
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
	
/* ---- lists ------------------------------------- */
ol, ul {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	text-indent: -1.5em;
	padding-left:1.3em;
	}
ul.top {
	/* list-style-image: url(../pageel/listdot1.gif); */
	list-style-type: none;
	margin-bottom: 1em;
	}
ul.menulist {
	list-style: disc inside;
	}
ul.menulist li {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #48afda;
	}
ul.second {
	/* list-style-image: url(../pageel/listdot2.gif); */
	list-style-type: none;
	}
dl.dict, dt.dict {
	font-family: georgia, times, "times new roman", serif;
	font-size: 1.2em;
	line-height: 1.8em;
	list-style-type: decimal;
	color: #440066;
	background-color: transparent;
	}
dd.dict {
	font-family: georgia, times, "times new roman", serif;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-type: decimal;
	text-indent: -1.5em;
	color: #440066;
	background-color: transparent;
	}
li p {
	margin-top: 0.2em;
	}

p {
	font-size: 1.15em;
	line-height: 1.35em;
	margin: 1.2em 0em 1.2em 0em;
	/* text-indent: 1.3em; */
	/* text-align: justify; */
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i*m not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
/***typography classes********************************************************/

/***alignment and indentation, mostly for paragraphs***/
  .ind { text-indent: 1.3em; }
  .noInd { text-indent: 0; }
  .hangInd { text-indent: -1.5em; margin-left: 1.5em; }
  .just { text-align: justify; }
  .ltJust { text-align: left; }
  .rtJust { text-align: right; text-indent: 0; }
  .ctJust { text-align: center; text-indent: 0; }
  .blockIn { margin: 1.2em 2em 1.2em 2em; }
  
  .inset0 { margin: 1ex	auto 2em 0; }
  .inset10px { margin: 1ex	auto 2em 10px; }
  .inset20px { margin: 1ex	auto 2em 20px; }
  .inset30px { margin: 1ex	auto 2em 30px; }
  .inset40px { margin: 1ex	auto 2em 40px; }
  
  .floatL { float: left; padding: .5em 1em 1ex 0; }
  .floatR { float: right; }

.quote {
	color: navy;
	background-color: transparent;
	font-style: italic;
	}
.note {	
	color: navy;
	text-indent: 0;
	font-size: .95em;
	line-height: 1.3em;
	margin: 0;
	}
.notei {	
	color: navy;
	text-indent: 0;
	font-size: .95em;
	font-style: italic;
	line-height: 1.3em;
	margin: 0;
	}
.hint {	
	color: #060;
	text-indent: 0;
	font-size: .95em;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	}
.hinti {	
	color: #060;
	text-indent: 0;
	font-size: .95em;
	font-style: italic;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	}
	
/************ layout specs **********************************/
#headingpic {
	 padding: 20px 0 0 50px;
	}

/*** functionality bits *******************************************************/
u {
	text-decoration: none;
	color: #0000CC;
	background-color: transparent;
	cursor: pointer;
	}
.u {
	text-decoration: underline;
	color: #0000CC;
	background-color: transparent;
	cursor: pointer;
	}
.ublue {
	text-decoration: underline;
	color: blue;
	background-color: transparent;
	cursor: pointer;
	}
h5 u, li u {
	font-weight: 400;
	padding-left: 1em;
	text-decoration: none;
	color: #0000CC;
	background-color: transparent;
	cursor: pointer;
	}
.switch {
	vertical-align: -4px;
	cursor: pointer;
	}
.janus {
	unicode-bidi: bidi-override; 
	direction: rtl;
	}
.not {
	display: none;
	}
.showing {
	display: block;
	}
.notshowing {
	display: none;
	}
/*** structural page elements *************************************************/

#aDiv { /* lowest; page background */
	position: relative;
	/* height: 100%; */
	color: #000;
	background-color: transparent;
	/* background-image: url('../el/bg-1600x175.gif');
	background-repeat: repeat-y;
	background-position: 50% 0%; */
	z-index: 1;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#bDiv { /* for right border */
	position: relative;	
	/* height: 100%; */
	background-color: transparent;
   /* background-image: url('../el/borderArtExample160x400.gif'); 
	background-repeat: repeat-y;
	background-position: 800px 0px; */
	color: #000;
	z-index: 2;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#cDiv { /* ? */
	position: relative;
	color: #000;
	/* height: 100%; */
	background-color: transparent;
	/* background-image: url('../el/bg-1600x175.gif');
	background-repeat: repeat-y;
	background-position: 50% 0%; */
	z-index: 3;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#dDiv { /* left-justified page-wide div */
	position: relative;
	color: #000;
	/* height: 100%; */
	background-color: transparent; 
	/*background-image: url(../el/creampx.gif);
	background-repeat: repeat;
	background-position: top left; */
	border-width: 0 0 0 0;
	border-style: dashed;
	border-color: red;
	width: 764px;
	margin: 0 auto 0 auto;
	padding: 100px 0px 2em 0px; /* room for header */
	z-index: 4;
	}
	
#maincontent {
	position: relative;
	margin: 0 0 0 auto;
	width: 400px;
	padding:0 0 0 10px;
	/* border: 1px dashed silver; */
	}
#pageimage {
	position: absolute;
	top: 180px;
	left: 0px;
	z-index: 10;
	/* border: 1px dashed pink; */
	}
img.prop {position:relative; height:470px; width:1px;  float:right; z-index:0;}
#maingallerycontent img.prop {position:relative; height:400px; width:1px;  float:right; z-index:0;}
#bottomborder {
	position: relative;
	color: #000;
	background-color: transparent;
	width: 100%;
	height: 44px;
	bottom: 0px;
	background-image: url('../px.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	}
	
/* ---------- header specs ---------------------------------------------- */

#header {
	position: absolute;
	left: 0px;
	top: 6px;
	width: 766px;
	height: 80px;
	/* border: 1px dashed red; */
	margin-left: 0px;
	z-index: 80;
	color: #000;
	background: transparent;
	/* background-image: url(../el/header-TEMP-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; */
	}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	}
#mainmenu {
	position: absolute;
	top: 0px;
	left: 382px;
	z-index: 80;
	width: 380px;
	height: 80px;
	color: #000;
	background-color: transparent;
	/* border: 1px dashed red; */
	}
.top-link {
	position: absolute;
	overflow: hidden;
	}
.top-link-a {
	position: absolute;
	}
#home-link {
	overflow: hidden;
	width: 100px;
	height: 45px;
	left: 20px;
	top: -2px;
	}
#home-link a {
	background: transparent url(../links/home-200x45.gif) no-repeat 0px 0px;
	}
#home-link a:hover {
	background-position: -100px 0px;
	}
#bio-link {
	overflow: hidden;
	width: 60px;
	height: 45px;
	left: 136px;
	top: -4px;
	}
#bio-link a {
	background: transparent url(../links/bio-120x45.gif) no-repeat 0px 0px;
	}
#bio-link a:hover {
	background-position: -60px 0px;
	}
#licensing-link {
	overflow: hidden;
	width: 150px;
	height: 45px;
	left: 210px;
	top: 2px;
	}
#licensing-link a {
	background: transparent url(../links/licensing-300x45.gif) no-repeat 0px 0px;
	}
#licensing-link a:hover {
	background-position: -150px 0px;
	}
#store-link {
	overflow: hidden;
	width: 100px;
	height: 45px;
	left: -5px;
	top: 33px;
	}
#store-link a {
	background: transparent url(../links/store-200x45.gif) no-repeat 0px 0px;
	}
#store-link a:hover {
	background-position: -100px 0px;
	}
#portfolio-link {
	overflow: hidden;
	width: 160px;
	height: 45px;
	left: 92px;
	top: 33px;
	}
#portfolio-link a {
	background: transparent url(../links/portfolio-320x45.gif) no-repeat 0px 0px;
	}
#portfolio-link a:hover {
	background-position: -160px 0px;
	}
#contact-link {
	overflow: hidden;
	width: 130px;
	height: 45px;
	left: 251px;
	top: 36px;
	}
#contact-link a {
	background: transparent url(../links/contact-260x45.gif) no-repeat 0px 0px;
	}
#contact-link a:hover {
	background-position: -130px 0px;
	}

#header a {
	/* position: absolute;
	top: 0; left: 0; */
	text-decoration: none;
	color: #000;
	/* background: transparent; */
	/* background-image: url(../el/px.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%; */
	/* border:1px solid lime; */
	/* font-size: 40px; */
	}
#header a:link {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
#header a:visited {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
#header a:active {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
#header a:hover {
	/* background: transparent url(../el/px.gif) no-repeat 50% 50%; */
	}
/* --- footer styles --------------------------------------------------- */

#footer {
	/* display: none; */
	position: relative;
	color: gray;
	background-color: transparent;
	background-image: url(../px.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	z-index: 102;
	/* left: 50%;
	top: 100%; */
	width: 760px;
	margin: 0 auto 0 auto/* -380px */;
	padding: 3em 0 1em 0;
	text-align: center;
	border: 0px solid #D9E9EF;
	}
#footer p {
	font-size: .85em;
	line-height: 1em;
	margin: 1ex 0em .8em 0em;
	text-indent: 0em;
	text-align: center;
	}
#websiteby {
	padding-bottom: 4px;
	line-height: 1.2em;
	}
#websiteby span {
	padding-bottom: 1px;
	}
#websiteby a {
	text-decoration: none;
	}
#websiteby a:hover {
	word-spacing: normal;
	color: #ff4b4b;
	text-decoration: none;
	border-bottom: 1px solid #f3eac9;
	display: inline-block;
	overflow: visible;
	}
#websiteby a span {
	display: inline-block;
	cursor: pointer;	
	}
#websiteby span {
	display: inline-block;
	}
#websiteby span.by {
	border-bottom: 1px solid #f3eac9;
	display: inline;
	}
#websiteby a span.www {
	border-bottom: 1px solid #f3eac9;
	display: none;
	}
#websiteby a span.anchortext {
	border-bottom: 1px solid #f3eac9;
	display: inline;
	}
#websiteby a span.design {
	border-bottom: 1px solid #f3eac9;
	display: inline;
	}
#websiteby a span.newwindow {
	border-bottom: 1px solid #f3eac9;
	padding-left: .5em;
	visibility: hidden;
	}
#websiteby a:hover span.www {
	display: inline;
	border-bottom: 1px solid #ffa5a5;
	}
#websiteby a:hover span.anchortext {
	display: inline;
	border-bottom: 1px solid #ffa5a5;
	word-spacing: -.4em;
	/* text-transform: lowercase; */
	}
#websiteby a:hover span.design {
	display: none;
	}
#websiteby a:hover span.newwindow {
	text-decoration: none;
	border-bottom: 0px solid #0000CC;
	padding-left: .7em;
	visibility: visible;
	}
#footmenu {
	position: relative;
	padding: 1ex 0 1ex 0;
	z-index: 99;
	border: 0px dashed red;
	}
#footmenu span {
	border-left: 1px solid #C9DCE3;
	padding-left: .8ex;
	z-index: 99;
	}
#footmenu a {
	border-right: 1px solid #C9DCE3;
	padding: 0 1ex 0 .5ex;
	text-decoration: none;
	font-weight: 400;
	color: #000;
	background-color: transparent;
	z-index: 99;
	}
#footmenu a:link {
	color: #2238b2;
	background-color: transparent;
	}
#footmenu a:visited {
	color: #877fc8;
	background-color: transparent;
	}
#footmenu a:active {
	color: #822626;
	background-color: transparent;
	}
#footmenu a:hover {
	color: green;
	background-color: transparent;
	text-decoration: underline;
	}
#w3chtml {
	/* position: absolute;
	border-width: 0px;
	left: 0px;
	bottom: 0px; */
	position: relative;
	float: left;
	}
#w3chtml a { border-width: 0px; }
#w3ccss {
	/* position: absolute;
	border-width: 0px;
	right: 0px;
	bottom: 0px; */
	position: relative;
	float: right;
	}
#w3ccss a { border-width: 0px; }

/* --- page detail stuff -------------------------------------------------- */
/* ------------------------------------------------------------------------ */

/* --- index page styles -------------------------------------- */
#maincontent.indexcontent {
	width:450px;
	margin-right: 20px;
	}
#maincontent.indexcontent p {
	font-size:1.2em;
	}
#capW {
	float:left;
	padding-right: 8px;
	}
#firstindexp {
	padding-top:56px;
	margin-top:0px;
	}
#signature {
	float:right;
	}
#birdanidiv {
	position: absolute;
	top: 120px;
	left: 10px;
	z-index: 10;
	}
#playbutton {
	position: absolute;
	top: 450px;
	left: 240px;
	z-index: 10;
	cursor: pointer;
	}

/* --- contact (reachus) page styles --------------------------------- */
.reachus p {
	font-size:1.2em;
	font-weight: 600;
	color: #623fa3;
	text-align: center;
	}
#thanks {	
	font-style: italic;
	}
#triggerline {
	font-style: normal;
	line-height: 1.6em;
	height: 30px;
	
	}
#triggerline span {
	height:100%;
	}
/* --- for gallery pages ---------------------------------------------- */

#maingallerycontent {
	position: relative;
	margin: 0 0 0 0;
	width: auto;
	padding: 6px 0 0 0;
	border: 0px dashed silver;
	}
#viewscreen { /* table to hold main image */
	position: absolute;
	left: 8px;
	width: 570px;
	height: 422px;
	border: 0px solid silver;
	}
#viewedimage {
	padding: 0px;
	background-color: #fff;
	}
#thumbnails { /* div to hold table to contain thumbnail images */
	position: relative;
	left: 0px;
	width: 180px;
	height: 422px;
	margin: 0 auto 0 576px;
	border: 0px solid silver;	
	}
#thumbinstructions { 
	position: absolute;
	left: 0px;
	top: 0px; 
	z-index: 5;
	margin: 0px auto 0 auto;
	text-align: right;
	padding: 0 2em 0 0;
	}
#thumbinstructions.nocap { 
	position: relative;
	left: -300px;
	top: 1ex; 
	}
thumbtable {
	border: 0px;
	}
#thumbtable td {
	position: relative;
	border: 0px solid #fff;
	padding: 2px;
	}
td.placeholder {
	visibility: hidden;
	}
#thumbtable div.box {
	position: relative;
	}
.number-left {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 10;
	padding: 0px 0px;
	width: 1.6em;
	text-align: center;
	background-color: #fff/* #f3eac9 */;
	color: #000;
	border-top: 0px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 0px solid silver;
	font-family: "courier new", monospace;
	font-size: .8em;
	}
.number-right {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 10;
	padding: 0px 0px;
	width: 1.6em;
	text-align: center;
	background-color: #fff/* #f3eac9 */;
	color: #000;
	border-top: 0px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 0px solid silver;
	font-family: "courier new", monospace;
	font-size: .8em;
	}
#thumbtable img {
	border: 1px solid gray;
	cursor: default;
	}
#mainimage {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 30;
	}
div.captionmask {
	position: relative;
	height: 2em;
	overflow: hidden;
	border: 0px dashed aqua;
	width: 400px;
	margin: 0 auto 0 auto;
	padding-right: 90px;
	}
ol.caption-list {
	position: absolute;
	top: 4em;
	z-index: 10;
	width: 100%;
	margin: 0em 0 0em 0;
	padding-left: 34px;
	font-size: 1em;
	line-height: 1em;
	color: #000;
	background-color: #f3eac9;
	}
ol.caption-list li {
	font-size: 1em;
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 0/* -1.5em */;
	padding-left: 0/* 1.3em */;
	}
ol.caption-list span {
	font-style: italic;
	font-weight: 700;
	}
p.licensingtext, p.printshoptext {
	width: 500px;
	margin: 3em auto 1ex auto;
	padding-right: 46px;
	color: #623fa3;
	background-color: transparent;
	font-size: 1.2em;
	font-style: italic;
	text-align: justify;
	}
p.printshoptext {
	padding-right: 0px;
	font-size: 1.1em;
	}
.licensingtext span {
	text-decoration: underline;
	}
.printshopreach {
	width: 500px;
	margin: 1em auto 1ex auto;
	color: blue;
	background-color: transparent;
	font-size: 1.1em;
	line-height: 1.3;
	text-align: center;
	}

/* --- books page list stuff -------------------------------------------- */
dl.books { position: relative; z-index: 5; }
.books dt { 
	font-style: italic;
	font-size: 1.3em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #167ea5;
	text-decoration: none;
	margin-top: 1.5em;
	margin-bottom: .2em;
	border-bottom: 1px solid #877fc8;
	width: 400px;
	position: relative;
	z-index: 5;
	}
.books dd {
	font-style: normal;
	font-size: 1.1em;
	font-weight: 400;
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: -2em;
	margin-left: 3em;
	margin-bottom: .7ex;
	line-height: 1.3em;
	position: relative;
	z-index: 5;
	}
.books dd.noInd {
	text-indent: 0em;
	margin-left: 1em;
	}
.books span.bookin {	
	text-indent: -2em;
	margin-left: 2em;
	}
dl.books dd a:link {
	color: #2238b2;
	text-decoration: none;
	}
dl.books dd a:visited {
	color: #877fc8;
	text-decoration: none;
	}
dl.books dd a:hover {
	color: #434cd9;
	text-decoration: underline;
	}
dl.books dd a:active {
	color: #C00;
	text-decoration: none;
	}
dl.books dd a span {
	color: #323232;
	font-style: italic;
	}
dl.books dd a:hover span {
	text-decoration: none;
	}
dl.books em {
	font-weight: bold;
	color: #623FA3;
	}
span.series {	
	color: #623FA3;
	}
.bookcovers img {
	padding: 2em 6px 0ex 6px;
	}

/* --- links page list stuff --------------------------------------------- */
dl.links { position: relative; z-index: 5; }
.links dt { 
	font-style: italic;
	font-size: 1.3em;
	font-weight: 700;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color: #167ea5;
	text-decoration: none;
	margin-top: 1.5em;
	margin-bottom: .2em;
	border-bottom: 1px solid #877fc8;
	width: 400px;
	position: relative;
	z-index: 5;
	}
.links dd {
	font-style: normal;
	font-size: 1.15em;
	font-weight: 400;
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	color: #000;
	text-decoration: none;
	text-indent: -2em;
	margin-left: 3em;
	line-height: 1.3em;
	position: relative;
	z-index: 5;
	}
dl.links dd a:link {
	color: #2238b2;
	text-decoration: none;
	}
dl.links dd a:visited {
	color: #877fc8;
	text-decoration: none;
	}
dl.links dd a:hover {
	color: #434cd9;
	text-decoration: underline;
	}
dl.links dd a:active {
	color: #C00;
	text-decoration: none;
	}
dl.links dd a span {
	color: #323232;
	font-style: italic;
	}
dl.links dd a:hover span {
	text-decoration: none;
	}
	
/* --- clearfix --- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */