/*
Main Web CSS for the Macro site.  
Current "Understanding Evolution" look-alike.
Be sure to check CSS for any hard-links to image files.
Current site URL: http://beta.revealedsingularity.net
*/


/*
***********************
Body, Font Types, and Footer
***********************
*/
body
	{
		font-family:Calibri,Times,Tahoma, Verdana, Arial, Helvetica;
		font-size: 11pt;
		background-color:#E0E0E0; /* #F8F8F0 */
	}
h1
	{
		color:white;/*#0664F3;*/
		font-size:28pt;
		font-weight:bold;
		text-indent:.5em;
		text-shadow: 3px 3px 2px black;
	}
h1 a:link, h1 a:visited
	{
		color:white;/*#0664F3;*/
		text-decoration:none;
	}
h1 a:hover
	{
		color:#F2EEEA;/*#0664F3;*//*#407589;*/
		text-decoration:none;
	}
.subtitle
	{
		color:white;
		font-size:13pt;
		margin-left:3em;
		margin-top:-4em;
	}
.small
	{
		font-size:4pt;
	}
a:link,a:visited
	{
		color: #336699; /*#55858C;*/
		text-decoration:none;
	}
a:hover
	{
		color:#D17D1E;
		text-decoration:underline;
	}
a:link.hidden, a:hover.hidden, a:visited.hidden
	{
		text-decoration:none;
		color:black;
	}
p.footer
	{
		font-size:9pt;
	}
p.indcap
	{
		font-size:9pt;
		clear:both;
		text-align:right;
	}
div.container
	{
		background: url('../images/table_back_alpha.png') repeat-y center;
		margin-right:auto;
		margin-left:auto;
	}

/*
***********************
Content Table
***********************
*/

table.content
	{
		margin-right:auto;
		margin-left:auto;
		width:1000px;
		background-color:white;
		border-width:1px;
		border-color:#000000;
		border-style:solid;
		border-collapse:collapse;
		border-top-color:#006699;
		margin-top:0px !important;
		padding-top:0px;
	}
td.content
	{
		padding:5px;
		margin-top:0px;
		padding-top:0px;
		border-bottom-width:1px;
		
	}
input[type="text"]:focus, textarea:focus
	{
		background:#F7F8EC;
	}
input.search:focus, textarea.valued:focus
	{
		background:#F7F8EC;
		/*content:"";*/
		/*possible clearing?*/
	}
input, textarea, select
	{

		font-family:Calibri,Times,Tahoma, Verdana, Arial, Helvetica;
	}
.error
	{
		background:#FF7568;
	}
span.footsup
	{
		/*
		removed :before selector after .footsup, and inserted [N] into code.
		Update to roman numerals when CSS3 has wider implementation.
		*/
		content:counter(footcount,lower-roman);
		counter-increment:footcount;
	}
span.footlow
	{
		/*
		removed :before selector after .footsup, and inserted [N] into code.
		Update to roman numerals when CSS3 has wider implementation.
		*/
		content:counter(footcount2,lower-roman) ")";
		counter-increment:footcount2;
	}
span.nowrap
	{
		white-space:nowrap;
	}
li.footnote
	{
		font-size:9pt;
	}
img.artimg
	{
		width:300px;
		border:1px solid #EAEAEA;
		text-align:center;
	}
img.noborder
	{
		border:none 0px;
		border-collapse:collapse;
	}
table.imgcap
	{
		padding:2px;
		border-width:1px;
		border-color:#000000;
		border-style:solid;
		border-collapse:collapse;
		text-align:left;
		font-size:9pt;
		width:305px;
		background-color:#F7F8EC;
	}
div.image
	{
		float:right;
		clear:right;
		margin-left:.5em;
		border-width: .5em 1.4em .8em 0;
		margin-bottom: .5em;
		width:auto;
	}
h2.article
	{

		font-size:14pt;
		font-weight:bold;
		text-align:center;
		text-transform:capitalize;
	}
ul.footnotes
	{
		list-style:none;
		margin-left:0;
		padding-left:3em;
		text-indent:-2em; /*  Create manually numbered footnotes. */
	}
p.genpara
	{
		display:inline;
	}
ul.mulist
	{
		/*List Style for Contribute page markup*/
	}
span.noname
	{
		font-size:9.5pt;
	}
