/* COMMON */
body {width: 100%; margin-right: auto; margin-left: auto; background-color: white; color: black;} 

a:link {color:#0000FF;} /* unvisited blue */
a:visited{color:#800080;} /* purple */
a:hover {color:#FF0000;} /* red */

img {border-style: none;}

.centerpic {display: block; margin-right: auto;	margin-left: auto;}

/* #wrapall {width:770px;margin-left: auto; margin-right: auto;} */
#wrapall {width:900px;margin-left: auto; margin-right: auto;}

/*start of header*/
#header { background-color:#F5F5DC;} /*beige*/

#header ul {margin:0px; padding:0px;list-style: none;}

div#header .breadcrumbs {float:left; margin-left:10px; font-family:"courier new", monospace; font-size: smaller;}

div#header .lastcrumb {font-weight: bold;}

#navutility{float:right; margin-right:10px; font-family:arial, sans-serif; }

#logosmall {clear: both; width: 300px; height: 36px; padding: 5px;}
/* width: 166px; */
#author {text-align:right;margin-right: 30px; font-family:"comic sans ms", cursive; font-size: smaller; }
/*end of header*/

/*start of navigation*/
#navall {float: left; width: 140px;} /*assigning width avoids moving column */
/* width: 125px */
#navall a {text-decoration:none;} /* a for unvisited and hover and visited */

#navgalleries {background-color:#FFC0CB; clear: both; text-align: center;} /*pink FFC0CB*/

#navgalleries h2 {margin-bottom: 0px; background-color: #FA8072; border-bottom: thin solid;
font-family:verdana, sans-serif; font-size: 100%} /*salmon FA8072*/

#navgalleries dl {padding-top: 20px; margin-bottom: 0px; margin-top: 0px; border-bottom: thin solid #FA8072;
font-family:arial, sans-serif; font-size: smaller;} /*salmon*/

#navgalleries dt img { border: thin solid white;
width: 90px; height: 90px;}
/* 70px */
/*end of navigation*/

/*start of footer*/
#footer {clear:both; position: relative; top: 10px; padding-top: 10px; padding-bottom: 10px;
width:900px;margin-left: auto; margin-right: auto; text-align:center;
font-family:arial, sans-serif; font-size: smaller;} 

#gotop a:visited {color: #0000FF;} /* top anchor name is the same on all pages, so always show link as unvisited*/

address {text-align:center; font-family:georgia, serif;}
/*end of footer*/

/* HOMEPAGE width:624px; */
#wraphome {width:754px;margin-left: auto; margin-right: auto; background-color: white;}

#authorhome { width: 325px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 3px;
border-bottom: thin solid black; font-size: 100%; font-family: arial, sans-serif;
position: relative; top: 0px;}

#logofull {position: relative; top: 0px;}

#mission {text-align:right ; margin: 4px;font-family:arial, sans-serif;font-size: 100%;}

#mainpic {border: 0px solid black;}

#whatitis {font-family:arial, sans-serif; text-indent: 2em; margin-bottom: 0px; text-align: center;}

#navhomesection { margin-right: 75px;margin-left: 75px;text-align: center;font-family:arial, sans-serif;}
/* 10px for 5 sections*/

#navhomesection dl {width: 150px;border: 0px solid gray;float: left;margin-top: 0px;}

#navhomesection dd {border-right: 1px dotted gray; margin: 0px; padding: 0px;}

#navhomesection h3 a {text-decoration: none;}

#navhomesection #last dd {border-right: none;}

#navhomesection img{width:150px; height:150px ;border: none; margin-top: 5px;}
/* 150px */

#navhomeutilities {clear: both; text-align: center;}

#navhomeutilities ul {list-style: none;margin: 0px; padding: 0px;}

#updated {font-family:"times roman", serif;}

#footerhome {clear:both;position: relative; top: 10px; padding-top: 10px; padding-bottom: 10px;
width:754px;margin-left: auto; margin-right: auto;text-align:center;
 font-family:arial, sans-serif; font-size: smaller;} 
