/*
Theme Name: Revive and Restore
Author: Sans Ink Web & Graphic Design
Author URI: http://sansink.com/
Description: Wordpress theme developed for Revive and Restore, a part of the Longnow foundation.
Version: 1.0

*/
/*  LOGIN SCREEN */

h1 a {
  background-image: url("http://longnow.org/revive/wp-content/uploads/2014/10/longnow-revive-logo-private1.png") !important;
  background-size: 400px 101px !important;
  height: 101px !important;
  margin-bottom: 15px !important;
  width: 400px !important;
}

/* ------------------- */


.imgborder { border: 7px solid #d9d8d1; }
.hidden {display:none;}

.page-id-3572 .body_block, .page-id-3643 .body_block, .page-id-3663 .body_block, .page-id-3672 .body_block, .page-id-4127 .body_block, .page-id-4752 .body_block, .page-id-5610 .body_block, .page-id-5479 .body_block {
  background-color: #fff;
}

a.anchor {
  left: 0;
  position: absolute;
  top: -120px;
}

p, h1, h2, h3, h4, h5, h6, em, strong {position:relative;}
h1, h2, h3, h4, h5, h6 {margin:0 0 12pt 0 !important;}

.wpb_wrapper img {
  max-width: 100%;
}


h6 {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-seriferit !important;
  font-size: 18px !important;
  font-weight: bold !important;
}



/* SUBMENU page nav Styles */
.stackmenu ul {
	width:100%;
	margin:0 !important;
	padding-bottom:20px;
	display:table;
	}

.stackmenu ul li {
  border-bottom: 1px solid #ccc;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 50%;
}

/*.stackmenu ul li:nth-last-of-type {
  border-bottom: none;
	}
.stackmenu ul li:nth-last-of-type(2) {
  border-bottom: none;
	}*/


.stackmenu ul li a {
	width:100%;
	padding:1px 2px;
	width:100%;
	display:table;
	}

/*  Page Stack Menus */
/*  mammoth */
.mammoth-menu a {
  color: #fff;
  padding: 2px 0 !important;
  text-indent: 10px;
}
.mammoth-menu a:hover {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  color: #9f9f9f;
}

/* Black Footed Ferret Page Styles */
	.stackmenu .menu-black-footed-ferret-menu-container li a {
	  color: #fff;
	}
	.stackmenu .menu-black-footed-ferret-menu-container li:hover {
	  background: none repeat scroll 0 0 #b99d5a;
	}
	.vc_custom_1405029708295, .vc_custom_1405023060689 {
	  background-color: #c9ad6a !important;
	  border-width: 1px !important;
	}

	.teaser_grid_container ul {
	  margin: 0 !important;
	}

	.teaser_grid_container ul li {
	  padding: 0 !important;
	}




/* READ MORE expanding Styles */
	.collapseomatic {
		background-position: 0 4px;
		width: auto;
	}

/* TEASER Styles */

.teaser_grid_container ul {
  margin: 0;
}



/* PDF (CAPTION) Styles -- Makes PDFs with Captions align better */
.pdflist br {
  display: none;
}


/* JW VIDEO PLAYER Styles -- fix vanishing video player */

.jwplayer {
   overflow: scroll;
}

.jwplaylistcontainer {
  position: relative !important;
  bottom: -287px !important;
  margin-top: 30px !important;
}

.jwvideo {
  height: 287px !important;
  opacity: 1 !important;
}

.jwmain {
  top: 30px !important;
}

/*  Masorny Galleries  ------------------ */

.pinterest-container {
  margin: 0 !important;
}



/* Notes


*/

input[type=submit]{
    color: #41413f;
}

blockquote{
    margin: 0;
    font-size: 20px;
    text-shadow: 1px 1px 0 #f3f3f3;
    font-style: normal;
    color: #58564e;
    text-indent: 10px;
}
blockquote :before{
    left: -10px;
}
blockquote cite:before,
blockquote em:before{
    content: "";
}
blockquote cite{
    display: block;
    text-align: right;
    overflow: hidden;
    font: bold 14px sans-serif;
}

.page-top-link{
    position: absolute;
    bottom: 0px;
    display: block!important;
    text-align: center!important;
    width: 100%;
}
.page-top-link a{
    color: #acb3af;
}
img.alignright, p.alignright{
    float: right;
    margin: 5px 0 35px 35px;
}
img.alignleft, p.alignleft{
    float: left;
    margin: 5px 35px 35px 0;
}
img.aligncenter{
    display: block;
    margin: 20px auto;
}
/* captions */
div.wp-caption{
    border: 1px solid lightgray;
    background-color: #deddd3;
    text-align: center;
    padding-top: 4px;
    margin-bottom: 10px;
}
div.wp-caption .wp-caption-text{
    font-size: 11px;
    padding: 5px 5px 10px;
    margin: 0;
    text-align: left;
}
div.wp-caption.alignleft{
    float: left;
    margin: 5px 20px 15px 0;
}
div.wp-caption.alignright{
    float: right;
    margin: 5px 0 15px 20px;
}
div.wp-caption a{
    display: block;
}

/* sidebar */
.section_box{
    margin-top: 30px;
    clear: both;
}
.section_box h3{
    margin-bottom: 8px;
}
.section_box:first-child{
    margin-top: 0;
}



/* link transitions */
#longphoto-toggle a, #longmenu-toggle, #rare-nav-main li a{
    -webkit-transition:all .15s ease-in;
    -moz-transition:all .15s ease-in;
    -o-transition:all .15s ease-in;
    transition:all .15s ease-in;
}



/* animal species captions */
.species-caption{
    position: absolute;
    font-size: 11px;
    text-shadow: 0 0 3px #fff;
    z-index: 1000;
    line-height: 16px;
}
.species-caption.white{
    text-shadow: 0 0 3px #000;
    color: #fff
}
.species-caption.dark{
    color: #1d1c19;
}
.species-caption.top{
    top: 5%;
}
.species-caption.middle{
    top: 50%;
}
.species-caption.bottom{
    bottom: 5%;
}

.species-caption.left{
    left: 5%;
}
.species-caption.center{
    left: 50%;
}
.species-caption.right{
    right: 5%;
}

/* image captions from data-hint */
.img-caption-wrapper{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.img-caption-wrapper.alignleft{
    float: left;
    margin: 5px 35px 35px 0;
}
.img-caption-wrapper.alignright{
    float: right;
    margin: 5px 0 35px 35px;
}
.img-caption-wrapper.aligncenter{
    margin: 20px auto;
}
.img-caption{
    background: url(ui/black-transpaernt_bg.png) repeat;
    text-align: left;
    color: #fff;
    display: block;
    padding: 8px 25px;
    line-height: 16px;
    font-size: 11px;
    position: absolute;
    left: 0;
    bottom: 5px;
    text-shadow: 1px 1px 2px #333;
}
.img-caption a{
    color: #48aaf4;
}

/* longphoto */
#longphoto{
    height: 311px;
    display: relative;
    border-top: 1px solid #134141;
}
body.home #longphoto{
    height: 686px!important;
}
#longphoto #photo_copyright{
    position: absolute;
    right: 5px;
    bottom: 50px;
    text-align: right;
    z-index: 10000;
    font-size: 10px;
}
#longphoto #photo_copyright a{
    color: #fff;
}
#tedxdeextinctionlongphoto_hype_container{
    width: 870px;
    height: 321px;
    z-index: 400;
}