#indcontainer
	{
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
#indfeat1
	{
		float:left;
		padding:1em;
		width:357px;
		/* border-right:1px solid black; */
		/* background:grey;  For debugging */
	}
#indfeat2
	{
		float:left;
		padding:1em;
		width:357px;
		border-left:1px solid black;
		/* background:silver;  For debugging */
	}
#featbox
	{
		border-top: 1px solid black;

	}
#featbox div:hover:not(.thumb_img) /* Might have to IE hack */
	 {
		background:#F7F8EC;
	 }
#otherfeat
	{
		clear:both;
		background:#EEEEEE;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		padding:1em;
	}
div.thumb_img
	{
	  float:left;
	  width:90px;
	  background:url('../images/thumb_bg.png') center no-repeat;
	  vertical-align:middle;
	  text-align:center;
	  padding:.1em;
	  margin:.2em;
	  /* margin-bottom:-.6 em; */
	  padding-bottom:0;
	  display:inline;

	}
div.thumb_img:hover
	{
	  background:url('../images/thumb_bg.png') center no-repeat; /* To counter earlier declaration */
	}
div.thumb_img img
	{
		margin-right:auto;
		margin-left:auto;
		border:0;
		width:86px;
	}

.announce
	{
		font-size:14pt;
		/* font-weight:bold; */
		text-transform:capitalize;
	}
img.newsfloat
	{
		float:left;
		border:0;
		width:250px;
		padding:.1em;
		margin:.2em;
		margin-bottom:0;
		padding-bottom:0;
		display:inline;
	}
/*
***********************
Left Navigation
***********************
*/

ul.linkbox
	{
		list-style-type:none;
		padding:0px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:195px;
	}
ul.linkbox li
	{
		border: 2px solid #006699;
		color: white;/*#C0C0C0;*/
		background:#2E918C;
		/*font-weight:bold;*/
		font-size:10pt;
		font-family:calibri,tahoma,arial;
		height:32px;
	}
ul.linkbox li:hover
	{
		color:white;
		background:#287F79;
	}
ul.linkbox li a:hover
	{
		color:white;
		font-weight:bold;
		display:block;
		text-decoration:none;
	}
ul.linkbox li a:visited
	{
		color:white; /*#C0C0C0;*/
		font-weight:bold;
		display:block;
		text-decoration:none;
	}
ul.linkbox li a:link
	{
		color:white; /*#C0C0C0;*/
		font-weight:bold;
		display:block;
		text-decoration:none;
	}
td.colnav
	{
		padding:5px;
		background-color:#006699; /* From Understanding Evolutoin */
		width:200px;
		border-width:1px;
		border-color:black;
		border-style:solid;
		border-collapse:collapse;
		border-top-color:#006699;
		vertical-align:top;
		margin-top:0px;
		padding-top:0px;
		
	}
img.navbox
	{
		/* height:11pt; */
		float:left;
		clear:left;
		margin-right:.25em;
		margin-left:-2px;
		vertical-align:middle;
		border:0;
	}
#search
	{
		text-align:center;
		margin-right:auto;
		margin-left:auto;
	}
/*
**********************
Phylogenetic Navigation
**********************
*/
table.phylo
	{
		margin-left:12px;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;
		border-style:none;
		border-width:0px;
		border:none;
		border-collapse:collapse;
		padding:3px;
		padding-top:0px;
		padding-bottom:0px;
		
	}
td.phylo1
	{
		padding:5px;
	}
td.close
	{
		padding:5px;
		vertical-align:top;
	}
tr.close
	{
		background-image:url('../images/phylobottom.png');
		background-repeat:no-repeat;
		background-position:top left;
		padding:0px;
		margin:0px;
	}
tr.phyloline
	{
		background-image:url('../images/phylobar.png');
		background-repeat:repeat-y;
		background-position:top left;
		padding:0px;
		margin:0px;
	}
ul.phyloart
	{
		margin:0px;
		margin-left:1em;
	}
/*
**********************
Header and Dropdown 
**********************
*/
li ul.subdrop
	{
		display:none;
		position:absolute;
		top:1.15em;/*1.65em or 2.2em?;*/
		left:.32em;
		font-size:10pt;
		text-align:center;
		padding:0;
		margin:0;
		list-style:none;
		/* background-image:url(../images/dropback.png);
		background-repeat:repeat-y; */
		border:1px;
		z-index:100;
		
	}
li ul.subdrop2
	{
		display:none;
		position:absolute;
		top:-.15em;/*1.65em or 2.2em?;*/
		left:12em;
		font-size:10pt;
		font-weight:none;
		text-align:left;
		padding:0;
		margin:0;
		list-style:none;
		border:1px;
		z-index:100;
		
	}
li > ul
	{
		top:auto;
		left:auto;
	}
li:hover.headnav ul, li:hover.headnav2 ul
	{
		display:block;
	}

li:hover.subdrop
	{
		background:#287F79;
	}
li.subdrop a
	{
		display:block;
		padding:3px;
		text-decoration:none;
	}
li.subdrop a:visited, li.subdrop a:link
	{
		color:#DBDBDB;
	}
li.subdrop a:hover
	{
		border-width: 0 3px;
		color:white;		
	}
li.subdrop
	{
		position:relative; /*changed*/
		width:9.2em;
		border:1px solid white; /*#006699;*/ /*black;*/
		border-width:1px;
		border-top-width:0px;
		font-size:10pt;
		white-space:normal;
		background: #006699;/*#3350AE;*/

	}
a.drop:before
	{
		content:url(../images/goarrow.png) " ";
	}
a:link.drop, a:hover.drop, a:visited.drop
	{
		text-decoration:none;
		color:white;
	}
a:hover.drop
	{
		border-top:1px solid white;
		border-left:1px solid white;
		border-right:1px solid white;
		background:#287F79;
	}
a:link.altbar, a:visited.altbar
	{
		color:white;
		text-decoration:none;
	}
a:hover.altbar
	{
		border:1px solid white;
		background:#287F79;
	}
a:hover.feart
	{
		text-decoration:underline;
	}
table.header
	{
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		margin-bottom:0px !important;
		padding-bottom:0px;
		width:1000px;
		background-color:#006699;
		border-width:1px;
		border-color:#000000;
		border-style:solid;
		border-collapse:collapse;
		border-bottom-color:#006699;
		background-image:url(../images/macro_banner_backless.png); /*plain*/
		background-repeat: no-repeat;
		background-position:bottom left;
		height:150px;
		}
td.headnav
	{
		text-align:left;
		vertical-align:bottom;
		width:auto;
		margin-bottom:0px;
	}
ul.headnav
	{
		list-style:none;
		display:inline;
		text-decoration:none;
		color:white;
		padding:2px;
		margin:2px;
	}
ul.headnav2
	{
		list-style:none;
		display:block;
		text-decoration:none;
		padding:2px;
		margin:2px;
	}
li.headnav
	{
		list-style:none;
		display:inline;
		text-decoration:none;
		color:white;
		padding:4px;
		position:relative;
		float:left;
		width:4em; /* 6 works */
		white-space:nowrap;
		z-index:95; /* Yet another IE hack */
	}
li.headnav2
	{
		position:relative;
		width:191px;
		z-index:95; /* Yet another IE hack */
	}
a:link.bar, a:visited.bar
	{
		color:white;
		text-decoration:none;
	}
a:hover.bar
	{
		color:black;
		text-decoration:underline;
		/* background-image:url(../images/nav_glow.png);
		background-repeat:repeat; */
	}
img.hbox
	{
		border:none 0px;
		border-collapse:collapse;
		display:block;
		margin-top:-80px;
	}
a.banner:hover, a.banner:link, a.banner:visited
	{
		text-decoration:none;
	}
li.dummyli
	{
		background:url(../images/transpix.png) repeat;
		border:0;
	}
li.dummyli a:hover, li.dummyli a:link, li.dummyli a:visited
	{
		display:block;
		text-decoration:none;
	}
/* 
****************************
Hover Definitions
****************************
 */

div.define
	{
		position:relative;
		color:#006699;
		font-weight:bold;
		display:inline; /* Maybe important tag */
		z-index:50; /* Required to fix IE bug */
	}
ul.popdef
	{
		display:none;
		position:absolute;
		top:-1.25em;
		/*
		left:auto;
		right:auto;
		*/
		left:0;
		text-align:left;
		padding:0;
		margin:0;
		list-style:none;
		z-index:60;
		
	}
div:hover.define ul
	{
		display:block; /* inline */
	}
ul.popdef li
       {
		position:relative;
       		background-image:url(../images/defback.png);
		background-repeat:repeat;
		width:15em;
		border:1px solid black;
		color:white;
		font-weight:normal;
		text-decoration:none;
		text-align:left;
		padding:3px;
		z-index:92; /* More IE hackery */
       }