/*
Theme Name: Classic
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.6
Author: Dave Shea
Tags: green, white, two-columns, right-sidebar, flexible-width, sticky-post, rtl-language-support, translation-ready

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

#post-5777 b, #post-6518 b {color:blue}
td.no-change {background-color:#CCC;}
#selectSoundsList {font-size:200%}
#allspecies li {display: inline-block; font-size:200%; margin: 4px; padding: 4px; border-radius: 10px;}
#allspecies li a {color:#000; text-decoration:none}
p.postNav {font-size:200%;background-color:yellow}
table#soundstable, table#soundstable td, table#soundstable th {border: 1px solid #CCC;}
#soundstable a {color:#060; font-size:133%}
#soundstable a:visited {color:#333}
#soundstable tr:hover {background-color:#e7fee7}

@media (min-width: 641px) {

/* ELEMENTS */
body {background-color: #00ff00; ; background-image:linear-gradient(to top right,#E0752F,#43962A);color: #000; font-family: Helvetica, Arial, Verdana,sans-serif; font-size: 80%; margin: 0; padding: 0; }
a {color:green; cursor: url("/cicadas/wp-content/uploads/2021/07/greencursor.png"), default !important;}
a img {border:none;}
a:hover {background-color:#ff0}
a:visited {color:green;}
blockquote {border-left: 5px solid #ccc;margin-left: 1.5em;padding-left: 5px;}
h3 {border-bottom: solid 1px #ccc; margin-top: 10px;}
	h4 {border-bottom: solid 1px #eee; margin-top: 10px; font-size:120%}
h3 a:visited {color: #333;}
h3.heading-noline  {border-bottom: 0}
img a {background-color: green;border: 1px solid #ccc;margin: 5px;padding: 1px;}
li ul li {font-size: 90%}
p, li, dd, dt, .feedback {letter-spacing: 0;}
	
/* HighLights */
.cool-highlight {background-color:#ddeeff}
.warm-highlight {background-color:#ffeedd}
.green-hightlight, .places em {background-color:#CCFFCC}
.red-highlight {color:#FF0000}
.where-highlight {padding: 4px; font-size:150%;text-align:center}
#clear, .clear {clear:both}
	
/* WRAPPER */
div#thewrapper {margin-left: auto;margin-right: auto;width: 980px;}

/* Heading */
#skip {display: none}
div#heading2015 {border-width: 0 1px 0 1px; border-style:solid; border-color:green; padding: 3px; height:98px; background: url(/images/navimagi.png) no-repeat scroll right top #fff; overflow: hidden; }
#heading2015 p {padding: 0;}
#heading2015 p.brand {margin: 0 0 0 10px} 
#heading2015 p.slogan {margin: 0 0 0 14px} 
div#heading2015 p a {text-decoration: none; text-shadow: 1px 1px 1px #ccc; color: green; font-size: 300%; padding: 0}

/* Search Box */
form#cse-search-box { margin: 3px 0 0 8px;}
#cse-search-box input.input-text { border: 1px solid #000; height:30px; width:300px; margin: 0 0 0 6px}

/* Menus */
div#newest-menu, div#species-menu  {border-width: 1px 1px 0 1px; border-style:solid; border-color:green; padding: 5px; height:auto; background-color: white; overflow: hidden; margin-top: 0;  background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF);}
	
div#newest-menu ul {margin: 0; padding: 0}
	
#newest-menu li, #species-menu li {display: block; float: left; margin: 0 4px; font-size: 150%; line-height: 150%; background-color: rgb(230,255,230);  padding: 3px; border:1px solid #43962A; border-radius:4px;height:26px;}
#newest-menu li a, #species-menu li a {text-decoration:none}
#newest-menu li a:hover, #species-menu li a:hover {background-color: #FF0}
#socialicons img {margin: 0 4px 0 4px; padding: 0}
	
li.link-blog {background-color:rgb(255,230,204) !important}

/* CONTENT */
#content {background-color:#FFF;border:1px solid #999; float:left;margin: 0;padding: 0 10px 10px 10px; width:800px;border-bottom-right-radius:25px;border-bottom-left-radius:25px}
#content h2 {margin: 25px 0 2px 0;padding-bottom: 4px;}
.color-blocks {width:210px}

h2.datewritten {font-size:110%}
h3.storytitle {font-size:120%}

/* FEEDBACK  */
.feedback {clear: both;color: #ccc;margin-bottom:30px;text-align: left;}

/* META */
div.meta {margin: 0 10px 10px 0}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;padding: 0;}
.meta, .meta a {color: #333;font-weight: normal;letter-spacing: 0;}

/* STORY CONTENT */
.storycontent {overflow: hidden;}
.storycontent p {font-size: 120%; line-height:150%}
.storycontent dl {float: left;width: 180px;}
.storycontent dl img {float:none !important}
.storycontent h1 {font-size: 14px;color: #F30;background-image:linear-gradient(to top right,#F1FEEF,#FCEEDF);}
.storycontent img.clickablePhoto {border: 2px solid #060 !important;}
.storycontent table th {border: 1px solid #000;}
.storycontent table, .storycontent table td {border: 1px solid #000;border-collapse: collapse;}
.storycontent table {width:796px}
.storycontent li  {font-size: 130%; line-height:150%}
.storycontent li li {font-size: 100%;}
.storycontent table.details td, .storycontent table.details th {font-size:80%; vertical-align: top}

/* STORY TITLE */
.storytitle {margin: 0;}
.storytitle a {text-decoration: none;}

/* COMMENT FORM & Comments */
#commentform #name, #commentform #email, 
#commentform #url, #commentform textarea {background: #fff;border: 1px solid #333;padding: .2em;}
#commentform textarea { width: 100%;}
#commentlist li ul {border-left: 1px solid #ddd;font-size: 110%;list-style-type: none;}
	
ol#comments li p, ol#commentlist li, ol#commentlist li p {background-color: #FFF; font-size: 12px; }
.comment-body {margin-bottom: 5px; padding:2px; font-size:110%}
.comment-author-dan-2 {background-color:rgb(255,255,245)}
.comment-body .fn {font-weight:bold}

/* MENU */
#menu {background-color: #FFF;border: solid 1px #999;float:left;margin:0;padding: 0 0 10px 0;width:156px; background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF);border-bottom-right-radius:25px;}
#menu form {margin: 0 0 0 13px;}
#menu h2 {font: bold 12px Verdana !important; margin: 10px 0 5px 0 !important;padding: 0 !important; }
input#s {background: #eee;border: 1px solid #000;color: #000; width: 110px;height:20px}
#searchform2 {padding:8px 0 0 13px;}
input#s2 {background: #fff;border:1px solid #000;color: #000; width: 150px;margin:1px;height:20px}
#menu ul {color: #000;list-style-type: none;margin: 0;padding-left: 0;}
#menu ul li {line-height: 160%;margin-top: 0;padding-bottom: 2px;}
#menu ul ul {line-height: 100%;list-style-type: none;margin: 0;padding: 0;text-align: left;}
#menu ul ul li  {border-top: 1px solid #999;border: 0;font-family: Verdana, sans-serif;margin: 0 2px 0 2px;padding: 6px;}
#menu ul ul li a  {color: #000;text-decoration: underline;}
#menu ul ul li a:hover {background-color: #FF0}
#menu ul ul ul li {font-size:100%}
#menu ul ul ul.children {padding-left: 4px;}
	
	p.footer {background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF); border-radius:25px; padding: 5px 0}
	p.footer a {color: green}

/* ASSORTED STYLES OF QUESTIONABLE PURPOSE */
.gifts td {border:0 !important; padding: 8px;}
.post-2047 td {padding:10px; text-align: center;}
div.centered {overflow: hidden;text-align: center;}
div.centered img {background-color: black;border: 1px solid #ccc;float:none !important;}
div#aadd {text-align:center;padding-top: 10px;}
#aadd img {border: 1px solid #F00}
iframe.grelated-iframe {display: none !important;left:-99999px !important;}
img.image-clean {background-color: transparent;border:0;}
span.icon-audio {background-color: yellow; font-size: 9px;}
span.icon-illu {background-color: #FcF; font-size: 9px;}
span.icon-maps {background-color: #Fcc; font-size: 9px;}
span.icon-photos {background-color: #cFc; font-size: 9px;}
span#thedate {background-color: yellow;color: red;font-size: 2em;}
table.gifts {border:0 !important; margin-left: 10px;}
div.figure {float:right;width:262px;border:1px solid #CCC}
table.information {font-size:80%}
.float-right {float:right}
.float-left {float:left}
.float-clear {clear:both}
p.footer {text-align:center;}
li.flagging a {color: brown !important}
.reportthem {background-color:#FF0}
.compare th { width: 25%}
.compare td {width: 25%; font-size:120%}
.compare td div {margin: 10px 0 10px 0}
.compare td a {font-weight: bold}
.odd-band td {background-color:rgb(238,248,238)}
.link-report {background-color:rgb(211,243,255) !important}
a.flagging {color: brown}
div.bonus {display:none}
	
.nutable td {vertical-align:top}
.nutable .cell-decim {background-color:#EFF}
.nutable .cell-cassini {background-color:#FFE}
.nutable .cell-decula {background-color:#faf1b1}

#socialicons a span {color:#FFF;width:24px;height:27px;display:inline-block;text-align:center}
#socialicons a span.ifacebook {background-color:#46588f;}
#socialicons a span.iX {background-color:#000000;}
#socialicons a span.iinstagram {background-color:#c45360;background-image: linear-gradient(45deg,#edc06f,#c45360,#883ead);}
#socialicons a span.iyoutube {background-color:#F00;}

} /* END DESKTOP */

@media (max-width: 640px){

body,div,p,h1,h2,h3,ul,ol,li,br {margin: 0;padding:0}
body {font-family: Helvetica, Arial, Verdana,sans-serif;font-size:60%; background-color: #00ff00; }
a {color: green}
a {color:green; cursor: url("/cicadas/wp-content/uploads/2021/07/greencursor.png"), default !important;}
a:hover {background-color:#ff0}
	
p, pre {
/* word-break: break-all; */
overflow-wrap: break-word;
}
	
#skip {display:none}
cite {overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.big-screen {display:none !important} #post-5777 b, #post-6518 b {color:blue}

div#heading2015 {border-width: 0 1px 0 1px; border-style:solid; border-color:green; padding: 3px; height:100px; background: url("/images/navimagismol.png") no-repeat scroll 100% top #fff; overflow: hidden;}
#heading2015 p {padding: 0;}
#heading2015 p.brand {margin: 0 0 0 5px} 
#heading2015 p.slogan {margin: 0 0 0 9px; width: 50%; background-color: #FFF} 
div#heading2015 p a {text-decoration: none; text-shadow: 1px 1px 1px #ccc; color: green; font-size: 300%; padding: 0}
li.link-blog {background-color:rgb(255,230,204) !important}

div#newest-menu {border-width: 1px 1px 0 1px; border-style:solid; border-color:green; padding: 5px; height:auto; background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF); overflow: auto; margin-top: 0; text-align:center;}
	
div#newest-menu, div#species-menu {border-width: 1px; border-style:solid; border-color:green; padding: 5px; height:auto; background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF); overflow: auto; margin-top: 0; text-align:center;}
#newest-menu li, #species-menu li {display: inline-block; margin: 0 1px 3px 1px; font-size: 200%; line-height:150% !important; background-color: rgb(230,255,230);  padding: 3px; border:1px solid #43962A; border-radius:4px;height:30px}
#newest-menu li a, #species-menu li a {text-decoration:none}
#newest-menu li a:hover, #species-menu li a:hover  {background-color:#FF0;}

	
#socialicons img {margin: 0 4px 0 4px; padding: 0;vertical-align:text-bottom;}
#social-search2015 .search {float:left; width: 300px; }
#social-search2015 .addthis_toolbox {float: right;}
form#cse-search-box { margin: 4px 0 4px 9px}
#cse-search-box input.input-text { border: 1px solid #000; height:20px; width: 150px}
div.sharethispage {}

#content {background-color: #FFF; border-top: 1px solid green;}
#content p, #content li {padding: .4em; font-size: 2em; line-height:150%}
	.cat-item {padding:0 5px 0 5px}
#content li li {font-size: 1em}
#content .meta, #content .feedback {padding: .4em; font-size: 1.7em}
#content h2 {padding: .4em; font-size: 2em; background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF);}
#content h3 {padding: .4em .4em 0 .4em; font-size: 2em; border-bottom: solid 1px #ccc; background-image:linear-gradient(to top right,#F1FEEF,#FFF); margin-top:15px}
#content h4 {padding: .4em; font-size: 1.8em; border-bottom: solid 1px #ddd;}
#content img {max-width:90% !important; height:auto !important; margin: 4px}
#content iframe {max-width:300px !important; height:auto !important; margin: 4px !important}
#content table, #content td, #content th {border-collapse:collapse; border: 1px solid black}
#content textarea {width: 90%}
#content a {-ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} 
	.locations-links a {margin-right:10px;overflow-wrap:normal}
	.locations-links p {line-height:200px;overflow-wrap:normal}

#menu {background-color: #000;}
#menu ul {background-color: #FFF;background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF);}
#menu p, #menu label {color: #FFF; font-size: 1.2em}
#menu ul {display: inline}
#menu li {display: inline; font-size: 20px; padding: 10px}
#menu li a {color: green}
#menu li a:hover {color: #FF0}
#menu li.widget_categories, #menu li.widget_archive, #menu li.widget_rss_links, #menu li.widget_search {color:#FFF; display:block}
#searchform2 {padding:8px 0 0 13px;}
input#s2 {background: #fff;border: 1px solid #000;color: #000; width: 150px;margin:1px;height:20px}

.comment-body {margin-bottom: 5px; padding:2px;}
.comment-body p {font-size:1em !important}
.comment-author-dan-2 {background-color:rgb(255,255,245)}
.comment-body .fn {font-weight:bold}

	p.footer {background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF); border-radius:25px; padding: 5px 0; font-size:200%}
	p.footer a {color: green}
	
table.annuals, .annuals tr, .annuals td, .annuals th {display: block}
div.addthis_toolbox {overflow:hidden; height: 30px}
.odd-band td {background-color:rgb(238,248,238)}
.compare td {width: 25%; font-size:120%}
.compare td div {margin: 10px 0 10px 0}
.link-report {background-color:rgb(211,243,255) !important}
#aadd img {border: 1px solid #F00}
li#categories-2 {display:none !important}
#popitin {margin: 10px;}
#popitin strong {color:#FFF;font-size:200%}
#popitin option { font-size:200% }

/* HighLights */
.cool-highlight {background-color:#ddeeff}
.warm-highlight {background-color:#ffeedd}
.green-hightlight, .places em {background-color:#CCFFCC}
.red-highlight {color:#FF0000}
.where-highlight {padding: 4px; font-size:150%;text-align:center}
	
.nutable td {vertical-align:top}
.nutable .cell-decim {background-color:#EFF}
.nutable .cell-cassini {background-color:#FFE}
.nutable .cell-decula {background-color:#faf1b1}

#socialicons a span {color:#FFF;height:27px}
#socialicons a span.ifacebook {background-color:#46588f;padding:0 9px}
#socialicons a span.iX {background-color:#000000;padding:0 5px}
#socialicons a span.iinstagram {background-color:#c45360;background-image: linear-gradient(45deg,#edc06f,#c45360,#883ead);padding:0 8px}
#socialicons a span.iyoutube {background-color:#F00;padding:0 4px}

}

form#checklist input {margin: 2px 4px 2px 2px;}
form#checklist label {font-size: 120%;font-family:"Comic Sans MS",Verdana}
form#checklist label:hover {background-color:#cFc}
form#checklist  li {border-bottom:1px solid #CCC}
form#checklist {background-color:rgb(255,250,235)}
span#sass {background-color:#FF0;}
p#maximum {font-weight:bold;}