/* change longphoto border color on all tedx pages */
body.tedxdeextinction #longphoto, .page-id-167 #longphoto, .parent-pageid-167 #longphoto{
    border-top: 1px solid #631b17;
}
#longphoto-toggle{
    position: absolute;
    bottom: 70px;
    left: 20px;
}
#longphoto-toggle .ss-icon{
    vertical-align: sub;
}
#longphoto-toggle a{
    font-size: 14px;
    color: #999;
}
#longphoto-toggle a:hover, #longmenu-toggle:hover{
    color: #fff;
}




/* front-page longphoto mission and premise */
#longphoto-mission-premise{
    position: absolute;
    left: 35px;
    top: 120px;
    width: 360px;
    color: #fff;
    font: 500 16px "Open Sans", Helvetica, Arial, sans-serif;
}
#longphoto-mission-premise p{
    margin: 0 0 1em;
}
#longphoto-tagline{
    margin-bottom: 20px;
    color: #789d9b;
    font: normal 1.2em 'EB Garamond', 'Goudy Old Style', 'Palatino', 'Book Antiqua', Georgia, serif;
    text-transform: lowercase;
}
#longphoto-mission ul{
    margin: 10px 0 0 10px;
    text-align: left;
}
#longphoto-mission ul li{
    font-size: 13px;
    color: #ede3bc;
    margin: 5px 20px 0 30px;
    padding: 0 0 6px 0;
    line-height: 18px;
    list-style: none;
    border-bottom: 1px solid #2b2b2b;
}
#longphoto-mission ul li:before{
    content:'\00b7'; font-size: 15px;
    margin-left: -10px;
    padding-right: 5px;
}
#longphoto-mission ul li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
#longphoto #longphoto-mission{
    line-height: 23px;
    margin-top: 30px;
    padding-right: 40px;
}
#longphoto #longphoto-premise{
    font-size: 12px;
    text-align: left;
    line-height: 21px;
    color: #ede3bc;
    padding: 0;
    margin: 0;
}
#longphoto-description{
    position: absolute;
    bottom: 60px;
    left: 70px;
    width: 300px;
    line-height: 20px;
    text-align: right;
    color: #cccccc;
    font: 600 12px "Open Sans", Helvetica, Arial, sans-serif;
}
#longphoto-description a{
    color: #789d9b;
}
#longphoto-description a:hover{
    text-decoration: underline;
}








/* homepage painting key */

