/* #EBF3EB; /* pale green */
/* #F1E6D0; /* pale orange */
@font-face {
  font-family: 'FontAwesome';
  src: url('/includes/fonts/fontawesome-webfont.eot');
  src: url('/includes/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/fontawesome-webfont.woff2') format('woff2'), url('/includes/fonts/fontawesome-webfont.woff') format('woff'), url('/includes/fonts/fontawesome-webfont.ttf') format('truetype'), url('/includes/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {background: #EBF3EB;color: #000;font-family: sans-serif;margin:0;padding:0;}/*-webkit-text-stroke: 0.3px;}*/
header,article,section,aside,footer,nav,figure {display:block}

h1 {font-size: 150%;font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;font-weight: normal;}
h2 {font-size: 150%;font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;font-weight: normal;background: #F1E6D0;color: #000;padding: 5px 0 5px 5px;margin-left:-5px;}
h3 {font-size: 135%;font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;font-weight: normal;background: #F1E6D0;color: #000;padding: 5px 0 5px 5px;margin-left:-5px;}
h4 {font-size: 120%;font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;font-weight: normal;margin-bottom: .2em}
h5 {font-size: 105%;font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;margin-bottom: .2em}

a {background-color: transparent;color: #009;}
a:visited {background-color: transparent;color: #505;}
a:focus,a:active,a:hover {color: #A6341C;}

img {vertical-align:middle}

p, ol, ul, blockquote {margin-top: 0;margin-bottom: 1em;}
blockquote {border-left:5px solid #CFDACF;padding-left:8px}
ul {margin-left:0;padding-left:20px}
ul li {margin-left:0;padding-left:0;}

del {color: #666;text-decoration: line-through;}
ins {color: #060;font-style: italic;text-decoration: none;}

dt {font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;font-size: 110%;clear: left;}
dl.wfInfo dd {margin: .3em 0 1em 0;clear: left;}
dl.wfInfo dd p {margin-top: 1em;}

/* creative commons fine print */
div.cc {font-size: 70%;}
div.cc p {max-width: 100%;}
div.cc img {vertical-align: middle;border-width: 0;}

/* **********************************
   selectable template styles
   ********************************** */
.box,.insetR,.insetL {border: 1px solid #fcc;padding: .2em;margin: .5em;}
.clear {clear: both;}
.aLeft {text-align: left;}
.aRight {text-align: right;}
.aCenter {text-align: center;}
.aJustify {text-align: justify;}
span.aRight img,img.aRight {float: right;margin-left:15px}
span.aLeft img,img.aLeft {float: left;margin-right:15px}
span.aCenter img,img.aCenter {display: block;text-align: center;margin: .5em auto;}
.hilite {color: #900;background-color: transparent;font-style: italic;font-weight: bold;}
.code {font-family: monospace;background-color: #E3EEE3;color: #000;padding: 0 5px;}


/* tables */
table {margin-bottom: 1em;}
caption {font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;font-size: 110%;}
thead th {background: #E3EEE3;color: #000;border-bottom: 1px solid #CFDACF}
td,tbody th {padding: .3em .2em;vertical-align: top;background: #F8FAF8;color: #000;}
table.wfList,table.grid {width: 100%;background: #EBF3EB;color: #000;clear:both}
table.grid,table.grid th,table.grid td {border: 1px solid #999;border-collapse: collapse;}
table.grid,table.grid caption {margin-left: auto;margin-right: auto;}
tr.alt-row td,tr.alt-row th,td.alt-row {background: #E3EEE3;color: #000;}
table.wfInfo {background: #fff;color: #000;border: 1px solid #CFDACF;}
table.wfInfo tbody th {text-align: left;}
table.wfList tr.alt-row td {border-bottom: 1px solid #CFDACF;}

/* what's blooming tables */
.month {clear: both;border-top: 1px solid #ddd;border-left: 1px solid #ddd;text-align: center;}
.month th {padding: .2em;border-bottom: 1px solid #CFDACF;border-right: 1px solid #ddd;}
.month td {vertical-align: middle;border-bottom: 1px solid #CFDACF;border-right: 1px solid #ddd;}
.month td.species {text-align: left;}
.month td.species a {text-decoration: none;}
.month td.species a i,.month td.species a em {text-decoration: underline;}
.month td.species img {float: left;margin-right: 8px;margin-top: -8px;width: 50px;height: 50px;}
.sprout {background-color: #f3ebda;color: #000;padding: 0 .2em;}
.bud {background-color: #e3eee3;color: #000;padding: 0 .2em;}
.bloom {background-color: #c7e2c7;color: #000;padding: 0 .2em;}
.seed {background-color: #eddfc2;color: #000;padding: 0 .2em;}


/* forms */
form {margin:0}
textarea {max-width:98%;}
input[type="text"] {max-width:98%}
input[type="submit"],input[type="reset"],.button {padding:3px 8px; border:1px solid #9DB39D;border-radius:3px;background:#F1E6D0;color:#000;margin:5px 5px 5px 0;text-decoration:none;}
input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,input[type="submit"]:focus,input[type="reset"]:focus,.button:focus {background:#ffd379;color:#000;cursor:pointer}
h2.button {font-family:sans-serif;font-size:90%;display:inline-block;margin:5px 0 0 0}
a.button {display:inline-block;margin:8px 12px 8px 0;color:#000}
fieldset {width:20em;max-width:95%;display:inline-block;vertical-align:top;margin-bottom:1em;padding-left:5px;padding-right:2px}
legend {font-weight:bold;font-family: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;}
fieldset div {padding: 5px 0;overflow:hidden}
fieldset label {width:8em;float:left;text-align:right;margin-right:5px}
.basic fieldset label {width:auto}
fieldset select, fieldset input {float: left;margin-right:5px}
fieldset div p {clear:both}
fieldset.cat div {display:block;float:left}
fieldset.cat label, fieldset.cat input {float:none}
fieldset.cat label {padding-right:10px}
.subcat fieldset.cat {width:auto;display:inline-block}
.subcat fieldset table td+td {text-align:center}
.subcat-example h3 {margin-bottom:.2em}
.subcat-example h4 {margin-top:0}
input[type="radio"] {position:absolute; left: -999em;}
input[type="radio"]+label:before {display: inline-block; position: relative; left:-2px; content:''; width:25px; height:25px;background-image:url(/includes/images/formelements2.png); margin:.2em 0 .2em 1em;vertical-align:middle}
input[type="radio"] + label:before { background-position: -25px -25px;}	 	
input[type="radio"]:checked + label:before { background-position: -25px 0;}

form .potter {display:none} /* honeypot */

/* pop-up div & iframe */
div.vfee {text-align:center;font-size:110%;max-width:25em;padding:30px}
div.vfee form {line-height:1.75}
div.vfee h2{margin:0 0 .5em 0;padding:0;font-size:125%}
div.vfee span {padding:4px 8px; border:1px solid #9DB39D;border-radius:15px;background:#030;color:#fff;text-decoration:none;font-size:14px;font-weight:bold;text-transform:uppercase;opacity:.6;margin-top:5px}
div.vfee span:hover, .vfee span:focus {opacity:1;cursor:pointer}
div.vfee .btn {display:inline-block;vertical-align:top;padding:10px 15px}
div.vfee .btn img {max-width:100%}
div.vfee .btn span {display:inline-block}
.fancybox-slide--iframe .fancybox-content {max-height : 99%;max-width:1080px}
div.fancybox-slide {padding:25px}


/* misc rules */
.skiplinks {margin:0}
.skiplinks li {list-style:none}
.skiplinks a {display:block;position:absolute;top:2px;right:5px;text-transform:uppercase;margin:0;background-color:#030;color:#fff;font-size:80%;font-weight:bold;z-index:2}
#navbar .skiplinks a {position:relative;top:0;right:0;margin:5px}
#content:after,.outer:after, #foot:after {content: ".";display: block;clear: both;height: 0;line-height: 0;overflow: hidden;visibility: hidden;}
iframe {max-width:100%;border-width:0}
.latest li {margin-bottom:8px}
.latest li a {padding:8px 0}
.tooltip {background: #F1E6D0;color: #A6341C;border: 1px solid #9DB39D;font-size: 100%;max-width: 10em;padding: 10px;position: absolute;box-shadow: 0 0 4px 2px rgba(0,0,0,0.10);z-index: 1000;}
a.help img {border-width:0}
.mfp-gttm img {max-width:100%;height:auto}
.loclist {margin-left:0;padding-left:0}
.loclist li {display:inline-block;vertical-align:top;margin-right:20px;list-style:none;margin-bottom:1em}
.loclist img{float:left}
.loclist div {margin-left:35px;width:12em}
.byline {font-style:italic}

/* layout sections */
.wrapper {margin: auto;background: #EBF3EB;color: #000;position:relative}
body.species .wrapper,body.default .wrapper {max-width: 60em;}

.search .wrapper {max-width:98%}

#masthead {padding:1.75em 5px 5px 5px;overflow:hidden;text-align:right;border-bottom: 3px double #030;position:relative;z-index:1}
#masthead img {border-width:0}
#masthead .progress {position:absolute;top:2px;left:2px}
#masthead .funding {display:none}
#masthead h1 {width:150px;float:left;margin:0 20px 0 0;max-width:50%}
#masthead h1 img {max-width:100%;height:auto}
#masthead form {padding:5px 0;margin:0}
#masthead form input {text-align:left;margin-bottom:5px}
#masthead form input[type="submit"] {margin-right:0}
#masthead form a {font-weight:bold;font-size:110%;background:#fff;color:#009}
#masthead .addthis_toolbox {position:absolute;bottom:0;right:5px;}
#masthead div.toggle1, #masthead div.toggle2 {display:none}
#masthead div.toggle1 {margin-bottom:1.5em}
#masthead #atlinks a {padding:6px 8px}
.toggle1:hover, .toggle2:hover {cursor:pointer}
#masthead form a.toggle3 {background:#F1E6D0;color:#000;margin-right:0;position:absolute;bottom:5px;right:5px}
.social-links a {font-size:30px;margin:5px 5px 0 5px;display:inline-block;text-decoration:none;font-family:FontAwesome;line-height:30px}
.social-links a:hover, .social-links a:focus {background-color:#fff}
.social-links .fa-facebook:before {content: "\f082"; color: #3b5998}
.social-links .fa-twitter-square:before {content: "\f081"; color: #55acee }
.social-links .fa-pinterest-square:before {content: "\f0d3"; color: #bd081c }
.social-links .fa-envelope-square:before {content: "\f003"; color: #666}


#midsection {clear:both;background:#fff;color:#000;position:relative}
#content {padding:1px 5px}
#content .inner {width:100%}
#content div.toggleC {display:none}

#foot {clear:both;font-size: 80%;border-top: 3px double #030;padding: 5px .5em;margin: 0;}
#foot p {margin: 0;clear:left}
#foot .lccmr {margin-bottom:.5em}
#foot .lccmr img {float:left;margin:0 10px .5em 0}


/* sidebars */
#navbar aside, #content form.donate {margin: 1em .2em;overflow: hidden;background: #EBF3EB;color: #000;border: 1px solid #9DB39D;font-size: 90%;text-align: center;}
#navbar aside h2, #content form.donate h2 {width:auto;height:auto;font-size:110%;border-bottom: 1px solid #9DB39D;margin-top:0;padding:3px 2px}
#navbar aside h3 {background-color: transparent;margin:5px 0;font-size:110%}
#navbar aside img, #navbar aside input[type="image"], #content form.donate img {display:block;max-width:96%;margin:8px auto;border-width:0;}
#navbar aside iframe {border-width:0}


/* species info */
.wfInfo img {float:left;margin:0 15px 5px 0;border-width:0}
div.wfInfo h4,div.wfInfo p {clear: left;}
ul.wfInfo,ul.wfInfo li {list-style: none;margin-left: 0;padding-left: 0;clear: left;}
.wfInfo h4 img {float: none;margin: 0 0 0 5px;vertical-align: baseline;}
p.credit {clear:left;padding-top:5px}
.pollinators p {margin:0}
.pollinators p b {font-style:italic;padding-right:.25em}
span.wis {white-space:pre}
.subcat-example {clear:both;overflow:hidden}
.subcat-example img {margin-bottom:5px}

/* glossary icon sprites */
.icon {background: #ffd379 url(images/icons.png) -112px -148px no-repeat;color: #000;padding: 1px;}
.i-3-petals {background-position: -7px -6px;}
.i-4-petals {background-position: -33px -6px;}
.i-5-petals {background-position: -7px -32px;}
.i-6-petals {background-position: -59px -6px;}
.i-7-petals {background-position: -85px -6px;}
.i-irregular {background-position: -33px -32px;}
.i-indistinct {background-position: -111px -6px;}
.i-tubular {background-position: -111px -32px;}
.i-bell {background-position: -85px -32px;}
.i-composite {background-position: -59px -32px;}
.i-flat {background-position: -7px -92px;}
.i-round {background-position: -33px -92px;}
.i-spike {background-position: -85px -92px;}
.i-raceme {background-position: -111px -92px;}
.i-panicle {background-position: -59px -92px;}
.i-whorled {background-position: -59px -62px;}
.i-alternate {background-position: -7px -62px;}
.i-opposite {background-position: -33px -62px;}
.i-whorl {background-position: -85px -62px;}
.i-basal {background-position: -111px -62px;}
.i-simple {background-position: -7px -119px;}
.i-lobed {background-position: -33px -119px;}
.i-compound {background-position: -85px -119px;}
.i-palmate {background-position: -111px -119px;}
.i-pinnate {background-position: -7px -199px;}
.i-trifoliate {background-position: -59px -119px;}
.i-invasive {background-position: -33px -147px;}
.i-hazardous {background-position: -85px -147px;}
.i-spores_on_leaf {background-position: -111px -174px;}
.i-spores_on_stalk {background-position: -85px -174px;}
.i-berry-drupe {background-position: -33px -199px;}
.i-capsule-pod {background-position: -59px -199px;}
.i-seed_without_plume {background-position: -85px -199px;}
.i-seed_with_plume {background-position: -111px -199px;}
.i-barbed {background-position: -7px -226px;}
.i-nut {background-position: -33px -226px;}

/* reader comments */
.comment {border: 1px solid #9DB39D;}
.comment .poster {margin: 0;padding: .2em .5em;background: #EBF3EB;color: #000;border-bottom: 1px solid #9DB39D;font-size: 88%;}
.comment .poster span {font-weight: bold;}
.comment div {padding: .5em .5em 0 .5em;}


/* what's blooming by month */
.calendar {width: 47%;float: left;}
.cal2 {float: right;}


/* advertisers */
.aff h3 {margin: 0;padding:5px;font-size: 110%;border-bottom: 1px solid #9DB39D;border-top:1px solid #9DB39D}
.aff h3:first-child {border-top-width:0}
.aff p {font-size: 85%;font-style: italic;margin: .5em 5px;}
.aff ul,.aff li {margin: 0;padding: 0;list-style: none;}
.aff li {margin-bottom:4px}
.aff li img {float: none;margin:0;vertical-align: middle;max-width:49%}
.aff + ul li, .aff + ul li a {padding:10px 0}

/* **********************************
   funding graph
   ********************************** */
div.funding {float: right;margin-left: 1em;margin-bottom: 1em;position: relative;width: 300px;background: #EBF3EB;font-style: italic;font-size: 85%;display:none}
#masthead .progress {overflow: hidden;margin-bottom: .5em;}
#masthead .funding {width: 122px;float: left;margin: 0 10px 0 0;display:none}
.funding .graph {height: 1em;border: 1px solid #CFDACF;background: #fff;color: #000;position: relative;margin-left: 0;}
.funding .graph div {position: absolute;bottom: 0;left: 0;height: 1em;background-color: #090;max-width:100%}
#masthead .funding .graph div {background-color: #f00}
.funding span {font-size: 80%;display: block;text-align: left;}
.funding .goal {text-align: right;}
.funding .rec {text-align: left;}
.funding .goalMet {border-right:5px solid #00f}

/* search results */
.thumbs {clear:both}
.thumbs ul, .thumbs li {margin:0;padding:0;list-style:none}
.thumbs li {display:inline-block; vertical-align:top;width:98%;background:#EBF3EB;margin:0 0 1em 0;padding:5px 1% 0 0}
.thumbs li a {text-decoration:none}
.thumbs li a img {float: left;margin:-5px 5px 0 0}
.thumbs li a i {text-decoration: underline;display:block;margin-bottom:5px}

/* page navigation within thumbnail gallery */
#content ul.pageNav {margin-left: 0;padding-left: 0;clear: both;max-width: 100%;background: transparent;color: #666;line-height:2}
div.pageNav a,div.pageNav span,.pageNav li {float: left;padding-right: 10px;padding-left: 10px;margin-bottom: 1em;list-style: none;border-left: 1px solid #999;}
div.pageNav a, div.pageNav span {white-space:nowrap}
div.pageNav a:first-child,.pageNav li:first-child {border-width: 0;}
div.pageNav span {color: #999;}


/* navigation menu */
#navbar {margin-top: 1px;background: #CFDACF;color: #000;overflow: hidden;}
#navbar ul,#navbar li {margin: 0;padding: 0;list-style: none;}
#navbar ul ul {margin-left: 1em;}
#navbar li {margin-bottom: .25em;zoom: 1;font-size: 90%;}
#navbar li li {margin-bottom: 0;font-size: 100%;}
#navbar li a {display: block;border: 1px solid #9DB39D;padding: 10px 5px;text-decoration: none;zoom: 1;position: relative;z-index: 10;}
#navbar li li a {border-width: 0 0 1px 0;border-color: #9DB39D;text-align: left;}
/* need to be very explicit with bg colors for stoopid IE */
#navbar li a:link,#navbar li a:visited,#navbar li.urhere > a:link, #navbar li.urhere > a:visited {background: #EBF3EB;}
#navbar li a:focus,#navbar li a:active,#navbar li a:hover {background-color: #fff;border-color: #030;}
#navbar li li a:link,#navbar li li a:visited {background-color: #CFDACF;}
#navbar li li a:focus,#navbar li li a:active,#navbar li li a:hover {background-color: #fff;}
#navbar li span {display: block;border: 1px solid #030;background: #EBF3EB;color: #000;font-weight: bold;padding: 5px;}
#navbar li li span {border-width: 0 0 1px 0;border-color: #9DB39D;background-color: #EBF3EB;text-align: left;}


/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 500 pixels. */
@media screen and (min-width: 500px) {
/* advertising */
.aff {clear: right;float: right;margin-left: 1em;width: 190px;border: 1px solid #CFDACF;background: #E3EEE3;color: #000;text-align: center;padding:0 3px}
.aff h3 {margin: 0 -3px}
.aff li img {max-width:100%}
}

/* Minimum width of 580 pixels. */
@media screen and (min-width: 580px) {
/* latest updates box */
.latest {width: 30%;float: right;clear: right;margin: .5em 0 0 .5em;border: 1px solid #9DB39D;background: #EBF3EB;color: #000;position:relative}
.latest h2 {font-size: 100%;margin: 0 0 .1em 0;}
.latest ul {font-size: 90%;margin-bottom: 0;}
.latest .latest {width: 100%;margin: 0;border-width: 0;}
.latest .latest ul {font-size: 100%;}
nav {width: 48%;float: left}
#navbar aside {width:48%;float:right;clear:right}
.thumbs li {width:47%;margin-right:1%;}
.subcat-example h3, .subcat-example h4, .subcat-example ul, .subcat-example ul+p {margin-left:260px}
.subcat-example img {float:left;margin:-2.6em 20px 12px 0}
.subcat-example h4+p img {float:left;margin:-2em 20px 10px 0}
}


/* Minimum width of 680 pixels. */
@media screen and (min-width: 680px) {
.wrapper {border-color: #030;border-style: solid double;border-width: 0 5px 1px 5px;background: #EBF3EB;color: #000;}
table.wfInfo {width: 35%;float: right;clear: right;margin-left: 1em;}
.thumbs li {width:16em;margin-right:1em;padding-right:5px}
fieldset.cat {display:block}
#foot .lccmr {float:right;margin-left:15px;max-width:50%}
}

/* Minimum width of 790 pixels. */
@media screen and (min-width: 790px) {
body {background:#9DB39D;color:#000;padding-left:2%;padding-right: 2%;}
.skiplinks li a {top:-1000px}
#masthead {padding:0 5px 0 0;height:8em;min-height:150px;}
#masthead form {padding-top:0}
#masthead h1 {width:auto}
#masthead h1 img {position:absolute;top:50%;margin-top:-70px;max-width:35%}
#masthead .progress {position:static;width:250px;float:right;padding-top:5px}
#masthead .progress a img {margin-top: 5px;}
#masthead h2.toggle1, .toggle3 {display:none}
#masthead div.toggle1, #masthead div.toggle2 {display:inline-block;margin-bottom:0}
#masthead div.addthis_toolbox {min-width: 250px}
#masthead h2.toggle2.button {background-color:transparent;border-width:0;font-size:18px}
#masthead h2.toggle2.button:after {content:":";display:inline-block}
#masthead h1 img {left:7em;}
#masthead div.funding {width:150px;float:left;position: relative;display:none}
#masthead span#corner {float: left;width: 10em;height: 100%;min-height: 32px;background: #CFDACF url(images/random/random-image.php) center top no-repeat;background-size: auto 100%;border-right: 3px double #030;position: relative;left: -3px;}
#masthead #atlinks a {padding:0 8px}
#navbar li a {padding: 5px;}

#midsection {border-left: 10em solid #CFDACF;}
.outer {width: 100%;border-left: 3px double #030;margin-left: -3px;padding-top: 1px;position: relative;}
#content {width: 96%;float: right;padding:1px 2%}
#content .funding {float:none;margin:0 0 10px 0}

#navbar {width: 9.4em;float: left;margin-left: -9.8em;}
#navbar h2 {width: 1px;height: 1px;overflow: hidden;margin:0;padding:0;}
#navbar nav, #navbar aside {width:auto;float:none;clear:none}
#navbar .skiplinks {display:none}
.displaySamples {height: 102px;width: 100%;max-width: 100%;margin: .5em auto;clear: both;}
.displaySamples span {display: block;width: 19%;height: 100px;background: #030 url(images/random/butterfly-weed-100_0762.jpg) center center no-repeat;border: 1px solid #9DB39D;margin: 0 .5% 0 0;float: left;}
.displaySamples .ds1 {background-image: url(images/random/rough-blazing-star-20070728_085557.jpg);}
.displaySamples .ds2 {background-image: url(images/random/prairie-coneflower_20080706_124100.jpg);}
.displaySamples .ds3 {background-image: url(images/random/shinleaf_0627_162035.jpg);}
.displaySamples .ds4 {background-image: url(images/random/michigan-lily_20080724_154824.jpg);}
.displaySamples .ds5 {background-image: url(images/random/spiderwort_20080621_090705.jpg);}
}

@media screen and (min-width: 800px) {
div.fancybox-caption div.fancybox-caption__body {font-size:150%}
div.fancybox-slide {padding:40px}
}

@media print {
body {font-size:10pt}
.wrapper {max-width:100%}
#navbar, .skiplinks, .addthis_toolbox, .aff, .toggle1, form, .mfp-gttm {display:none}
#masthead {border-bottom: 1px solid #CFDACF}
table.wfInfo {float:right;width:35%;margin-left:1em}

}