body{
	background-color: black;
	background-image: url("../../images/layout/species/palmettos.jpg");
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #CCCC99;
	font-family: verdana;
	font-size: 13px;
	margin-bottom: 100px;
}
		
div{
	border-color: white;
	border-width: 0px;
	border-style: solid;
}

a:link, a:visited, a:active{
	color: #009933;
	font-family: verdana;
	text-decoration:none;
}

a:hover{
	color: #66CC00;
	font-family: verdana;
	text-decoration: underline overline;
}

@font-face{ 
	font-family: Carolinga;
	src: url("/lib/fonts/carolinga.ttf");
}

@font-face{ 
	font-family: Clerica;
	src: url("/lib/fonts/clerica.otf");
}

@font-face{ 
	font-family: Cambria;
	src: url("/lib/fonts/cambria.ttc");
}

#top{
	position:absolute;
	top:0px;
	left:0px;
	height:120px;
	right:0px;
	overflow:hidden;
}

#header{
	background-image: url('/images/layout/species/headers/species.jpg');
	width: 800px;
	height: 80px;
	margin: auto;
}

#nav a{
	font-family: Carolinga;
	font-weight: normal;
	font-size: 24px;
}

#nav{
	color: #194F15;
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
}

#contentwide{
	position: absolute;
	top: 120px;
	bottom: 35px;
	left: 0px;
	right: 0px;
	overflow: auto;
	padding-bottom: 110px;

	
	/*Backup scrollbar stylization for non-Webkit browsers*/
	scrollbar-track-color: #000000;
	scrollbar-face-color: #424949;
	scrollbar-highlight-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000; 
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
}

#content{

	
	width: 800px;
	margin: auto;
}

/*Need to check over scrollbar stuff to see how much of this is really necessary.*/
#contentwide::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: black;
}

#contentwide::-webkit-scrollbar{
	width: 12px;
	background-color: black;
}

#contentwide::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #424949;
}

#footer{
	position:absolute;
	bottom:0px;
	height:30px;
	left:0px;
	right:0px;
	overflow:hidden;
	
	width: 600px;
	margin: auto;
	font-size: 10px;
	color: #006600;
	text-align: center;
}

p{
	text-indent: 35px;
}

h1{
	font-family: Cambria;
	font-weight: normal;
	font-size: 50px;
	margin: auto;
	padding-bottom: 20px;
	text-align: center;
}

h2{
	font-family: Cambria;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	line-height: 1em;
}

h3{
	font-family: Cambria;
	font-weight: bold;
	font-size: 20px;
	line-height: 1em;
}

h4{
	font-family: Cambria;
	font-weight: bold;
	font-size: 15px;
	margin: 0px;
	line-height: 1em;
}

#summary{
	text-align: center;
	font-family: Cambria;
	font-size: 20px;
}

#totalscore{
	font-size: 30px;
}

/* Replace with opacity gradient?
#fade{
	position: fixed;
	bottom: 0px;
	height: 200px;
	width: 800px;
	pointer-events: none;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.39) 9%, rgba(0,0,0,0.69) 24%, rgba(0,0,0,0.9) 45%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 84%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(1%, rgba(0,0,0,0.04)), color-stop(9%, rgba(0,0,0,0.39)), color-stop(24%, rgba(0,0,0,0.69)), color-stop(45%, rgba(0,0,0,0.9)), color-stop(83%, rgba(0,0,0,1)), color-stop(84%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.39) 9%, rgba(0,0,0,0.69) 24%, rgba(0,0,0,0.9) 45%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 84%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.39) 9%, rgba(0,0,0,0.69) 24%, rgba(0,0,0,0.9) 45%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 84%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.39) 9%, rgba(0,0,0,0.69) 24%, rgba(0,0,0,0.9) 45%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 84%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 1%, rgba(0,0,0,0.39) 9%, rgba(0,0,0,0.69) 24%, rgba(0,0,0,0.9) 45%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 84%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
*/

.bar{
	width: 800px;
	height: 2px;
	padding-bottom: 0px;
	padding-top: 10px;
	background-image: url("/images/layout/species/bar.jpg");
	background-repeat: repeat-x;
	margin: auto;
}

.jumpto{
	width: 600px;
	margin: auto;
}

.pin{
	width: 8px;
	height: 12px;
	display: inline-block;
	background-image: url("/projects/speciestest/icons/pin.png");	
}

