/* This style has booklist (bulleted) as well as horizlist (inline)  */
body {    margin-left:1em; margin-right:1em; margin-top:0.5em;
		background-color:#ffc; color:#000033;
}

.cover_img  { float:right; margin: 0 1em 1em 1em; font-size:0.7em; 
		font-style:italic; /*display:block;*/ text-align:center; 
}

.navbartop { /* thin "you are here" navigation bar for top of screen */
		font-family:Arial,Helvetica,Verdana,sans-serif; 
		/* position:fixed;top:0; */ width:80%; background-color:#FFFFCC; 
		border-bottom: thin solid black; font-size:0.75em; 
}

.navbarbot { /* centered link to the 4 basics, hovers at bottom */
		font-family:Arial,Helvetica,Verdana,sans-serif; 
		text-align:center; font-size:0.85em;
		/* bad on ipad: position:fixed; bottom:0; left:30%; */
		background-color:#FFFFCC;
}

.authordata { 
	margin: 1.5em 0 0 0; 
	height:auto; /* firefox 4 needs this to make clear:both work */
	clear:both;  /* to push down beneath any floating images. firefox 4 also needs height:auto */
	font-family:Georgia, 'Times New Roman', Times, serif; 
}

.authorname { font-weight:bold; font-size:1.1em; }

.booktitle { font-style:italic; font-weight:bold;}

.booksubtitle { font-size:0.8em; font-style:italic;  
		/* can use this as sub span w/in the title */}

.classheading { /* for <h2>Class of 2003</h2> */
	height:auto; /* firefox 4 needs this to make clear:both work */
	clear:both;  /* to push down beneath any floating images. firefox 4 also needs height:auto */
	margin-top:3em;
	border-top: 2px solid #CCC;
	font-size: 1.5em;
	font-weight:bold;
	text-align: center;
}

.relation {   }

.docdate { text-align:right; font-size:0.8em; font-family:Arial,Helvetica,Verdana,sans-serif; }
	
.new_authors  {    border: thin solid black; padding: 0em 0.5em;  }

/* 
Now using css descendant selector to specify that all 'p' that are directly
enclosed within the new_authors zone should be floating. Might not float in 
ff2 or ie < 8, but won't look worse in them than before, and will look better
in modern browsers.  
See http://vivifystudios.com/articles-css-inline-block/  for more info. */
.new_authors  > p {  display: inline-block; vertical-align:top; border: thin solid #ccc;  width:10em; }



.class_list { background-color: #FC3; /* pale orange */ /* border: thin solid black; */ }

/* our special bullet list */
.booklist { 
	padding: 0 1px 0.5em 1px; 
	margin-top: 0em; margin-left: 0;  
	/*display: inline; */ 
	/*padding: 0 1px 0.5em 1px; */
}

.booklist li { 
	list-style: none; 
	margin: 4px; /* was 0; */ 
	padding: 0.1em 0.2em 0.1em 0.3em; 
	border-left: 0.5em solid #CCC ; 
	/*display: inline; */
}

/* following are for navigation lists which appear on one line.
(These used to be #navlist   and chosen by [li id="navlist"> but the drawback
with using id is that id's have to be unique on the page, so you're allowed 
only one id=navlist on a page but as many class="navlist" as you want.)
To use them, say  [ul class="horizlist">  and then [li> or [li class="here"> */
.horizlist { display: inline;  padding: 0 1px 0.5em 1px; margin-left: 0;  }

.horizlist li { 
	list-style: none; margin: 0;
	display: inline; /* was border-top: 1px solid gray; */
	padding: 0.1em 0.2em 0.1em 0.3em; border-left: 0.5em solid #CCC; 
}

.horizlist li a { /* wasbackground: #CDC; */
/* padding: 0.1em 0.2em 0.1em 0.3em; border-left: 0.5em solid #AAB; */
        /* text-decoration: none; */ }

.horizlist li a:link { /* color: #333; */}
.horizlist li a:visited { color: #669; }
.horizlist li a:active  { color: #69C; }
.horizlist li a:hover { border-color: #FE3; /* color: #FFF; background: #332;*/ }

.here a:link, .here a:visited, .here a:hover
      {  /*border: 1px solid #333;  background-color: #F6F; */
      border-left: 0.5em solid #996;
      background-image: url(images/l1_over.gif); color: #333;    }