@charset "utf-8";

/* CROWBAR NAVIGATION AND SUBNAV ELEMENT STYLES */
/* -------------------------------------------- */

/* MAIN NAVIGATION STRUCTURE: pageskin > L-2 NAVWRAP */
/*    width/height specified in sn type */

div#navwrap   {position:relative;         /* must be left to scroll for 'secret entrance */
			   top:0; left:0;
			   width:100%; height:5.8em;  /* !!! adjust for scroll bar */
			   border:0px hidden;
			   margin:0; padding:0;
			   background-color:black;
			   z-index:1000;						  /* keep navbar on top of any other elements  */
			   }




	 /* L-3 NAVWRAP > NAVPANEL STRUCTURE */

div#nav-panel {position:fixed;
			   top:0; left:0;
			   width:88%; height:5.6em;           /* !!! adjust for border and scrollbar */
			   margin:0; padding:0;
			   border:2px solid crimson;          /* standard border: adjust prn    */
			   z-index:1010; 					  /* prevent scrolling over navbar  */
			   }



     /* L-4... Navigation Elements */

		   /* standard navbar graphics */



     /* Global Rendering Properties  */

div#nav-panel ul      {list-style-type:none;}           /* no list bullets */
div#nav-panel ul li a {text-decoration:none;}           /* no link underlines */

     /* background and graphics */                                /* add alt background prn */

div#nav-panel.cherry-on								   /* std cherry-blossom background */
         {background:
		    url("../FHK-GRAPHICS/Main-Navbar/cherry-navbar_1000x90.png")     /* adjust prn */
		    no-repeat top left #6699ff;             							/* alt: medium blue */
		    }

div#navpic-frances.graphic            /* std image: 'frances' - see adjustments:  */

	   {position:absolute;
        top:0.1em; right:0.2em;
		width:90px; height:68px;     /* dflt dimension for std navbar */
		z-index:500;
		}


div#navpic-ww.graphic            /* std image: 'wordsworth' - see adjustments: */


	   {position:absolute;
        top:1em; right:-5.4em;
        width:60px; height:68px;
		border:1px solid crimson;  /* navpanel ww link */
		z-index:1140;
		}


     /* Standard Tabset Elements */



div#nav-panel             /* tabsets may be switched off, leaving room for dynamically selectable sets */
	ul.tabset.on          /* 'switch' to use alternate set or, none */

		{margin:0; padding:0;}        /* supress for xbrowser-compatability  */


     /* tabset container */

div#nav-panel
	ul.tabset.on                     	/* simple textsets will do; the fascination with
										  'tab' containers and images is greatly overblown   */

		{position:absolute;          	/* adjust prn */
         top:4em; left:80px;         	/* let hover above the base; first tab, bare left of cherry blossom */
         width:100%; height:46px;    	/*  relative to nav-panel; high enough for 1.5 em prn */
		 background-color:none;      	/*  restating the obvious */
		 z-index:1500;              	 /*  fixed; never covered */
		 }

     /* All Individual Tabs */                /* tabs may be individually switched on/off prn */

div#nav-panel                            /* float them for horizontal list without imposed margins etc. */
    ul.tabset.on li.tab

     {margin:0; padding:0 1.5em 0 0px;   /* separate tabs prn */
      width:auto;                        /* size to fit with padding */
      float:left;                        /* horizontalize the list */
		  }


     /* Active Tab Container */

div#nav-panel ul.tabset.on              /* lots of ways to handle this; transparency may be best;
										   come back to it later */
	 li.tab.on.active

		   {width:auto; height:auto;              /*  more specific height is needed; specify in adjustments prn */
		    margin:0; padding:0 1.5em 0 0px;      /* compensate for bordered active tab prn;      */
			background-color:none;                /* don't block graphics */
			z-index:1100;
			}


     /* Active Tab Element */                     /* tab indicating current page */

div#nav-panel
	ul.tabset.on li.tab.on.active a         /* ??? toggle off when hovering another tab */

			{margin:0;  padding:0 3px 0 3px;
			 border:none;
			 font-family: "Trebuchet MS", arial, verdana,
			               Geneva, sans-serif;  					/* std dflt */
			 font-size:1.4em; font-weight:400;                      /* adjust size prn */
			 background-color:transparent;
			 color:firebrick;                					 	/* current dflt ??? */
			 z-index:500;                  						    /* ??? */
              }

     /* Inactive Tab Elements  */

