/*2014-01-32: proto towards the final model for all five books.*/
/*2014-01-29 THIS lhw_book1_12-Rework1.css from css below:*/
/* OLD: ccs_text_file: cat-4-3_lhw-mod.css  2010-04-17. */
/*Figure and Caption technique and now proto for the final model.*/

/* Positioning */
body {
	margin-left:1em; padding:0; }
article#book1 { }
#wrap {	
	max-width: 800px; min-width: 480px;
	background-image: url(Book_1_images/book_one_cover_5934.gif); 
	background-position: left top; background-repeat:repeat; width:90%;	margin:20px auto;
	padding: 0 20px 0 0;	} 
#screen {
	background:white; padding:0px 10px 10px 3px; margin-left:10px; }  
	
/* Text styles and apearances:  */
body, h1,h3, h4,p {
	font-family:  Calibri, Verdana, Arial, sans-serif ;  font-weight:normal }
h1,h2,h3,h4,p {
		width:300px;}
h1,h2,h4 {
	margin:0; padding: .75em 0 0}
h1 { 
	font-family: Cambria, Arial, "New Times Roman"; text-align:center; font-weight: bold;}
h2 {
	font-family: Cambria; text-align:center; color:black; font-weight:400; font-style: normal;}
h3 {
	font-family: Cambria; color:black; font-style:normal; font-weight:400; margin-bottom:0.3em;}  /* #2D73B9; border-top: 1px solid #2D73B9;*/
h2, h4 { padding:0 0 0 }

#left { 
	margin-left: 0.1em;	}
#right {
	float:right;}

figure#targetFig { position:fixed; top: 0.5em;
	margin-left:350px; width: 450px; height: auto; border: 2px solid teal; }
figure#targetFig  > img { 
	width:450px; height:auto ; cursor:crosshair;}
figure { 
	margin-left:10px; margin-top: 1px; margin-right: 1em; float:left;  height: 90px; width: auto;  }
figcaption { 
	text-align:center; }
figure > img{
	 cursor:pointer; }
figure + p { 
	font-family:Calibri;  font-style:italic; color:teal; margin-bottom: 0.5em; }
p + p {
	font-family:Cambria; border-bottom: 1px solid black; padding-bottom:0.5em; }
#imgtext {
	font-size: 100%; font-family:Calibri; font-style:italic; color:teal;}
/* Navigation: */
#nav_bar_horz li {
	display: inline }
#nav_bar_horz li a { 
	text-decoration: none; padding: 1px; color: #777}
#sidebar {
	margin-left: 74%; background:aqua; padding: 4px;}
a:link {
	color:navy; font-family:cursive; text-decoration:none; font-size:85%;} 
a:hover {
	font-style:italic; }
a:visited {
	color:purple;}

/* Classes below:  */
.q {
	font-style: italic; margin: 10px 0 0; width:70% } 
.a {
	padding-left: 30px; width:80% } 

.navbardiv{ 
	clear:left;  height: auto; width: 350px;}
.imagediv{ 
	clear:left; height: auto; border-left: 1px dotted black; padding-left:0.5em;}

/*END addition*/
/* ============================= THE END ============== */