/*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: 700px; 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: 30px 20px 0 0;	} 
#screen {
	background:white; padding:10px 10px 10px 10px; margin-left:40px; }  
	
/* 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: Gill Sans Ultra Bold; text-align:center; font-style:italic;}
h2 {
	font-family: cursive; color:navy; font-weight:normal; font-style: italic}
h3 {
	font-family: cursive; color:navy; font-style:italic;}  /* #2D73B9; border-top: 1px solid #2D73B9;*/
h2, h4 { padding:0 0 0 }

figure#targetFig { position:fixed; top: 100px;
	margin-left:350px; width: 350px; height: auto; border: 1px green solid; }
figure#targetFig  > img { 
	width:350px; height:auto ; cursor:none;}
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:cursive; font-variant:small-caps; font-style:italic; color:navy; margin-bottom:.5em; }
p + p {
	font-family:Cambria; border-bottom: 1px solid black; padding-bottom:0.5em; }
#imgtext {
	font-size: 100%; font-family:cursive; font-style:italic; font-variant:small-caps;}
	
/* 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;}
.imagediv{ 
	clear:left; height: auto; border-left: 1px dotted black; padding-left:0.5em;}

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