#painting-key-box, #painting-key-holder{
    position: absolute;
    top: 0;
    right: 0;
    width: 456px;
    height: 645px;
}
#painting-key-box{
    display: none;
}
#painting-key-box .key{
    background: url(ui/painting-key.png) no-repeat;
    position: absolute;
    display: block;
    cursor: pointer;
    height: 12px;
    width: 16px;
}
.key-1{
    background-position: 0 0;
    width: 8px!important;
    top: 80px;
    left: 134px;
}
.key-1-2{
    background-position: 0 0;
    width: 8px!important;
    top: 67px;
    left: 349px;
}
.key-2{
    background-position: -21px 0 !important;
    width: 10px!important;
    top: 58px;
    left: 106px;
}
.key-3{
    background-position: -43px 0 !important;
    width: 10px!important;
    top: 38px;
    left: 240px;
}
.key-4{
    background-position: -64px 0 !important;
    width: 10px!important;
    top: 67px;
    left: 380px;
}
.key-5{
    background-position: -85px 0 !important;
    width: 10px!important;
    top: 78px;
    left: 162px;
}
.key-5-2{
    background-position: -85px 0 !important;
    width: 10px!important;
    top: 611px;
    left: 275px;
}
.key-6{
    background-position: -107px 0 !important;
    width: 10px!important;
    top: 113px;
    left: 210px;
}
.key-6-2{
    background-position: -107px 0 !important;
    width: 10px!important;
    top: 552px;
    left: 202px;
}
.key-7{
    background-position: -128px 0 !important;
    width: 10px!important;
    top: 131px;
    left: 251px;
}
.key-8{
    background-position: -150px 0 !important;
    width: 10px!important;
    top: 162px;
    left: 60px;
}
.key-8-2{
    background-position: -150px 0 !important;
    width: 10px!important;
    top: 90px;
    left: 341px;
}
.key-9{
    background-position: -171px 0 !important;
    width: 10px!important;
    top: 142px;
    left: 387px;
}
.key-9-2{
    background-position: -171px 0 !important;
    width: 10px!important;
    top: 61px;
    left: 310px;
}
.key-10{
    background-position: -193px 0 !important;
    top: 113px;
    left: 143px;
}
.key-10-2{
    background-position: -193px 0 !important;
    top: 207px;
    left: 264px;
}
.key-10-3{
    background-position: -193px 0 !important;
    top: 223px;
    left: 106px;
}
.key-11{
    background-position: -220px 0 !important;
    top: 137px;
    left: 291px;
}
.key-11-2{
    background-position: -220px 0 !important;
    top: 207px;
    left: 147px;
}
.key-12{
    background-position: -248px 0 !important;
    top: 147px;
    left: 106px;
}
.key-13{
    background-position: -275px 0 !important;
    top: 218px;
    left: 67px;
}
.key-14{
    background-position: -303px 0 !important;
    top: 234px;
    left: 196px;
}
.key-14-2{
    background-position: -303px 0 !important;
    top: 245px;
    left: 300px;
}
.key-15{
    background-position: -330px 0 !important;
    top: 280px;
    left: 235px;
}
.key-15-2{
    background-position: -330px 0 !important;
    top: 488px;
    left: 185px;
}
.key-16{
    background-position: -358px 0 !important;
    top: 238px;
    left: 266px;
}
.key-16-2{
    background-position: -358px 0 !important;
    top: 507px;
    left: 180px;
}
.key-17{
    background-position: 0 -29px !important;
    top: 200px;
    left: 349px;
}
.key-18{
    background-position: -28px -29px !important;
    top: 237px;
    left: 379px;
}
.key-18-2{
    background-position: -28px -29px !important;
    top: 327px;
    left: 309px;
}
.key-19{
    background-position: -55px -29px !important;
    top: 295px;
    left: 278px;
}
.key-19-2{
    background-position: -55px -29px !important;
    top: 317px;
    left: 140px;
}
.key-20{
    background-position: -82px -29px !important;
    top: 288px;
    left: 24px;
}
.key-20-2{
    background-position: -82px -29px !important;
    top: 239px;
    left: 92px;
}
.key-21{
    background-position: -110px -29px !important;
    top: 338px;
    left: 33px;
}
.key-22{
    background-position: -137px -29px !important;
    top: 315px;
    left: 57px;
}
.key-23{
    background-position: -165px -29px !important;
    top: 375px;
    left: 98px;
}
.key-24{
    background-position: -193px -29px !important;
    top: 343px;
    left: 183px;
}
.key-24-2{
    background-position: -193px -29px !important;
    top: 314px;
    left: 328px;
}
.key-25{
    background-position: -220px -29px !important;
    top: 334px;
    left: 255px;
}
.key-26{
    background-position: -248px -29px !important;
    top: 331px;
    left: 363px;
}
.key-26-2{
    background-position: -248px -29px !important;
    top: 372px;
    left: 396px;
}
.key-27{
    background-position: -275px -29px !important;
    top: 293px;
    left: 389px;
}
.key-27-2{
    background-position: -275px -29px !important;
    top: 311px;
    left: 293px;
}
.key-28{
    background-position: -303px -29px !important;
    top: 331px;
    left: 411px;
}
.key-29{
    background-position: -330px -29px !important;
    top: 395px;
    left: 420px;
}
.key-30{
    background-position: -358px -29px !important;
    top: 453px;
    left: 440px;
}
.key-30-2{
    background-position: -358px -29px !important;
    top: 291px;
    left: 83px;
}
.key-31{
    background-position: 0 -58px !important;
    top: 453px;
    left: 393px;
}
.key-31-2{
    background-position: 0 -58px !important;
    top: 441px;
    left: 19px;
}
.key-32{
    background-position: -27px -58px !important;
    top: 488px;
    left: 394px;
}
.key-33{
    background-position: -55px -58px !important;
    top: 441px;
    left: 344px;
}
.key-33-2{
    background-position: -55px -58px !important;
    top: 419px;
    left: 24px;
}
.key-33-3{
    background-position: -55px -58px !important;
    top: 501px;
    left: 227px;
}
.key-34{
    background-position: -82px -58px !important;
    top: 389px;
    left: 282px;
}
.key-34-2{
    background-position: -82px -58px !important;
    top: 380px;
    left: 250px;
}
.key-35{
    background-position: -110px -58px !important;
    top: 421px;
    left: 242px;
}
.key-36{
    background-position: -137px -58px !important;
    top: 438px;
    left: 243px;
}
.key-37{
    background-position: -165px -58px !important;
    top: 453px;
    left: 232px;
}
.key-37-2{
    background-position: -165px -58px !important;
    top: 436px;
    left: 181px;
}
.key-38{
    background-position: -193px -58px !important;
    top: 427px;
    left: 158px;
}
.key-38-2{
    background-position: -193px -58px !important;
    top: 425px;
    left: 216px;
}
.key-39{
    background-position: -220px -58px !important;
    top: 419px;
    left: 172px;
}
.key-40{
    background-position: -247px -58px !important;
    top: 460px;
    left: 198px;
}
.key-41{
    background-position: -275px -58px !important;
    top: 485px;
    left: 232px;
}
.key-42{
    background-position: -302px -58px !important;
    top: 502px;
    left: 134px;
}
.key-43{
    background-position: -330px -58px !important;
    top: 516px;
    left: 104px;
}
.key-43-2{
    background-position: -330px -58px !important;
    top: 516px;
    left: 262px;
}
.key-44{
    background-position: -357px -58px !important;
    top: 530px;
    left: 152px;
}
.key-45{
    background-position: 0 -87px !important;
    top: 526px;
    left: 229px;
}
.key-46{
    background-position: -27px -87px !important;
    top: 467px;
    left: 318px;
}
.key-47{
    background-position: -55px -87px !important;
    top: 330px;
    left: 344px;
}
.key-47-2{
    background-position: -55px -87px !important;
    top: 285px;
    left: 372px;
}
.key-48{
    background-position: -82px -87px !important;
    top: 522px;
    left: 366px;
}
.key-49{
    background-position: -110px -87px !important;
    top: 535px;
    left: 329px;
}
.key-49-2{
    background-position: -110px -87px !important;
    top: 562px;
    left: 346px;
}
.key-50{
    background-position: -137px -87px !important;
    top: 567px;
    left: 313px;
}
.key-51{
    background-position: -165px -87px !important;
    top: 589px;
    left: 311px;
}
.key-52{
    background-position: -193px -87px !important;
    top: 553px;
    left: 243px;
}
.key-53{
    background-position: -220px -87px !important;
    top: 570px;
    left: 208px;
}
.key-54{
    background-position: -248px -87px !important;
    top: 587px;
    left: 209px;
}
.key-55{
    background-position: -275px -87px !important;
    top: 608px;
    left: 216px;
}
.key-56{
    background-position: -303px -87px !important;
    top: 594px;
    left: 183px;
}
.key-56-2{
    background-position: -303px -87px !important;
    top: 565px;
    left: 24px;
}
.key-57{
    background-position: -330px -87px !important;
    top: 565px;
    left: 146px;
}
.key-58{
    background-position: -358px -87px !important;
    top: 619px;
    left: 133px;
}
.key-59{
    background-position: 0 -116px !important;
    top: 571px;
    left: 65px;
}
.key-60{
    background-position: -27px -116px !important;
    top: 549px;
    left: 6px;
}
.key-60-2{
    background-position: -27px -116px !important;
    top: 322px;
    left: 172px;
}
.key-61{
    background-position: -55px -116px !important;
    top: 499px;
    left: 40px;
}
.key-62{
    background-position: -82px -116px !important;
    top: 415px;
    left: 189px;
}
.key-63{
    background-position: -110px -116px !important;
    top: 473px;
    left: 140px;
}





/* homepage longphoto links */

.lp-facebook, .lp-twitter, .lp-googleplus, .lp-isabella_painting {
    position: absolute;
    display: block;
    /* background: red;
    opacity: 0.4; */
    z-index: 9999;
}
.lp-facebook, .lp-twitter, .lp-googleplus {
    top: 318px;
    width: 30px;
    height: 30px;
}
.lp-facebook {
    left: 160px;
}
.lp-twitter {
    left: 205px;
}
.lp-googleplus {
    left: 260px;
}
.lp-isabella_painting {
    top: 0;
    right: 0;
    width: 460px;
    height:645px;
}




/* longnow global menu */
#longmenu-toggle{
    color: #777;
}
#longmenu-toggle i{
    font-size: 1.3em;
    padding-left: 3px;
    vertical-align: sub;
    color: #4f4f4f;
}
.menu_block #global_menu > li ul li.break {
    background: #c1bfb4;
    overflow: hidden;
}
.menu_block #global_menu > li ul li.mute a {
    color: #68655c;
    pointer-events: none;
    cursor: default;
    background: transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.menu_block #global_menu > li ul li.mute a:hover { /* old browsers */
    background: transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}



