@font-face 			{ font-family: "Fanwood"; src: url('../config/fonts/Fanwood/Fanwood.otf');}
@font-face 			{ font-family: "Sorts Mill Goudy"; src: url('../config/fonts/sorts mill goudy/OFLGoudyStM.otf');}
@font-face 			{ font-family: "Sorts Mill Goudy Italic"; src: url('../config/fonts/sorts mill goudy/OFLGoudyStM-italic.otf');}
@font-face 			{ font-family: "League Gothic"; src: url('../config/fonts/league gothic/league gothic.otf');}

body				{ background-color:#000; color:#a6a6a6; 
					  font-family:Sorts Mill Goudy,helvetica,sans serif; font-size: 10pt; 
					  margin:0 /*3% 6%*/;
					  padding: 0; -webkit-font-smoothing: antialiased;}
a, a:visited		{ color:#ffffff; text-decoration:none; border:none; }
a:hover				{ border:none; color:#a6a6a6; }
img					{ display:block; margin-left:auto; margin-right:auto; max-width: 100%; height:auto; }
ul					{ list-style:none; }

#header				{ padding-top:1em; /*height:13em; margin-bottom:1em; position:fixed; top:3em; width:88%; z-index:10; */  }
/*#headergradient		{ display:none; 
					  background:rgba(0,0,0,0.9); background: -moz-linear-gradient( top, rgba(0,0,0,0.9), rgba(0,0,0,0) ); background: -webkit-linear-gradient( top, rgba(0,0,0,0.9), rgba(0,0,0,0) );
					  position:fixed; top:0; left:0; height:13em; width:100%; }*/
#title				{ /*background:rgba(0,0,0,0.9); 
					  background: -moz-linear-gradient( top, rgba(0,0,0,0.9), rgba(0,0,0,0) );
					  background: -webkit-linear-gradient( top, rgba(0,0,0,0.9), rgba(0,0,0,0) );*/
					  font-size:6.853526069776em; margin-left:40%;  } 

#content			{ /*padding-bottom:3%; /*margin-top:13em;position:relative;*/  }

#about ul, #toc ul		{ margin:0; padding:0; }

#about				{ font-size:1.618em; margin-left:40%; width:40%; }
#about ul li			{ text-indent:0em; }
#definitions li		{ display:inline; }
#definitions li:first-child:after { content:': '; }
#definitions li:after { content:';'; }
#definitions li:last-child:before { content:'or, '; }
#definitions li:last-child:after{ content:'.'; }




#toc				{ font-size:2.617924em; margin-left:40%; padding-bottom:2em; width:60%; }

#animals			{ font-size:4.235801032em; position:relative; margin:1% 6%; width:88%; /*z-index:0;*/ padding-bottom:1em;}
#animals.spotlit	{ /*padding-bottom:1em;*/ }
#animals a, #animals a:visited	{ color:#fff; color:rgba(255,255,255,0.9); }
#animals a:hover		{ color:#a6a6a6; cursor:pointer; }
#animals ul				{ line-height:1.382em; list-style:none; margin:0; padding:0; }
#animals ul li			{ display:inline; list-style:none; }
#animals ul li:after	{ content:'. '; color:#a6a6a6; text-decoration:none; }	
			
#animal				{ position:fixed;
					  display:none; 
					  /*margin-left:auto; margin-right:auto; left:-10%; top:-10%; height: 120%; width:120%; */
					  left:0; top:0; width:100%;
					  z-index:-100; }
#animal.landscape	{ left:-10%; top:-10%; height: 120%; width:120%; }
#animal.portrait	{ left:-50%; top:0%; width:200%; }
#animal img			{ cursor:pointer; display:block; margin-left:auto; margin-right:auto; max-width:100%; opacity:.382; }
#animallist			{ width:160%; height:0; overflow:hidden; }
/*#animallistcaption	{ visibility:hidden; }*/
#caption			{ clear:both; font-size:4em; text-align:left; }




#ctrl				{ padding-left:2.1538461538461538461538461538462%; }
#filterType			{ float:left; font-size:2.617924em; margin-left:20%; position:fixed; width:20%; }
#filterType ul			{ color:#fff; padding:0; margin:0;  }
#filterType ul li:hover	{ color:#a6a6a6; cursor:pointer; }

#filterLetter		{ float:left; font-size:2.617924em; margin-left:20%; position:fixed; width:20%;  }
#filterLetter ul			{ color:#fff; padding:0; margin:0;   }
#filterLetter ul li:hover	{ color:#a6a6a6; cursor:pointer; }


#animalIndexList		{ float:left; font-size:2.617924em; margin:0 0 3em 40%; width:40%; }
#animalIndexList ul		{ padding:0; margin:0; }
#animalIndexList input		{ background:none; border:none; border-bottom:1px solid #a6a6a6; color: #a6a6a6; font-size:1em; font-family:Sorts Mill Goudy; padding:0; margin:0; width:100%; z-index:1000; }


#logo				{ z-index:1000; width:33px; margin:0 auto;}
#logo img			{ border:none; }
/*#nav				{ background:#fff; color:#000; 
					  font-family:Sorts Mill Goudy Italic, sans-serif; font-size: 4.235801032em;
					  position:fixed; left:-40%; top:0;
					  padding-left:6%;
					  /*margin-left:6%;*/
					/*  padding-top:0;
					  height:100%; width:34%; 
					}
#nav ul 				{ font-size:.618em; }
#nav ul li				{  }
#nav a 				{ color:#000; }
#nav a:hover, a:visited { color:#a6a6a6; }
#navtitle			{ font-size:1.618em; margin:3% 0; padding:0; }*/