/* 624px */

/* SELECTION COMICS AND STORIES*/
#selectionmain{width: 754px; float: right;	background-color:#E0FFFF;} /*lightcyan*/
/* 624px */
#selectionmain h1 {float:left; margin-left:10px; font-family:verdana, sans-serif; font-size: 150%;}

#selectionmain p {clear: both; font-family: Arial, Helvetica, sans-serif; background-color:#00BFFF; /* deepskyblue */
}
#backbox, #albumbackbox {clear: both; width: 630px;background-color:#98FB98; /*palegreen*/
/* 500px */
margin-left: auto; margin-right: auto;margin-top: 40px; margin-bottom: 20px;} /*no height to expand vertically*/

#backbox a {text-decoration: none;}

#backbox  dd a {text-decoration: underline;}

#backbox dd {margin: 0px;clear: both;  text-align: left; text-indent: 1em;}

#backbox dl{width: 430px; padding: 5px;font-family:arial, sans-serif;
/* 300px */
background-color: white; border: thin solid black;}

#backbox .selectiontitle  {font-family:verdana, sans-serif;margin: 5px;font-weight: bold;}

dl.selectionleft {position: relative; top: -10px; right: 10px;}
dl.selectionleft .selectiontitle  {float: left;}
dl.selectionleft dt img{float: right;}

dl.selectionright {position: relative; top: -10px; right: -200px;}
dl.selectionright .selectiontitle  {float: right;}
dl.selectionright dt img{float: left;}

dl.selectionfirst {position: relative; bottom: -10px; right: 10px;}
dl.selectionfirst .selectiontitle  {float: left;}
dl.selectionfirst dt img{float: right;}

div#navgalleries .breadcrumbs { background-color: #FF69B4;}/* hotpink FF69B4 */

/* SELECTION ALBUMS*/
#selectionmain h2 { margin-left:10px; font-family:verdana, sans-serif; font-size: 100%;}

div.selectionleft {position: relative; top: -10px; right: 10px;}

div.selectionright {position: relative; top: -10px; right: -20px;}

div.strip {width: 600px; height: 210px;}
/*500px*/

.edgetop, .edgebottom {width: 100px; height: 130px; background-repeat: repeat-x}

.edgetop {background-image: url(images/filmtop.gif); background-position: top; }

.edgebottom {background-image: url(images/filmbottom.gif);background-position: bottom;} 

div.strip img {margin-top: 20px ;border-style: none; /* to remove blue link boxes*/
width:90px; height: 90px;border-right: 5px solid #CD853F ; border-left: 5px solid #CD853F ;}/*peru*/

img#splice {border-right: none;}

.negative {float: left;width: 100px;height: 130px;}

.negative p {text-align: center;text-decoration: underline;margin-top: 5px;}

/* SELECTION MOSAIC */

#mosaicbackbox  {clear: both; background-color:#98FB98; /*palegreen*/
margin-left: auto; margin-right: auto;margin-top: 40px; margin-bottom: 20px;
background-image: url(images/bicycle.gif);background-repeat: no-repeat;background-position: center;
height: 500px;width: 630px;}/*width to preserve layout*/
/* width: 500px */

#mosaicoffset {position: relative; right: -70px; top: 70px;
height: 360px;width: 360px;}

#mosaicoffset a {text-decoration: none;}

#mosaicoffset img, #tile  { width: 90px; height:90px; float: left;
 border: none;} /*border none removes link box*/

#mosaicoffset br, .clear {clear: both;}

/* LEAF for COMICS  STORIES  ALBUMS width: 624px; */
div#leafmain{width: 754px; float: right;	background-color:#E0FFFF;} /*lightcyan*/

#leafmain h1{float:left; margin-left:10px; font-family:verdana, sans-serif; font-size: 150% }

#leafmain h2  {float:right; margin-right:10px; font-family:verdana, sans-serif;font-size: 100%;}