/* rare main navigation */
#rare-nav-container{
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 40px;
    bottom: 0;
    left: 0;
    background: url(ui/rare-nav-bg.png) repeat-x;
    border-top: 1px solid #0d201e;
}
#rare-nav-container.fixed{
    position: fixed;
    width: 100%;
    min-width: 870px;
    top: 0;
    left: 0;
    z-index: 10000;
    font: normal 14px Arial;
}
#rare-nav-container.fixed #rare-nav-main{
    width: 860px;
    margin: 0 auto;
}
#rare-nav-main{
    margin: 0;
    padding-left: 10px;
}
#rare-nav-main li{
    margin: 0;
    list-style: none;
    float: left;
}
#rare-nav-main li a{
    display: inline-block;
    padding: 0 11px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
#rare-nav-main li:last-child a {

}
#rare-nav-main li a:hover{
    color: #ecff07;
    text-shadow: 0 0 2px #ecff07;
}
#rare-nav-main .sub-menu{
    display: block;
    top: 0;
    height: 0;
    overflow: hidden;
    width: 0;
    opacity: 0;
    list-style-type: none;
    position: absolute;
    z-index: 9999;
    margin: 0;
    padding: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -webkit-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.4);
}
#rare-nav-main > li:hover > ul {
  height: auto;
  opacity: 1;
  width: auto;
  /* -webkit-transition: opacity 50ms;
              -moz-transition: opacity 50ms; */

  top: 100%;
}
#rare-nav-main .sub-menu li {
  display: block;
  margin: 0;
  height: 27px;
  padding: 0;
  text-align: left;
  float: none;
}
#rare-nav-main .sub-menu li a{
    color: #e8e6dc;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#rare-nav-main .sub-menu li:hover > a {
  background: #3078AD;
  box-shadow: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: #F3EFDD;
}
#rare-nav-main .sub-menu li:last-child {
  height: 30px;
}
#rare-nav-main .sub-menu li:last-child:hover > a,
#rare-nav-main .sub-menu li:last-child > a.active {
  -moz-border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
}
#rare-nav-main .sub-menu li a {
  display: block;
  overflow: hidden;
  padding: 1px 30px 1px 12px;
  line-height: 2em;
  height: 28px;
  font-weight: normal;
  font-size: 14px;
}



/* child page sub-nav */
#child-navigation{
    margin-bottom: 10px;
    margin-top: -20px;
    border-bottom: 1px solid #cecece;
}
#child-navigation li{
    list-style: none;
    display: inline-block;
    padding: 0 0 0 10px;
}
#child-navigation .parent-link{
    color: #58564e;
}











/* rare search box in navigation */
#rare-search{
    position: absolute;
    right: 8px;
    top: 6px;
    border: 1px solid #454541;
    background: #1a1a1a;
    border-radius: 15px;
    padding-left: 7px;
    box-shadow: inset 0 3px 12px #000;
}
#rare-search input[type=text]{
    width: 45px;
    height: 20px;
    padding: 2px 10px;
    line-height: 20px;
    background: transparent;
    border: 0;
    color: #fff;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}



.body_block {
    font-size: 1.12em;
    padding-top: 30px;
    padding-bottom: 80px;
    background-color: #e8e7e0;
}
.body_block ul li,
.body_block ol li {
    margin-bottom: 4px;
}
.body_block h1 {
    color: #41413f;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    margin-bottom: 4px;
}
.body_block h2 {
    font:normal 32px 'EB Garamond', 'Goudy Old Style', 'Palatino', 'Book Antiqua', Georgia, serif;
    line-height: 1.2em;
    color: #41413f;
    margin-bottom: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.body_block h3{
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.body_block ul {
    margin-left: 30px;
}
.body_block .blog-sidebar ul{
    margin-left: 17px;
}
.header_block form {
    display: none;
}
.menu_block {
    display: none;
}
.user_menu_block div {
    display: none;
}

.footer_block p{
    font-size: 12px;
}
.footer_block a{
    cursor: pointer;
}
/* rare footer links */
ul.latest-blog-posts li a, ul.footer-featured-links li a{
    font-size: 13px;
    cursor: pointer;
}
ul.latest-blog-posts li, ul.footer-featured-links li{
    margin: 0;
    padding: 2px 0;
}
ul.footer-featured-links li{
    float: left;
    width: 50%;

}



/* rare blog */
.blog-sidebar h3{
    font-size: 2em;
    text-shadow: -1px 1px 1px #f3f3f3;
}

.blog-sidebar ul li{
    margin: 0;
    padding: 0;
}
.single-post h1{
    font-size: 32px;
    text-shadow: -1px 1px 0 #fff;
}
.single-post h1.entry-title{
    padding-bottom: 8px;
}
.single-post .entry-content{
    padding-top: 10px;
}
.blog-sidebar .tagcloud{
    margin-left: 10px;
}







/* custom page layouts */

body.page-id-11 .page-top-link a, body.page-id-40 .page-top-link a{
    color:  #fff ;
}
h2.section-heading{
    font: bold 16px Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #58564e;
}


/* passenger pigeon, page id = 33 */

body.page-id-33 .body_block div.first{
    background: url(ui/box-vert-border.gif) top right repeat-y;
    padding-right: 22px;
    margin-right: 18px;
}




/* kids & teachers, page id = 1535 */
body.page-id-1535 .wpcf7{
    border: 1px solid #ccc;
    padding: 40px;
    background-color: #deddd3;
}
body.page-id-1535 .wpcf7 input[type=text],
body.page-id-1535 .wpcf7 input[type=email],
body.page-id-1535 .wpcf7 select{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #f7f6f2;
    border: 1px solid #c1bfb4;
    padding: 5px;
}
body.page-id-1535 .wpcf7 span.label{
    display: inline-block;
    width: 150px;
    padding-right: 10px;
    text-align: right;
}
body.page-id-1535 .wpcf7 textarea{
    width: 475px;
}
body.page-id-1535 .wpcf7 input[type=submit] {
    margin: 4px 0 0 0;
    padding: 8px 0;
    background: #4f98c5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4f98c5 0, #204b6e 57%, #204b6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f98c5), color-stop(57%, #204b6e), color-stop(100%, #204b6e));
    background: -webkit-linear-gradient(top, #4f98c5 0, #204b6e 57%, #204b6e 100%);
    background: -o-linear-gradient(top, #4f98c5 0, #204b6e 57%, #204b6e 100%);
    background: -ms-linear-gradient(top, #4f98c5 0, #204b6e 57%, #204b6e 100%);
    background: linear-gradient(top, #4f98c5 0, #204b6e 57%, #204b6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f98c5', endColorstr='#204b6e', GradientType=0);
    border: 1px solid #2b6595;
    color: #fffef3;
    font-size: 2em;
    font-weight: 600;
    line-height: 1em;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    width: 230px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(20,20,20,0.7);
    -webkit-box-shadow: 0 2px 65px #fffceb;
    -moz-box-shadow: 0 2px 65px #fffceb;
    font-family: "EB Garamond",'EB Garamond','Goudy Old Style','Palatino','Book Antiqua',Georgia,serif;
    float: right;
}
body.page-id-1535 .wpcf7 .wpcf7-response-output{
    width: 400px;
    margin-top: -35px;
}



/* ethics page layout, wordpress page id = 11 */
body.page-id-11 .body_block{
    background: #fff;
    padding-bottom: 0;
}
.ethics-content-nav {
    width: 100%;
    text-align: center;
    margin-left: 0!important;
}
.ethics-content-nav li{
    display: inline-block;
    margin: 0;
    padding-right: 40px;
    padding-bottom: 30px;
    font: 600 26px "Open Sans", Helvetica, Arial, sans-serif;
    letter-spacing: -1px;

}
.ethics-content-nav li:last-child{
    padding-right: 0;
}
.ethics-content-nav li a{
    color: #504f4a;
}
.ethics-content-nav li a:hover, .ethics-content-nav li.ui-tabs-active a{
    color: #5dd2d5;
}
.ethics-content-nav li.ui-tabs-active{
    background: url(ui/ethics-section-arrow.png) bottom left no-repeat;
}
.ethics-tabs{
    margin: -45px -40px 0 -40px;
    padding: 50px 40px 650px;
    background: #e8e7e0;
}
.ethics-tabs.return-to-wild-tab{
    background: #e8e7e0 url(ui/ethics_return-to-wild_bg.jpg) bottom no-repeat;
}
.ethics-tabs.captive-breeding-tab{
    background: #e8e7e0 url(ui/ethics_captive-breeding_bg.jpg) bottom no-repeat;
}
.ethics-tabs.genomic-revival-tab{
    background: #e8e7e0 url(ui/ethics_genomic-revival_bg.jpg) bottom no-repeat;
}
.ethics-tabs ul{
    width: 42%;
    display: block;
    float: left;
    margin-left: 20px;
}
.ethics-tabs ul:first-child{
    margin-right: 8%;
}
.ethics-tabs ul:last-child{
    margin-right: 0;
}
.ethics-tabs ul li{
    list-style: url(ui/list-orange-circle.png) circle;
    font-size: 14px;
    margin-bottom: 15px;
}
#ethics-footer{
    position: absolute;
    bottom: 535px;
    width: 790px;
}



/* events page layout, page id 44 */
#event-boxes{
    clear: both;
   border-top: 1px solid #ccc;
}
#event-boxes .box{
    overflow: hidden;
    background: #fff;
    margin: 0;
    padding: 10px 40px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
#event-boxes .box .alignleft{
    margin: 30px 50px 30px 10px;
}
#event-boxes h2{
    color: #2b7ebe;
    font: 600 23px "Open Sans", Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    margin: 0 0 15px 0;
    padding: 0;
}
.event-content-box{
    background: #fff;
    padding: 20px 40px;
}



/* resources layout, page id 1340 */
#recommended-reading-box{
    font-size: 15px;
}
#recommended-reading-box h4{
    background: #f1f1ec;
    color: #605d52;
    font: bold 18px Helvetica, Arial, sans-serif;
    padding: 2px 5px;
    clear: both;
}
#recommended-reading-box a{
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}
#recommended-reading-box ul li{
    list-style: none;
    clear: both;
}