#selected			{ color: red; }
#subheader			{ color:#ffffff; font-family:League Gothic,Helvetica, sans-serif; }


#toggle				{ background:magenta; height:4.235801032em; left:1em; position:fixed; top:6em; width:4.235801032em; z-index:1000;}
#output				{ background-color:magenta;color:white;margin-left:19.1%; left:0px; /*position:absolute;*/}
#permalink			{ font-family:helvetica,sans-serif; text-align:left; }
#permalinklabel		{ font-size:1.618em; cursor:pointer; }
#permalinklabel:hover { color:#ffffff; }

#images				{ display:none; }

#footer 				{ background:#000; background:rgba(0,0,0,.75); border-top:1px solid #a6a6a6; clear:both; font-family:Sorts Mill Goudy, Garamond, helvetica, sans-serif; font-size:1em; position:fixed; bottom:0px; width:100%; padding:.618em 0; }
#footer a			{ color:#fff; }
#footer a:hover		{ color:#a6a6a6; }
#homefooter			{ margin-left:40%; }
#nav,			
#gallernav 			{ font-family:Sorts Mill Goudy, Garamond; width:88%; }
#nav div,
#gallerynav div 		{ float:left; }
#gallerynav .prev			{ width:40%; }
#gallerynav .middlenav		{ width:30%; text-align:left; }
#gallerynav .next			{ width:30%; }
.sitefooter			{ font-family:Sorts Mill Goudy Italic, Garamond, Helvetica; text-transform:none; }

.next				{ color:#a6a6a6; cursor:pointer; text-align:right; width:33.3333333333333%;  }
.next a				{ color:#fff; }
.next a:hover, .prev a:hover { color:#a6a6a6; }
.next:after			{ color:#a6a6a6; content:' \2192'; }
.prev				{ color:#a6a6a6; cursor:pointer; text-align:left; width:33.3333333333333%; }
.next:hover, .prev:hover			{ color:#fff; }
.prev a				{ color:#fff; }
.prev:before		{ color:#a6a6a6; content:'\2190 '; }
.next:empty:after, .prev:empty:before 	{ content:'\00a0'; }

.prevvolume { font-size:2.617924em; text-align:center; width:100%; }
.prevvolume:before { color:#a6a6a6; content:' \2190'; }
.nextvolume { font-size:2.617924em; text-align:center; width:100%; }
.nextvolume:after { color:#a6a6a6; content:' \2192'; }

.definition			{ color:#a6a6a6; font-family:Sorts Mill Goudy Italic, Garamond,Helvetica,sans-serif; }
.definitionList li:before { content: '– ' }

.filtered			{ color:#ffffff; text-decoration:line-through; }
.indexheader		{ text-align:center; width:100%; }
.middlenav			{ text-align:center; text-transform:capitalize; width:33.3333333333333%; }
.middlenav a:after 	{ content:' | '; color:#a6a6a6; }
.middlenav a:last-child:after	{ content:''; }
.navdouble			{ width:40%; }


#animals ul li.prev:after			{ content:''; }
.normal				{ /*color:#000000;*/ font-family:Sorts Mill Goudy Italic; }


.pronunciation		{ color:#a6a6a6; font-family:Sorts Mill Goudy Italic; }
.selectedAnimal		{ padding:4em 0em 6em 0em; text-align:center;  }
ul .selectedAnimal:last-child :after {  }

.spotlit 			{ text-align:center; }
.tocdesc			{ float:left; width:100%; }
.tocentry			{ font-family: Sorts Mill Goudy Italic; }
.tocpage			{  width:20%; float:right; display:none; }
.unfiltered			{ color:#a6a6a6; }
.viewed				{ opacity:0.382; text-decoration:line-through; }
.selected .viewed, .next .viewed, .prev .viewed		{ color:#fff; text-decoration:none; opacity:1; }
.volumeEnd			{ border-bottom:1px solid #a6a6a6; }

#animallistcaption    { color:#fff; font-family:Sorts Mill Goudy; }
.warning			{ color:red; font-family:Sorts Mill Goudy Italic; }

.endangered,
#animals nav ul li.endangered a			{ color:red; color:rgba(255,0,0,0.618); }
.endangered.selected a:before { content:'endangered: '; font-family:Sorts Mill Goudy Italic; }	

.extinct,
#animals nav ul li.extinct a			{ color:red; color:rgba(255,0,0,0.618); }
.extinct.selected a:before { color:red; color:rgba(255,0,0,0.618); content:'extinct: '; font-family:Sorts Mill Goudy Italic; }	

.extinctinthewild,
#animals nav ul li.extinctinthewild a			{ color:red; color:rgba(255,0,0,0.618); }
.extinctinthewild.selected a:before { color:red; color:rgba(255,0,0,0.618); content:'extinct in the wild: '; font-family:Sorts Mill Goudy Italic; }	

.threatened,
#animals nav ul li.threatened a			{ color:red; color:rgba(255,0,0,0.618); }
#animals nav ul li.threatened.selected a			{ color:red; color:rgba(255,0,0,0.618); }
.threatened.selected a:before { color:red; color:rgba(255,0,0,0.618); content:'threatened: '; font-family:Sorts Mill Goudy Italic; }


.vulnerable,
#animals nav ul li.vulnerable a			{ color:red; color:rgba(255,0,0,0.618); }
.vulnerable.selected a:before { color:red; color:rgba(255,0,0,0.618); content:'vulnerable: '; font-family:Sorts Mill Goudy Italic; }	




#debug { position:absolute; top:0; left:0; backgorund:magenta; color:white; }