div#nav-panel ul.tabset.on                  /* !!! correct for jumpiness on hover behavior */
li.tab.on.inactive a

			{margin-left:0px; padding:0 10px 0 0;                 /* inactive tab separation */
		     border:none;
			 background-color:none;                               /* let graphic show-through */
			 font-family: "Trebuchet MS", arial,
						   verdana, Geneva, san-serif;
			 font-size:1.4em; font-weight:400;
			 background-color:transparent;
			 color:darkslateblue;			                      /* adjust prn */
			 z-index:500;
             }

     /* Tab Hover Behavior */

div#nav-panel ul.tabset.on                  /* */
li.tab.on a:hover

	  {margin:0; padding:0px 10px 2px 10px;    /* maintain position of active tabs */
	   border: 1px solid darkred;              /* adjust prn */
	   font-size:1em; font-weight:600;         /* present as slightly diminished in importance */
	   color:firebrick;
	   z-index:510;                            /* keep on top of non-hovereds */
	   }

	     /* hover active tab */

div#nav-panel ul.tabset.on                  /*  */
li.tab.on.active a:hover

		  {background-color:transparent;}        /* adjust prn */

	     /* hover inactive tab */

div#nav-panel ul.tabset.on
li.tab.on.inactive  a:hover

		  {background-color:lightsteelblue;}





/* CROWSWRAP > CROWSNEST, CROWSMATE */

div#crowswrap		{position:relative;      /* on scroll - crowswrap slides to reveal ww secret entrance */
				     top:0; right:-5.8em;
					 width:5.8em; height:5.8em;           /* adjust to length needed for page + footer prn */
					 overflow:hidden;
					 background-color:black
					 z-index:900}


div#crowsnest		{position:fixed;
					 top:0; right:0;                     /* static bookbar - ww secret position set */
					 width:7.4em; height: 5.2em;
					 margin-left:0; padding-top:0.5em;
					 background-color:black;
					 border-bottom:2px solid crimson;
					 z-index:1000;}

div#crowsmate.on										/* !!! must be switched on to operate */

				   {position:relative;
				    top:0; right:0;
					width:5.4em; height:5.2em;
				    display:block;
					margin:0; padding:0 0 0 0.8em;
					border:none;
					background-color:black;
					z-index:210;
					}





/* BOOKBAR NAVIGATION STRUCTURE: L-3 TABLEWRAP > BOOKWRAP */

div#bookwrap		{position:absolute;          /* adj. to 'fixed' if group small enough for 1 page */
				     top:0; right:0;
					 width:7.3em; height:420em;					 /* adjust to length needed for page + footer prn */
					 display:block; overflow:hidden;
					 background-color:black;
					 z-index:900;
					 }


div#bookbar			{position:relative;
					 top:4em; left:0.5em;               /* static bookbar - cloaked position set; adj prn */
					 width:7.3em; height:auto;         /* adj section: adj height to end of content */
					 margin:0; padding:0;
					 display:block;
					 background-color:black;
					 z-index:910;}

/* bookbar elements: select/display books from those in markup */
/* note: these statements must be kept in the given order.     */

div#bookbar .book-cover  {display:none; z-index:-1;}      /* turn off all covers */

/* If bookbar group    and book-cover class          note: several groups may concurrently be selected in markup  */
                                                          /* selectively turn on covers by class */
div#bookbar.sel-all  .book-cover,                         /*  select all groups  */
div#bookbar.sel-ip   .book-cover.in-print,                /*  select 'in-print' group */
div#bookbar.sel-op   .book-cover.out-of-print,            /*  select 'out-of-print' group */
div#bookbar.sel-date .book-cover.coming-soon,			  /*  select 'date' (publication) group */
div#bookbar.sel-ms   .book-cover.manuscript,              /*  select 'manuscript' group */
div#bookbar.sel-wp   .book-cover.work-in-progress,        /*  select 'work-in-progress' group */
div#bookbar.sel-other .book-cover.other,                  /*  select 'other' group */

div#bookbar.sel-on   .book-cover.on,                      /*  select an class 'on' covers */
div#bookbar.sel-off  .book-cover.off,                     /*  select an class 'on' covers */