/* candidate species page layout, page id 40 */

body.page-id-40 h2{
    margin-bottom: 15px;
}
body.page-id-40 .wp-caption .wp-caption-text{
    color: #1264A2;
    text-align: center;
}
#candidate-species-box h2{
    font-size: 23px;
}
#candidate-species-box h3{
    font: 700 15px "Open Sans", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    clear: both;
}




/* FAQ & Reading Layout, page id 55 */

body.page-id-55 .body_block h3{
    font: normal 23px Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}
body.page-id-55 .faq-column{
    width: 375px;
    float: left;
    margin-top: 30px;
}
body.page-id-55 .faq-column.last{
    background: url(ui/box-vert-border.gif) top left repeat-y;
    padding-left: 20px;
    margin-left: 20px;
}
.faq-column p{
    padding-left: 15px;
}
.faq-column h4{
    background: #f1f1ec;
    color: #605d52;
    font: bold 18px Helvetica, Arial, sans-serif;
    padding: 2px 5px;
}
.faq-column ul li{
    list-style: url(ui/list-orange-circle.png) circle;
    margin-bottom: 15px;
    font-size: 12px;
    margin: 0 0 7px -5px;
}

/* homepage layout */


/* homepage boxes */
.homepage-box-section{
    background: url(ui/box-hor-border.gif) left bottom repeat-x;
    padding: 20px 0;
    display: table;
    width: 790px;
    text-shadow: 1px 1px 0 #fff;
}
.homepage-box-section.first{
    padding-top: 0;
}
.homepage-box-section.last{
    background: none;
}
.homepage-box-section .box-grid{
    display: table-cell;
    vertical-align: top;
    width: 234px;
    padding: 20px;
    position: relative;
}
.homepage-box-section .box-grid.first{
    padding-left: 0;
}
.homepage-box-section .box-grid.last{
    padding-right: 0;
}
.homepage-box-section .box-grid.boxborder{
    background: url(ui/box-vert-border.gif) top right repeat-y;
    padding-right: 24px;
}
.homepage-box-section .box-grid p{
    font-size: 11px;
    line-height: 19px;
    text-shadow: none;
}
.homepage-box-section .box-grid p:last-child{
    margin-bottom: 0;
}
.homepage-box-section .box-grid p a{
    text-decoration: underline;
}
.homepage-box-section .box-grid .tedx-button{
    padding: 10px 0;
    width: 232px;
    font-size: 12px;
}
.homepage-box-section .box-grid .purple-button{
    text-decoration: none;
    font-size: 14px;
    padding: 10px 0;
    width: 232px;
}

/* staff & advisors page layout, page id 52 */
body.page-id-52 #advisors_column ul li{
    list-style: url(ui/list-orange-circle.png) circle;
    margin-bottom: 15px;
    margin: 0 0 7px -5px;
}
body.page-id-52 #staff_column img{
    border: 7px solid #d9d8d1;
}




/* TEDxDeExtinction */
body.parent-pageid-167 .body_block, body.page-id-167 .body_block, body.tedxdeextinction .body_block {
    background: #fff;
}
body.tedxdeextinction .body_block h1{
    font-size: 32px;
}

body.page-id-40 .page-top-link a{
    color: #1d1c19;
}
body.parent-pageid-167 .page-top-link a, body.page-id-167 .page-top-link a{
    text-decoration: none!important;
}
body.parent-pageid-167 .body_block a, body.page-id-167 .body_block a{
    color: #ff2b06;
}
body.parent-pageid-167 .body_block a:hover, body.page-id-167 .body_block a:hover{
    text-decoration: underline;
}
.tedx-sidebar{
    padding-right: 20px;
    width: 250px;
    float: left;
}