#leafmain h3{margin-left:10px; font-family:verdana, sans-serif; font-size: 100% }

			
.prevnext {clear: both; margin-top:20px; padding: 1px; list-style: none;
 font-family:arial, sans-serif; font-size: smaller;}
 
.previous {float:left; margin-left:10px;}
.next {float:right; margin-right:10px;}

#content {clear: both;}

#navpage, #navalbum  {background-color: #F0E68C; text-align: center; margin-left: auto;
margin-right: auto; margin-top: 10px; } /*khaki*/

#navpage {width: 80px;}

#navalbum  {width: 120px;}

#navpage h2, #navalbum h2 {background-color: #D2B48C;border-bottom: thin solid; margin-bottom: 10px;
font-family:verdana, sans-serif; font-size: 100%} /*tan*/

#navpage ul, #navalbum ul { padding: 0; margin: 0; list-style: none;font-family:arial, sans-serif; font-size: 80%;}
/* padding 0 margin 0 important for horizontal center */

div#navpage .lastcrumb {background-color: #BDB76B;}/*darkkhaki*/

div#navgalleries .lastcrumb {background-color: #FF69B4;}/*salmon FA8072 originalement maintenant hotpink*/

/* LEAF STORIES*/
div#content p {margin: 15px; text-indent:1em;	font-family: Arial, Helvetica, sans-serif;}

div#content hr {margin-top: 20px; margin-bottom: 20px;}

/* LEAF ALBUMS*/
					


#navalbum li {border-bottom:medium solid #D2B48C ;} /*tan*/

div#navalbum .lastcrumb {background-color: #BDB76B;}/*darkkhaki*/

#albumpage {background-color: #FAEBD7;border: thin solid #FFA500;margin: 30px;}/*antiquewhite background orange border*/

div#albumpage h3  {font-family:georgia, serif; font-size: 80%} /*lookout #leafmain h1, h2*/

div#albumpage p {font-family: georgia, serif;}/* margins and text-indent are cascaded from #content p */

#albumringleft {background-image:url(images/kooclicringl.gif);background-position:left;background-repeat:repeat-y;}

#albumringright {background-image:url(images/kooclicringr.gif);background-position:right; background-repeat:repeat-y;}

.picboxportrait {width: 500px; text-align: center;margin-left: 50px;}/*horizontal placement*/
/* width: 400px; */
/*text-indent would also indent the white border*/

.picframeportrait {background-color: white;margin: auto; width: 408px;}
/* width: 308px; */

.photoportrait {width: 388px; margin: 10px;}
/*height: 473px; */
/* width: 288px; height: 373px; */

/*horizontal and vertical centering*/
/* height reduced from 432 to 373 to fit in 800x600 resolution*/

.picboxlandscape {width: 600px; text-align: center; margin-left: 30px;}
/* width: 500px */
.picframelandscape {background-color: white;margin: auto;width: 552px;}
/* width: 452px */

.photolandscape {width: 532px;  margin: 10px;}
/* height: 388px; */
/* width: 432px; height: 288px; */
/*horizontal and vertical centering*/

.botl {background-image: url(images/kooclicbotl.gif);
background-position: bottom left ; background-repeat: no-repeat;}

.botr {background: url(images/kooclicbotr.gif) bottom right no-repeat;}

.topr {background: url(images/kooclictopr.gif) top right no-repeat;}

.topl {background: url(images/kooclictopl.gif) top left no-repeat;}

/*LEAF MOSAIC*/
#mosaicportrait { float: left;
border-right: medium solid #87CEFA;
border-bottom: thick solid #ADD8E6;
}
#tile { margin: 20px; border-right: medium solid #D2B48C; 
border-bottom: thick solid #F5DEB3;} /*right tan bottom wheat*/

#sketch {border-right: medium solid #87CEFA;  
border-bottom: thick solid #ADD8E6;} /*right lightskyblue bottom lightblue*/