/*
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;}

@media screen and (min-width: 641px) {

/* ELEMENTS */
body {background-color: #eeffee;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/2014/06/cicadax.png"), default !important;
}
a img {border:none;}
	a:hover {background-color:#ff0}
a:visited {color:green;}
a.flagging {color: brown}
blockquote {border-left: 5px solid #ccc;margin-left: 1.5em;padding-left: 5px;}
br#clear {clear:both}
div.bonus {display:none}
div#skip {display: none}
h3 {border-bottom: solid 1px #ccc;margin-top: 0;}
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%}
ol#comments li p, ol#commentlist li, ol#commentlist li p {background-color: #FFF;font-size: 12px; }
p, li, dd, dt, .feedback {letter-spacing: 0;}

/* WRAPPER */
div#thewrapper {margin-left: auto;margin-right: auto;width: 980px;}

/* Header */
div#heading2015 {border: 1px solid green; padding: 3px; height:98px; background: url("/images/new-cute-2015.gif") no-repeat scroll right top #fff; overflow: hidden; }
#heading2015 p {padding: 0;}
#heading2015 p.brand {margin: 0 0 0 10px;} 
	#heading2015 p.brand  a { color:green}
#heading2015 p.slogan {margin: 0 0 0 14px;} 
#heading2015 p a {text-decoration: none; text-shadow: 1px 1px 1px #ccc; color: #000;  font-size: 300%; padding: 0}

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

/*Search */
#social-search2015 {background-color:#FFF;border-width: 1px 1px 0 1px; border-style:solid; border-color:green;padding: 7px 0 0 5px;margin: 0; height:auto; overflow: auto}
#social-search2015 .search {float:left; width: 300px; }
#social-search2015 .addthis_toolbox {float: right;}
form#cse-search-box { margin: 4px 0 4px 14px}
#cse-search-box input.input-text { border: 1px solid #000; height:20px; width: 225px}

/* INTRODUCTION */
#brood13 a, #brood13 a:visited {color: #F00;font: bold 12px Verdana,sans-serif;}
#brood13 h2 {color: #FF9900;font: bold 12px Verdana,sans-serif;margin: 4px 0 !important;padding: 0;}
#brood13 p, #brood13 li {color: #000;font: normal 12px Verdana,sans-serif;}
#brood13 ul {margin: 0 0 10px 0}
div#brood13 {background: #FFF url("/images/phade.jpg") no-repeat right; border: 1px solid #FF9900;margin: 10px 0 0 0;padding: 5px 100px 5px 20px;}

/* CONTENT */
#content {background-color:#FFF;border:1px solid #999; float:left;margin: 0;padding: 0 10px 10px 10px; width:710px;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 0 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; vertical-align: top;}
.storycontent li  {font-size: 120%; 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 */
#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;}

/* MENU */
#menu {background-color: #FFF;border: solid 1px #999;float:left;margin:0;padding: 0 0 10px 0;width:245px; 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; }
#menu input #s {background: #eee;border: 1px solid #999;color: #000; width: 80%;}
#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}
.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}


/* HighLights */
.cool-highlight {background-color:#ddeeff}
.warm-highlight {background-color:#ffeedd}
.green-hightlight {background-color:#CCFFCC}
.red-highlight {color:#FF0000}
.where-highlight {padding: 4px; font-size:150%;text-align:center}
}





@media screen and (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: #FFF}
a {color: green}
a {color:green; cursor: url("/cicadas/wp-content/uploads/2014/06/cicadax.png"), default !important;}
a:hover {background-color:#ff0}
	
#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/new-cute-2015.gif") no-repeat scroll 200px 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; text-transform:uppercase}
	
#newest-menu li {display: inline-block; text-align:center; margin: 0 1px; font-size: 150%; line-height: 150%; background-color: rgb(230,255,230);  padding: 3px; border-radius:4px}
	#newest-menu li a {text-decoration:none}
#newest-menu li:hover {background-image:linear-gradient(to top right,#FCEEDF,#F1FEEF);}
#social-search2015 {background-color:#FFF;border-width: 1px 1px 0 1px; border-style:solid; border-color:#333;padding: 7px 0 0 5px;margin: 0; height:auto; overflow: auto;}

#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}
#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);}
#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;} 

#menu {background-color: #000;}
#menu ul {background-color: #000;}
#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}

.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 {background-color:#CCFFCC}
.red-highlight {color:#FF0000}
.where-highlight {padding: 4px; font-size:150%;text-align:center}
}