hr.post-list{
    margin-bottom: 4px;;
}
.tedx-date, .tedx-location{
    font: normal 12px Helvetica, Arial, sans-serif;
}
body.page-id-167 h2, body.tedxdeextinction .entry-header h2, body.parent-pageid-167 h1, body.tedxdeextinction h1{
    margin: 0 0 4px;
    font: 700 25px "Open Sans", Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    border-bottom: 1px solid #cecece;
    color: #ff2b06;
}
body.page-id-167 h2{
    margin: 0 0 10px 0;
    border-bottom: none;
}
.tedx-footer{
    color: #fff;
}
.tedx-footer a{
    color: #ff2b06;
}
.tedx-footer a:hover{
    cursor: pointer;
    color: #ff2b06;
    text-decoration: underline;
}


/* speakers page, id = 349; contact page, id = 357, about page, id = 340 */
.parent-pageid-167 .entry-content h2{
    margin-bottom: 0;
    letter-spacing: -1px;
    font: 400 24px "Open Sans", Helvetica, Arial, sans-serif;
}
.page-id-349 .entry-content h2 strong, .page-id-357 .entry-content h2 strong{
    font-weight: 700;
}
.page-id-349 .entry-content img, .page-id-357 .entry-content img{
    border: 1px solid #000;
    padding: 3px;
}
.page-id-349 .entry-content hr, .page-id-340 .entry-content hr{
    margin: 5px 0 25px;
}
.page-id-349 .bio-link, .page-id-340 .internal-link{
    display: block;
    height: 1px;
}



/* tedx nav menu */
#menu-tedxdeextinction-menu{
    border-top: 1px solid #8d8d8d;
    margin: 0;
    width: 250px;
}
#menu-tedxdeextinction-menu li{
    list-style: none;
    width: 119px;
    padding: 1px 0 1px 4px;
    margin: 0 1px;
    float: left;
    border-bottom: 1px solid #ccc;
}
#menu-tedxdeextinction-menu li a{
    font-size: 12px;
    color: #444;
}
#menu-tedxdeextinction-menu li a:hover{
    color: #ff2b06;
}


/* tedx infobox */
#tedx-infobox{
    background: #1a1a1a;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    margin-right: -20px;
    margin-top: 10px;
    padding: 25px 0 25px 60px
}
#tedx-infobox strong{
    color: #ff2b06;
    font-size: 14px;
}
.tedx-infolocation{
    margin-top: 15px;
}
#tedx-infobox .ss-icon{
    margin-left: -40px;
    display: block;
    float: left;
    font-size: 25px;
}




/* TEDx Red Button and Purple General button */
a.tedx-button, a.purple-button {
    text-decoration: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 14px;
    display: inline-block;
}
a.tedx-button:link, a.tedx-button:visited, a.purple-button:link, a.purple-button:visited {
    display: inline-block;
    text-align: center;
    line-height: normal;
    padding: 10px 20px;
    color: white;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    font-weight: bold;
    background: -webkit-linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
    background: -moz-linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
    background: -o-linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
    background: -ms-linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
    background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.3));
    background-color: #ff2b06;
    border: 1px solid #6A1515;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0.3);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0.3);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}
a.purple-button:link, a.purple-button:visited{
    background-color: #7e5991;
    border: 1px solid #3f2c4c;
}
a.tedx-button:hover, a.purple-button:hover {
    background: -webkit-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.32));
    background: -moz-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.32));
    background: -o-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.32));
    background: -ms-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.32));
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.32));
    background-color: #f21300;
    border: 1px solid #500E0D;
    color:#fff;
}
a.purple-button:hover{
    background-color: #6c4c81;
}
a.tedx-button:active, a.purple-button:active {
    color: #eee;
    background: -webkit-linear-gradient(rgba(0,0,0,0.32),rgba(0,0,0,0.0));
    background: -moz-linear-gradient(rgba(0,0,0,0.32),rgba(0,0,0,0.0));
    background: -o-linear-gradient(rgba(0,0,0,0.32),rgba(0,0,0,0.0));
    background: -ms-linear-gradient(rgba(0,0,0,0.32),rgba(0,0,0,0.0));
    background: linear-gradient(rgba(0,0,0,0.32),rgba(0,0,0,0.0));
    background-color: #c70000;
    border: 1px solid #500E0D;
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.3), 0 1px 0 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.3), 0 1px 0 0 rgba(255,255,255,0.3);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
a.purple-button:active{
    background-color: #79568c;
    border: 1px solid #443156;
}
/* button on top of tedx main photo */
.tedx-photo-button{
    position: absolute;
    left: 328px;
    top: 142px;
    z-index: 1000;
}
#tedx-infobox a.tedx-ticket-button{
    color: #fff!important;
    margin-top: 20px;
    margin-left: -10px;
}
#tedx-infobox a.tedx-ticket-button:hover{
    text-decoration: none;
}

/* wordpress post entry */

.entry-header{
    margin-bottom: 10px;
}
.entry-title{
    margin: 0;
    border-bottom: 1px solid #cecece;
}
.social-media-box{
    float: left;
    width: 300px;
    text-shadow: 1px 1px 0 #f3f3f3;
}
.social-media-box a.ss-icon{
    display: inline-block;
    margin-right: 2px;
    font-size: 20px;
    color: #999!important;
}
.social-media-box a.ss-icon:hover{
    text-decoration: none!important;
    color: #555!important;
}
.social-media-box .share-text{
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
    font-size: 11px;
}
.entry-info-box{
    float: right;
    width: 210px;
}
.entry-date, .entry-comments{
    display: block;
    border-bottom: 1px solid #cecece;
    text-align: right;
    padding: 0 2px 2px;
    text-shadow: 1px 1px 0 #f3f3f3;
}
.social-media-box .social-media-share{
    float: left;
}
.social-media-box .facebook-like-box{
    float: left;
    width: 120px;
    margin-left: 20px;
    margin-top: 3px;
}




/* twitter widget in sidebar */
a.twitter_title_link{
    font: bold 15px Helvetica, Arial, sans-serif;
    color: #222;
}
ul.really_simple_twitter_widget{
    margin: 0;
}
ul.really_simple_twitter_widget li{
    list-style: none;
    margin-bottom: 20px;
    font-size: 11px;
}



/* collapse styles */
.collapseomatic{
    color: #1264A2;
    display: block;
}
.collapseomatic_content{
    margin-left: 0!important;
}










