/* The Excellent Cross-Time Phenomenon with Jet-Pack 2010 CSS, v0.5 */

html, body {height: 100%; margin: 0; padding: 0; background: #8ccca8 url(images/bkgd-body.jpg) left top repeat-x;}

body { font-family: trebuchet, trebuchet ms, tahoma, sans-serif; font-size: medium; }

body#home { }

#wrapper { position: relative;  min-height: 98%; width: 100%; border: 0;  padding: 0 0 20px 0 ; }

#top {position: relative; height: 18px; border-bottom: 1px solid #fc0; background: #ae9745; z-index: 1; margin: 0; }
#top p { color: #fc0; margin: 0; padding: 2px 0 0 6px; line-height: 13px; font-size: 11px; text-transform: uppercase; font-weight: bold;  }

#pheno2010 { position: absolute; top: 40px; left: 200px; width: 540px; height: 53px; background: transparent url(images/pheno2010.gif) left top no-repeat; z-index: 2;}

#leftnav {position: absolute; top: 30px; left:6px; width: 150px; background: white; border: 2px solid #fc0; border-width: 4px 0; padding:0; font-size: 75%;  z-index: 5;}

#leftnav h3 {margin: 0;}

#leftnav ul {margin: 0; padding: 0;  list-style-type: none; }

* html #leftnav ul { }

#leftnav li { text-align: left; padding: 0;   }
#leftnav li.level2 a { text-transform: none; line-height: 1.4em; padding-left: 2em; }


#leftnav li a { display: block; height: 1.5em; border-top: 1px solid #fc3; padding: 0.3em 0 0.1em 6px; }
#leftnav li a:visited { color: #0048e5}
#leftnav li a:hover { background: #ae9745; color: white; text-decoration: none; }
#leftnav a:active { }
#leftnav h3 a { color: #806100; border-top: 0; padding-top: 0.4em; }
#leftnav a.current { color: white !important; background: #ae9745; }

#news { position: absolute; top: 170px; left: 200px; width: 200px; border: 4px solid #fc3; border-width: 3px 0; padding: 0; margin: 0; background: white; text-transform: uppercase;}
#news h2 { margin: 0; line-height: 1em; padding: 6px ; border: 1px solid white; border-width: 0 0 3px 0; font-size: 1em; color: white; background: #ae9745;}
#news p { margin: 6px 0 ; padding: 0 6px; font-size: 85%; }
#news h4 { margin: 6px 0 ; padding: 0 6px; }

* html #news p { font-size: 75%; }

#content { position: relative; margin: 11px 20px 20px 165px; background: white; padding: 0 20px 10px 20px; border: 4px solid #fc3; border-width: 4px 0; max-width: 790px; font-size: 85%; z-index: 5; }

#home #content { margin: 0; padding: 0; background: transparent; border: 0; }

#epoch {  position: absolute; top: 80px; left: 200px; background: transparent; padding: 6px 0 0 0; ; font-size: 150%; width: 540px; border-top: 3px solid #ff0; }
#epoch h4 { color: yellow; line-height: 1.5em; margin-top: 0; font-family: trebuchet, trebuchet ms, tahoma, sans-serif; text-align: center; }

#fossils { display: none; position: absolute; top: 140px; left: 160px; background: transparent; padding: 0; border: 0; font-size: 120%; }
#fossils p { line-height: 1em; margin: 0.5em 0; }
#fossils a { color: white; font-weight: bold;}

#earth { position: absolute; bottom: 0; left: 0; height: 450px; width: 100%; background: transparent; padding: 0; margin: 0; border: 0;z-index: 0; }
#mounts { position: absolute; bottom: 304px; width: 100%; height: 140px; background: transparent url(images/bkgd-mounts.gif) repeat-x; padding: 0; border: 0; z-index: 0; }
#dirt { position: absolute; bottom: 0; width: 100%; height: 304px; background: transparent url(images/bkgd-dirt.jpg) repeat-x; padding: 0; border: 0; z-index: 0; }

#center { display: block; position: absolute; bottom: 0; right: 50px; width: 700px; height: 380px; background: transparent; padding: 0; border: 0; margin: 0; }
#timeportal { position: absolute; bottom: 40px; left: 0; width: 199px; height: 338px; background: transparent url(images/timeportal.gif) left top no-repeat; padding: 0; border: 0; z-index: 1; }
#footsteps { position: absolute; bottom: 5px; left: 140px; width: 180px; height: 32px; background: transparent url(images/footsteps.gif) left bottom no-repeat; padding: 0; border: 0; z-index: 1; }
#morphs {position: absolute; margin: 0; bottom: 15px; left: 320px; width: 356px; height: 256px; z-index: 2; background: url(images/morphs.gif) top left no-repeat; border: 0; }
#morphosaurus {display: none; position: absolute; margin: 0; bottom: 250px; right: 0px; width: 200px; height: 244px; z-index: 10; background: transparent url(images/morphosaurus.gif) top left no-repeat; border: 0; }

#wr2010 {background: #ffe486; border: 4px dotted #806100; padding: 10px 20px; margin: 20px 0; }

#wr2010 h2 { border: 0; margin-top: 0; }

a:link { color: #0048e5; text-decoration: none; }
a:visited {color: #950b38; text-decoration: none; }
a:hover {text-decoration: underline; color: #00bbe3; }
a:active { text-decoration: underline; color: #00bbe3;}
a.current {color: #000; font-weight: bold;  }

p {margin: 0.6em 0; line-height: 1.4em; color: #222;}

h1, h2, h3, h4, h5 { color: #806100; margin: 1.6em 0 0.4em 0; padding: 0; }
h1 { color: white; font-size: 180%; margin: 0 -20px 20px -20px; padding: 10px 0 10px 20px; border-bottom: 1px solid #fc3; background: #ae9745; }
h2 {font-size: 150%; padding-top: 0.4em; border-top: 3px solid /*#806100*/ #fc3;}

h1 + h2 { border-top: 0; }

h3 {font-size: 120%; margin-top: 1.6em;}
h3.writer, h4.writer { margin: 0 0 1em 0; }
h4 {margin-top: 1.6em; }
h5 {font-size: 80%; margin-top: 1.6em; }


* html h1 {font-size: 220%; }
* html h2 {font-size: 130%; }
* html h3 {font-size: 130%; }
* html h4 {font-size: 90%;  }
* html h5 {font-size: 80%; }

#content ul { margin: 1em 0 1em 1em; padding: 0; }
#content li { margin: 0 0 0.5em 0; padding: 0; line-height: 1.3em; }
* html li { list-style-image: url(images/bullet_ie.gif); }

.hide { display: none; }
.top { font-size: 80%; text-align: right;}
.overline { margin-top: 1.6em; padding-top: 6px; border-top: 3px solid #fc3; }
.right {text-align: right; }
.left {text-align: left; }
.center {text-align: center; }
.red { color: #d36;}
.grey { color: #999 !important; }
.norm {font-style: normal;}
.tba { }
.typewriter { font-family: courier;  }
.small {font-size: 80%; }
.spacer { margin-top: 2em; }
.spaced { margin: 2em 0; }
.email { padding: 3px 6px; background: #ffe486; color: black; font-family: Courier, monospace; white-space: nowrap; }
.italic {font-style: italic;}
.bold {font-weight: bold; }
img { padding: 0; margin: 0; border: 0; }
.rightdecoration { z-index: 10; position: relative; float: right; margin: 10px; }
.pictag { font-size: 70%; color: #777; width: 60%; text-align: center; margin: 0 auto;}
* html .pictag { width: 100%;}
.cancel { color: #999 !important; text-decoration: line-through !important; }



.rating { position: relative; margin: 0.5em auto; padding: 0; width: 75%; border: 1px solid #fc3; border-width: 2px 1px; background white; border-collapse: collapse;}

* html table.rating { }

.rating td { font-size: 90%; border-right: 1px solid #fc3; border-bottom: 1px solid #fc3; border-collapse: collapse;}
.rating th { font-size: 90%; font-weight: bold; color: white; text-align: left; border-bottom: 1px solid #fc3;	background: #ae9745; border-collapse: collapse; }



.boxblurb { margin: 1.5em 40px; font-style: italic;}
.boxdetails { margin: 1.2em 40px;}
.boxblurbauthor { margin: -10px 40px 20px 100px; line-height: 1.3em; font-style: normal; text-indent: -1.3em; }


.schedule { margin: 1em 0 2em 0; border: 2px solid #fc3; width: 95%; border-collapse: collapse;	}

* html .schedule { margin: 1.5em 0; font-size: 80% }

.schedule th { margin: 0; padding: 0.4em; text-align: center; background: #ae9745; border-bottom: 1px solid #fc3; border-collapse: collapse; color: white;	}

.schedule td { padding: 0.4em; margin: 0; text-align: center; border-right: 1px solid #fc3; border-bottom: 1px solid #fc3; border-collapse: collapse; 	}

.schedule td.rowhead {text-align: left; font-weight: bold; }
td.break { text-align: left; font-style: italic; font-weight: normal; background: #d8c16c; }

.schedule td.left { text-align: left; }

.no { color: #ccc; background: #666;}