div#bookbar.sel-wws  .book-cover.wws,                     /*  select an class wordsworth covers */
div#bookbar.sel-cgs  .book-cover.cgs,                     /*  select an class caregiving covers */
div#bookbar.sel-edu  .book-cover.edu,                     /*  select an class education  covers */
div#bookbar.sel-pty  .book-cover.pty,                     /*  select an class poetry     covers */
div#bookbar.sel-mss  .book-cover.mss                      /*  select an class manuscript covers */

				   {display:block;						  /*   this is a vertical display */
					width:5.5em; height:6.25em;			  /*   keep within bookwrap; center under crowsnest */
					margin:0; padding:0 0 0 0.5em;        /*   this works; it's wrapped. */
					border:none;
					z-index:210;
							 }

div#bookbar book-cover.off   {display:none; z-index:-1}    /* exclude all covers individually switched off */



/* SUBNAVIGATION STRUCTURE: CONTENTWRAP > L-4 SUBNAVWRAP */

							   /* adjust color/border schema in adjustments section */
div#subnavwrap

		   {position:fixed;
		    top:5.9em; left:0.4em;               /* stick to bottom of navbar */
		    margin:0; padding:0;
			width:87.6%; height: 2.4em;			/* thick */
			z-index:900;
			background-color:black;
			border:0px hidden;
		   }


div#subnav-panel

			   {position:fixed;				  /* page-left --> navbar right - noscroll */
			    top:5.9em; left:0.2em;
				width:87.6%; height:2.2em;				  /* ~55.2em; */
				margin:0; padding:0;
				border:2px solid silver;
				background-color:darkslategray;
				z-index:910;}


div#subnav-panel ul                                     /* general list aggregrate positioning */

			{width: auto;  height:2em;				    /* horizontal space for list aggregate */
			 margin:.6em 0 0 0; padding:0 0 0 .5em;     /* vertical alignment; left margin - centering */
			 border:0px hidden;
			 background-color:transparent;
			 vertical-align:middle;
			 z-index:920;
			 }


div#subnav-panel li

			 {display:inline;
			  list-style:none;
			  vertical-align:middle;
			  width:auto;								 /* close up to text */
			  margin-right:0.4em; padding:0;             /* inter-tab spacing */
			  border-left: 1px solid #990000;
			  border-right:1px solid #990000;
			  font-size:0.8; font-weight:600;
			  z-index:930;

			  }


div#subnav-panel
			  li#subtab99 	 {margin-left:3em;}			  /* dflt h-separation for tab 99    */


div#subnav-panel li a												/* anchor-based styling */
						{text-decoration:none;
						 padding:0 0.5em 0 0.5em; 				    /* L/R h-align tab text */
						 font-family: "Trebuchet MS",Arial, Helvetica,Geneva,
                                       Verdana,"Nimbus Sans L",sans-serif;
						 font-size:1em; font-weight:500;
						 background-color:darkslategray;
						 color:gainsboro;						   /*  lettering */
						 z-index:200;
						 }


div#subnav-panel li a:hover

						 {font-family: "Trebuchet MS",Arial, Helvetica,Geneva,  /* adjust via color schema */
                              Verdana,"Nimbus Sans L",sans-serif;
						  font-size:1em; font-style:bold;
						  background-color:lightsteelblue;                 /* black on lt blue */
						  color:#000033;         /* very dark navy */
						  }


/* Adjust seperation for arrow tabs */

div#subnav-panel li#subtab00,
div#subnav-panel li#subtab0

					{margin-right:0.1em;}      /* arrow separation */

div#subnav-panel li#subtab1

					{margin-left:1em;}         /* first tab separation */


div#subnav-panel li#subtab00 a,		  /* dflt previous page tab */
div#subnav-panel li#subtab0 a         /* dflt top of page tab */

					{background-color:darkslategray;
					 color:red;
					 }

div#subnav-panel li#subtab00 a:hover,
div#subnav-panel li#subtab0 a:hover

					{background-color:lightblue;
					 color:red;
					 }

/* special tab99  */

div#subnav-panel li#subtab99 a

						{background-color:#ffff99;
						 color:#339933;
						 }

div#subnav-panel li#subtab99 a:hover

						{background-color:#339933;
						 color:#ffff99;
						 }