/* species */
#species-container{
    padding: 0 40px;
}
#species-container p{
    margin: 0 0 1em;
}
#select-species{
    overflow: hidden;
}
#select-species .jThumbnailScroller{
    margin-bottom: 0;
}
#select-species .species{
    display: inline-block;
    text-align: center;
}
.species-table.comparison label,
#select-species label{
    display: block;
    width: 90px;
    padding-top: 5px;
    cursor: pointer;
}
form#species-text-select{
    overflow: hidden;
}
#species-text-select label{
    white-space: nowrap;
    width: auto;
    text-align: left;
    padding-right: 33px;
}
#select-species .species-image{
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto;
    background: #cecece;
    cursor: pointer;
}
.species-table.comparison .species-name,
#select-species .species-name{
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    display: block;
    height: 34px;
    padding: 3px 0;
    color: #1264A2;
}
#species-text-select .species-name{
    height: auto;
    padding: 0;
}
.species-table.comparison .species input[type=radio],
#select-species .species input[type=radio]{
    display: none;
}
table.species-table{
    font: normal 13px "Open Sans", Helvetica, Arial, sans-serif;
    width: 100%;
    background: #3f3f3f;
    border-radius: 6px;
    box-shadow: 0 0 10px #cecece;
    margin-top: 15px;
    border-bottom: 1px solid #c9c9c7;
}

table.species-table td{
    padding: 15px;
}
table.species-table td.species-image{
    width: 90px;
}
table.species-table td.species-image div{
    width: 90px;
    height: 90px;
    background: #202020;
    margin: 0;
    display: inline-block;
}
table.species-table td.species-image img{
    max-width: 90px;
}
table.species-table td.species-name {
    color: #fff;
    font-size: 28px;
    text-shadow: 1px 1px 2px #000;
}
table.species-table td.species-name em{
    display: block;
    font-size: 22px;
}
table.species-table td.actions{
    text-align: right;
    padding-right: 40px;
}



/* poll popup */
#species-poll-popup{
    width: 500px;
    height: auto !important;
    padding: 25px 35px 25px 25px;
}
#species-poll-popup h2{
    margin-bottom: 0;
}
#species-poll-popup h3{
    margin-bottom: 5px;
}
#species-poll-popup p{
    margin-bottom: 8px;
}
#species-poll-popup hr{
    margin: 15px 0;
}
#species-poll-popup .wpcf7-form-control-wrap{
    float: right;
}
#species-poll-popup input[type=submit]{
    float: right;
    margin-top: 20px;
    font-size: 18px;
    padding: 8px 18px;
}
#species-poll-popup .result-question{
    display: inline-block;
    width: 60%;
    vertical-align: top;
}
#species-poll-popup .result-pie-chart{
    display: inline-block;
    width: 40%;
}
#species-poll-popup .pie-legend{
    display: inline-block;
    width: 200px;
    margin-top: 30px;
}
#species-poll-popup .pie-legend > span{
    display: block;
    line-height: 12px;
    margin-bottom: 5px;
}
#species-poll-popup .pie-legend > span > span{
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 15px;
}
#species-poll-popup .pie-legend-yes span{
    background: #73bf3e;
}
#species-poll-popup .pie-legend-maybe span{
    background: #faca00;
}
#species-poll-popup .pie-legend-no span{
    background: #cd0d09;
}

#species-poll-popup .post-content{
    margin-top: 30px;
}
#species-poll-popup #show_poll_results{
    display: none;
    float: right;
    font-size: 18px;
}
#species-poll-popup #response_box{
    height: 30px;
}
#species-poll-popup .wpcf7-response-output{
    width: 100%;
    margin: 5px 0;
    box-sizing: border-box;
    margin-top: -31px;
}
#species-poll-popup .ajax-loader{

}
#poll-results .ajax-loader{
    margin: 100px auto;
    display: block;
}
#species-poll-popup input[type=submit]{
    margin: 0 0 0 15px;
}
#fancybox-content{
    max-height: 600px;
}

#fancybox-content > div{
    overflow-y: scroll !important;
    height: 600px !important;
}



#all-species-form{
    display: inline-block;
}
#all-species-form input[type=submit]{
     font-size: 20px;
     vertical-align: top;
}

table.criteria-table{
    font: normal 13px "Open Sans", Helvetica, Arial, sans-serif;
    width: 100%;
    background: #3f3f3f;
    border-radius: 6px;
    box-shadow: 0 0 10px #cecece;
    border-bottom: 1px solid #c9c9c7;
    position: relative;
    z-index: 100;
}
table.criteria-table thead{
}
table.criteria-table span.section-number{
    border-radius: 20px;
    display: inline-block;
    padding-left: 6px;
    width: 15px;
    font-weight: 800;
    color: #3f3f3f;
    background: #fff;
    margin-right: 10px;
    text-shadow: none;
}
table.criteria-table thead td.question{
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    font-weight: 700 !important;
    font-size: 15px;
    text-shadow: 1px 1px 2px #000;
}
table.criteria-table thead td.question span.comments{
    width: 100px;
    position: absolute;
    right: 100px;
    text-transform: none;
}
table.criteria-table thead td{
    border: 0;
}
table.criteria-table tr.disabled td{
    color: #a9a9a9;
}
table.criteria-table td{
    padding: 7px;
    border-top: 1px solid #c9c9c7;

    border-left: 1px solid #c9c9c7;
}
table.criteria-table td.question{
    border-left: 1px solid #c9c9c7;
}
table.criteria-table tbody td.question{
    text-shadow: 1px 1px #fff;
    font-weight: 600;
    width: 390px;
    padding-left: 15px;
}
table.criteria-table td.answer{
    text-align: center;
    width: 65px;
    padding: 0!important;
    position: relative;
}
table.criteria-table td.answer div{
    padding: 0;
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 1px #555;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: middle;
    line-height: 42px;
}
table.criteria-table td.answer span{
}
table.criteria-table td.comments{
    border-right: 1px solid #c9c9c7;
    text-align: center;
}
table.criteria-table tbody td.comments{
    font-size: 12px;
    text-shadow: 1px 1px #fff;
    line-height: 15px;
}
table.criteria-table tbody tr {
    background: #fff;
}
table.criteria-table tbody tr.odd {
    background: #e3e3e4;
}
table.criteria-table tbody tr.even td{
    background-color: #fff;
}
table.criteria-table tfoot tr{
    background: #fff;
}
table.criteria-table tfoot td{
    font-style: normal;
}
table.criteria-table tfoot td.question{
    text-align: right;
    font-weight: 800;
    font-size: 15px;
    padding-right: 15px;
}
table.criteria-table tfoot tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}
table.criteria-table tfoot tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

/* icons/boxes */
table.criteria-table td.icon-checkmark{
    background: url(ui/icon-checkmark.png) center center no-repeat;
    border-left: 1px solid #c9c9c7;
}
table.criteria-table td.icon-cross{
    background: url(ui/icon-cross.png) center center no-repeat;
    border-left: 1px solid #c9c9c7;
}
table.criteria-table td.icon-questionmark{
    background: url(ui/icon-questionmark.png) center center no-repeat;
    border-left: 1px solid #c9c9c7;
}

table.criteria-table td div.box-yes{
    background: #73bf3e;
    border: 1px solid #47a705;
    box-shadow: inset 0 0 3px #a2e376;
}
table.criteria-table td div.box-maybe{
    background: #faca00;
    border: 1px solid #e0b003;
    box-shadow: inset 0 0 3px #ffe784;
}
table.criteria-table td div.box-no{
    background: #cd0d09;
    border: 1px solid #980703;
    box-shadow: inset 0 0 3px #f46a67;
}