/*Taxon stylization*/

	.descriptor{
		font-family: Cambria;
		font-size: 17px;
		display: inline-block;
		margin-left: 10px;
	}

	.domain{
		margin-left: 0px;	
		border-bottom: 4px solid #CCCC99;
		font-size: 72px;
		font-family: Cambria;
		display: table;
	}

	.kingdom{
		margin-left: 10px;
		border-bottom: 4px solid #CCCC99;
		font-size: 50px;
		font-family: Cambria;
		display: table;
	}

	.subkingdom{
		margin-left: 10px;
		color: #999966;		
		font-size: 40px;
		font-family: Cambria;
		display: table;
	}

	.infrakingdom{
		margin-left: 10px;
		color: #999966;
		font-size: 30px;		
		font-family: Cambria;
		display: table;
	}

	.superphylum{
		margin-left: 30px;
		color: #999966;
		font-size: 25px;		
		font-family: Cambria;
		display: table;
	}

	.phylum{
		margin-left: 30px;
		border-bottom: 4px solid #CCCC99;		
		font-size: 45px;
		font-family: Cambria;
		display: table;
	}

	.subphylum{
		margin-left: 30px;
		color: #999966;
		font-size: 25px;		
		font-family: Cambria;
		display: table;
	}

	.infraphylum{
		margin-left: 30px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.microphylum{
		margin-left: 30px;
		color: #999966;		
		font-size: 20px;
		font-family: Cambria;
		display: table;
	}

	.superclass{
		margin-left: 50px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.class{
		margin-left: 50px;
		border-bottom: 4px solid #CCCC99;		
		font-size: 40px;
		font-family: Cambria;
		display: table;		
	}

	.subclass{
		margin-left: 50px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.infraclass{
		margin-left: 50px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;		
	}

	.parvclass{
		margin-left: 50px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.superdivision{
		margin-left: 60px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;		
	}

	.division{
		margin-left: 60px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.subdivision{
		margin-left: 60px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.infradivision{
		margin-left: 60px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.superlegion{
		margin-left: 70px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.legion{
		margin-left: 70px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.sublegion{
		margin-left: 70px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.infralegion{
		margin-left: 70px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.supercohort{
		margin-left: 80px;	
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.cohort{
		margin-left: 80px;	
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;		
	}

	.subcohort{
		margin-left: 80px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.infracohort{
		margin-left: 80px;	
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.gigaorder{
		margin-left: 100px;
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.magnorder{
		margin-left: 100px;	
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.superorder1{
		margin-left: 100px;
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.grandorder{
		margin-left: 100px;		
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.mirorder{
		margin-left: 100px;	
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;		
	}

	.superorder2{
		margin-left: 100px;
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.series1{
		margin-left: 100px;		
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.order{
		margin-left: 100px;
		border-bottom: 3px solid #CCCC99;		
		font-size: 40px;
		font-family: Cambria;
		display: table;
	}

	.nanorder{
		margin-left: 100px;	
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.hypoorder{
		margin-left: 100px;		
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.minorder{
		margin-left: 100px;		
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.suborder{
		margin-left: 100px;
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.infraorder{
		margin-left: 100px;		
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;
	}

	.parvorder{
		margin-left: 100px;	
		color: #999966;
		font-size: 24px;		
		font-family: Cambria;
		display: table;		
	}

	.section1{
		margin-left: 110px;
		color: #999966;
		font-size: 22px;		
		font-family: Cambria;
		display: table;
	}

	.subsection1{
		margin-left: 110px;		
		color: #999966;
		font-size: 22px;		
		font-family: Cambria;
		display: table;
	}

	.gigafamily{
		margin-left: 130px;
		color: #999966;		
		font-size: 20px;
		font-family: Cambria;
		display: table;
	}

	.megafamily{
		margin-left: 130px;		
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.grandfamily{
		margin-left: 130px;	
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.hyperfamily{
		margin-left: 130px;		
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.superfamily{
		margin-left: 130px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.epifamily{
		margin-left: 130px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.series2{
		margin-left: 130px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.group{
		margin-left: 130px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.family{
		margin-left: 130px;
		border-bottom: 2px solid #CCCC99;		
		font-size: 25px;
		font-family: Cambria;
		display: table;
	}

	.subfamily{
		margin-left: 130px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.infrafamily{
		margin-left: 130px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.supertribe{
		margin-left: 140px;
		color: #999966;
		font-size: 17px;		
		font-family: Cambria;
		display: table;
	}

	.tribe{
		margin-left: 140px;
		color: #999966;
		font-size: 20px;		
		font-family: Cambria;
		display: table;
	}

	.subtribe{
		margin-left: 140px;
		color: #999966;
		font-size: 17px;		
		font-family: Cambria;
		display: table;
	}

	.infratribe{
		margin-left: 140px;	
		color: #999966;
		font-size: 17px;		
		font-family: Cambria;
		display: table;
	}

	.binomial{
		margin-left: 160px;
		font-size: 14px;		
		font-family: verdana;
	}
	
	.species{
		margin-left: 180px;
		font-size: 14px;
		font-family: verdana;
		display: none;
	}
	
	.differentiator{
	`	display: block;
	}
	
/*Entry stylization*/

	.verybad, a.verybad{
		color: #990000;
	}
	
	.bad, a.bad{
		color: #CC3300;
	}
	
	.poor, a.poor{
		color: #FF6600;
	}
	
	.average, a.average{
		color: #CC9900;		
	}
	
	.fair, a.fair{
		color: #66CC33;
	}
	
	.good, a.good{
		color: #009933;
	}
	
	.verygood, a.verygood{
		color: #006600;
	}
	
	.edit{
		color: #0D3309;
		font-style: italic;
		margin-bottom: 5px;
	}
	
/*Stylization of Colorbox bits*/

	.name{
		text-align: center;
		font-size: 20px;
	}
	
	.comments{
	}
	
	.data{
	}
	
	.breakdown{
		text-align: center;
	}