table.criteria-table.comparison tr.species-heading td{
    background: #3f3f3f;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
}
.DTFC_LeftBodyWrapper tr.species-heading td{
    border-left: none;
}
table.criteria-table.comparison td div.disabled{
    width: 90px;
    height: 33px;
    color: #ccc;
    text-shadow: none;
    line-height: 33px;
}
table.criteria-table.comparison div.icon-checkmark{
    width: 90px;
    height: 33px;
    background: url(ui/icon-checkmark.png) center center no-repeat;
}
table.criteria-table.comparison div.icon-questionmark{
    width: 90px;
    height: 33px;
    background: url(ui/icon-questionmark.png) center center no-repeat;
}
table.criteria-table.comparison div.icon-cross{
    width: 90px;
    height: 33px;
    background: url(ui/icon-cross.png) center center no-repeat;
}

table.criteria-table.comparison td div.box-yes,
table.criteria-table.comparison td div.box-no,
table.criteria-table.comparison td div.box-maybe{
    width: 88px !important;
}
#DTFC_LeftWrapper{
    width: 390px !important;
}
table.criteria-table.comparison td.question.sec-final{
    font-weight: 800;
    font-size: 16px;
    text-align: right;
}



table.species-score{
    font: 700 18px "Open Sans", Helvetica, Arial, sans-serif;
    width: 100%;
    letter-spacing: -1px;
    padding: 15px;
    margin-top: 10px;
    background: #e3e3e4;
    border-radius: 6px;
    box-shadow: 0 0 10px #cecece, inset 0 0 5px #fff;
    border-bottom: 1px solid #c9c9c7;
    position: relative;
    z-index: 100;
    border: 1px solid #c9c9c7;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
    float: left;
}
table.species-score td.question{
    width: 383px;
}
table.species-score td.answer{
    width: 65px;
    font-size: 26px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    padding: 0;
}
table.species-score td.survey{
    text-align: center;
}
table.species-score td.answer.yes{
    color: #47a705;
}
table.species-score td.answer.maybe{
    color: #e0b003;
}
table.species-score td.answer.no{
    color: #980703;
}
.poll-button{
    padding: 6px;
    background: #f1f1ed;
    width: 191px;
    display: inline-block;
    height: 39px;
    border-radius: 6px;
}
#scoring-information{
    margin-top: 40px;
}


/* comparison table */
.comparison-table{
    width: 100%;
    overflow: hidden;
    position: relative;
}
table.species-table.comparison{
    margin-bottom: 0;
}
form#species-select-form{
    margin-top: 5px;
    border-top: 1px solid #c1bfb4;
}
.DTFC_LeftBodyWrapper .criteria-table.comparison{
    border-bottom-right-radius: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome,div.dataTables_scrollBody {
    }
}
div.dataTables_scrollBody{
    overflow-y: hidden !important;
}
div.dataTables_scrollBody::-webkit-scrollbar {
    -webkit-appearance: none;
}

div.dataTables_scrollBody::-webkit-scrollbar:vertical {
    display: none;
}

div.dataTables_scrollBody::-webkit-scrollbar:horizontal {
    height: 12px;
    margin-bottom: -12px;
}

div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border: 1px solid white; /* should match background, can't be transparent */
    background-color: #fe9a00;
}

div.dataTables_scrollBody::-webkit-scrollbar-track {
    background-color: #fff;
}

form#species-select-form .DTFC_LeftWrapper table{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
form#species-select-form .dataTables_scrollBody table{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
form#species-select-form .DTFC_LeftHeadWrapper table,
form#species-select-form .dataTables_scrollHead table {
    display: none !important;
}
table.criteria-table.comparison{
    margin-bottom: 0;
}
table.criteria-table.comparison td{
    width: 91px !important;
    padding-left: 0;
    padding-right: 0;
}
table.criteria-table.comparison th.question{
    width: 390px !important;
}
table.species-table.comparison .table-heading,
table.criteria-table.comparison .question{
    width: 390px !important;
    line-height: 14px;
}
table.species-table.comparison .table-heading{
    line-height: 40px;
}
table.criteria-table.comparison .question{
    padding-right: 7px;
    padding-left: 15px;
}
table.species-table.comparison .table-heading{
    font-size: 28px;
    color: #fff;
    padding: 25px 7px 25px 15px;
}
table.species-table.comparison .table-heading em{
    display: block;
    font-size: 24px;
}
table.species-table.comparison td label{
    position: relative;
}
table.species-table.comparison td span.species-image{
    width: 90px;
    height: 90px;
    display: block;
}
table.species-table.comparison td span.species-name{
    display: block;
    text-align: center;
    width: 90px;
    line-height: 15px;
    color: #fff;
}
table.species-table.comparison td {
    vertical-align: top;
    position: relative;
}
table.species-table.comparison td{
    padding: 15px 1px 15px 0;
}

.compare-scroll{
    overflow-x: scroll;
}
.compare-scroll-content{height: 10px;}


.dataTables_wrapper .DTFC_LeftHeadWrapper,
.dataTables_wrapper .dataTables_scrollHead{
    display: none;
}

.section-question span.section-number{
    border-radius: 20px;
    display: inline-block;
    padding-left: 6px;
    width: 15px;
    font-weight: 800;
    color: #3f3f3f;
    background: #fff;
    margin-right: 10px;
    text-shadow: none;
}
.section-question{
    background: #3f3f3f;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    z-index: 1000;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 5px;
    color: #fff;
    font-weight: 700 !important;
    font-size: 15px;
    text-shadow: 1px 1px 2px #000;
}

/* info box */

div.criteria-info-box{
    font: normal 12px "Open Sans", Helvetica, Arial, sans-serif;
    background: #f3f1ce;
    border-radius: 0 6px 0 0;
    padding: 15px 15px;
    margin-top: 35px;
    margin-bottom: -20px;
    position: relative;
    z-index: 10;
    border: 1px solid #aaaa75;
    box-shadow: inset 0 0 5px #fff;
}
div.criteria-info-box div.box-toggle{
    height: 15px;
    width: 180px;
    position: absolute;
    top: -20px;
    left: -1px;
    font-weight: bold;
    background: #f3f1ce;
    border-radius: 6px 6px 0 0;
    text-align: center;
    padding: 5px 0 0 0;
    cursor: pointer;
    z-index: 100;
    border: 1px solid #aaaa75;
    border-bottom: none;
    box-shadow: inset 0 1px 1px #fff;
}
div.criteria-info-box .section-information{
    overflow: hidden;
    height: 0;
}














































@media print {



    div.header_block,
    div#longnow-menu,
    div#longphoto,
    div.footer_block,
    p.page-top-link a,
    ul#child-navigation,
    div.sub_footer a{
        display: none;
    }

    div.body_block{
        background: none;
        border: none;
        color: #000;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        color: #000 !important;
    }

}

.clearfix {
    clear: both;
    display: block;
}