/* The Owl Pages - http://www.owlpages.com */


body {
	font-size: 1em; 
	line-height: 1.1; 
	font-weight: 400; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000; 
	background-color: #DCCEB0;
	min-height: 100%;
}

a:link, a:active, a:visited { text-decoration: none; color: #CC6600 }
a:hover	{ text-decoration: underline;  }

a.license:link,
a.license:active,
a.license:visited,
a.license:hover {
	text-decoration:none;
	color:#000000;
}

p, li { margin:.7em .5em; }

p.quote {
	margin:1em 2em;
	font-style:italic; 
	background-color:#F2F3F2;
	padding:5px;
	border-radius:5px;
	display:inline-block;
	clear:both;
	text-align:left;
}


h1, h2, h3, h4, h5, h6 {
  margin-top: 0 ;
  margin-bottom: .5rem;
  margin-left: .5rem;
  font-weight: 300; 
  font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}

h1, h1 a:link, h1 a:active, h1 a:visited { font-size: 1.6rem; line-height: 1.25; letter-spacing: -.1rem; color:#616129; }
h2, h2 a:link, h2 a:active, h2 a:visited { font-size: 1.4rem; line-height: 1.3;  letter-spacing: -.1rem; color:#727240; }
h3, h3 a:link, h3 a:active, h3 a:visited { font-size: 1.3rem; line-height: 1.35; letter-spacing: -.08rem; color:#838351;}
h4, h4 a:link, h4 a:active, h4 a:visited, span.subh { font-size: 1.2rem; line-height: 1.5;  letter-spacing: -.05rem; color:#949462;}
h5, h5 a:link, h5 a:active, h5 a:visited { font-size: 1.1rem; line-height: 1.6;  letter-spacing: 0; color:#949462; }
h6, h6 a:link, h6 a:active, h6 a:visited { font-size: 1.0rem; line-height: 1.2;  letter-spacing: 0; color:#949462; }

/* Larger than 640px */
@media (min-width: 640px) {
  h1, h1 a:link, h1 a:active, h1 a:visited { font-size: 2.0rem; }
  h2, h2 a:link, h2 a:active, h2 a:visited { font-size: 1.8rem; }
  h3, h3 a:link, h3 a:active, h3 a:visited { font-size: 1.6rem; }
  h4, h4 a:link, h4 a:active, h4 a:visited, span.subh { font-size: 1.4rem; }
  h5, h5 a:link, h5 a:active, h5 a:visited { font-size: 1.2rem; }
  h6, h6 a:link, h6 a:active, h6 a:visited { font-size: 1.0rem; }
  body { line-height:1.2; }
}

hr {
	width:98%;
	margin:1em auto;
}

.hideme { display:none; }

header {  
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #555520;
    width: 100%;
    display: table;
}

nav {
	background-color: #727240;
	padding: 3px;
	height: auto;
}

section	{ 
	background-color: #FEFEFE; 
    width: 100%;
    display: table;
}

.wideonly { display:none; }

div#intro { margin: .6em .4em }

@media (min-width: 640px) {
	div#intro { font-weight:bold;  } /* only for the intro paragraph on the home page */
	span.wideonly { display:inline; } /* only show content for wide screens */
	div.wideonly  { display:table; }
}

footer  {
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #555520;
    padding: 8px;
    text-align:center;
 }

.container {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 5px auto;
	padding: 0px;
	box-sizing: border-box; 
	min-height: 100%;
}

.column, .columns, .topheader {
	width: 100%;
	float:left;
	box-sizing: border-box; 
}

.topheader {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:2px;
	margin-bottom:2px;
}

.linkbox {
	width:97%;
	margin:3px 1.5%;
	float:left;
	text-align:left;
	background-color:#ECEEE0;
	vertical-align:top;
	border-radius:4px;
	box-sizing:border-box; 
}

.linkbox.hidden { display:none; }

.linkbox a { 
	color:#000000; 
	display:block; 
	padding:2px;
	height:40px;
	line-height:20px; /* shows 2 lines */
	border: 2px solid #ECEEE0;
	border-radius:4px;
	overflow:hidden;
}
.linkbox a:hover, 
.linkbox a:active {
/*	background-color:#A0A060; 
	color:#FFFFFF;	*/
	border:2px solid #A0A060;
	text-decoration:none;
}
.linkbox img {
	float:left;
	clear:right;
	border:0;
	height:40px;
	width:40px;
	margin-right:4px;
}

.linkbox.article img {
	height:50px;
	width:50px;
}

.linkbox.article a {
	height:50px;
	line-height: 16px; /* gives 3 lines of text */
}

div.sound-container {
	width:100%;
	margin:15px 0;
	box-sizing:border-box;
	display:table;
}

div.soundbox {
	float:left;
	width:97%;
	margin:3px 1.5%;
	text-align:left;
	background-color:#E5E7DA;
	vertical-align:top;
	border-radius:4px;
	height:42px;
	overflow:hidden;
}

div.soundbox.small {
	height:30px;
	font-size:.9em;
}

div.soundcaption {
	padding-top:2px;
	height:42px;
	overflow:hidden;
}

div.soundbox.small span {
	height:30px;
}

div.soundbox img {
	float:left;
	border:1px #b0b070 solid;
	border-radius:3px;
	padding:1px;
	height:32px;
	width:32px;
	margin:3px;
}

div.soundbox img:hover {
	border:1px #CC6600 solid;
}

div.soundbox.small img {
	height:22px;
	width:22px;
}

@media (min-width: 640px) {
	div.soundbox { width:48%; margin:3px 1%; }
}

img.soundspecies {
	width:30px;
	height:30px;
	border:0px;
	float:left;
	margin-right:5px;
}

/* For devices larger than 640px */
@media (min-width: 640px) {
  .one.column, .one.columns       { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
  
  .left.topheader                 { width: 50%; text-align: left; }
  .right.topheader                { width: 50%; text-align: right; }
  
  .linkbox						  { width:48%; margin:6px 1%; }
  .linkbox.hidden 				  { display:inline-table; }
}


/* Self Clearing  */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both; 
}

.search-container {
	display: table;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 3px;
	text-align:center;
	overflow:hidden;
}

@media (min-width: 640px) {
	.search-container {
		padding-top: 8px;
		padding-bottom: 0px;
		text-align:right;
	}
}

.searchbox {
	border: 1px solid #CCDDCC; 
	border-radius: 3px;
	height: 25px; 
	width: 200px;
	background-color: #ecdec0;
	margin: 0 4px 0 0;
	box-shadow: none;
    box-sizing: border-box;
    padding: 3px 6px;
	font-weight: bold; 
	font-size: 14px; 
	color: #705030;
	box-sizing: border-box; 
}

.searchbutton {
  display: inline-block;
  height: 25px;
  padding: 0 5px;
  color: #705030;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #A0A060;
  border-radius: 3px;
  border: 1px solid #CCDDCC;
  cursor: pointer;
  box-sizing: border-box; 	
}

.searchbutton:hover {
	color: #FFFFFF;
}


/* switch between large desktop menu and small mobile menu  */
div.bignav, span.bignav { display:none; }
div.smallnav { 	display:table; 	margin:auto; }
span.smallnav { display:inline }

@media (min-width: 640px) {
div.bignav { display: table; margin:auto; }
div.smallnav, span.smallnav { display:none; }
span.bignav { display:inline }
}
/* end of menu switching ================================= */


div.topnav {
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:.4em .5em;
	width:100%;
	margin:0;
	background-color:#BCBE90;
	box-sizing:border-box;
}

div.basenav-container {
	padding-top:25px;
	padding-bottom:25px;
	width:100%;
	box-sizing:border-box;
/*    background-color: #727240; */
	display:table;
	text-align:center;
}

div.more-container {
	width:100%;
	box-sizing:border-box;
/*    background-color: #727240; */
	display:table;
	text-align:center;
}


div.basenav,
div.pagenav {
	width:21%;
	display: inline-table;
	font-weight:bold;
	margin:5px 2px;
	background-color:#DCDED0;
	border-radius:4px;
	box-sizing: border-box; 
	vertical-align: middle;
	overflow:hidden;
	text-align:center;
}

div.pagenav {
	width:40px;
}

div.basenav a,
div.pagenav a,
span.thispage { 
	color:#6C2600;  
	display:block; 
	padding:2px;
	height:30px;
	line-height:30px;
	border: 2px solid #DCDED0;
	border-radius:4px;
	overflow:hidden;
	white-space: nowrap;
}

div.basenav a:hover, 
div.basenav a:active,
div.pagenav a:hover,
div.pagenav a:active,
span.thispage {
/*	background-color:#A0A060; 
	color:#FFFFFF;	*/
	border:2px solid #b0b070;
	text-decoration:none;
}

div.basenav img {
	border:0;
	height:30px;
	width:30px;

}

div.picbox, 
div.picbox.half,
div.picbox.third,
div.picbox.twothirds,
div.picbox.float {
	width:98%;
	margin:12px 1% ;
	text-align:center;
	box-sizing:border-box;
	float:left;
}

@media (min-width: 640px) {
 	div.picbox.half  { width:48%; }
	div.picbox.third { width:31%; }
	div.picbox.twothirds { width:64%; }
	div.picbox.float { float:right; margin-left:5px; width:auto; }
}

div.imgstory {
	width:96%;
	margin:12px 2%;
	text-align:left;
	box-sizing:border-box;
	clear:both;
}

img.articlepic,
img.standalone {
	 width:100%;
	 box-sizing:border-box;
	 height:auto;
}

img.standalone {
	border:2px #A5A79A solid
}

img.authorpic,
img.artistpic {
	width:150px;
	height:150px;
	border:2px #D5D7CA solid;
}


@media (min-width: 640px) {
	img.authorpic, img.artistpic { width:100px; height:100px; }
}

div.piccaption {
	background-color:#E5E7DA;
	padding:4px;
	display:inline-block;
}

div.source-container {
	width:100%;
	font-size:0.9em;
	margin-top:15px;
	padding: 0 .5em;
	box-sizing:border-box;
	clear:both;
}

div.source {
	width:100%;
	margin-top:4px;
	border-bottom:1px #DFDFDF dashed
}

div.fauxtable-container {
	width:98%;
	margin:0 1%;
}

div.fauxtable {
	margin:1em auto;
	font-size:0.9em;
	border-top:1px #CCCDCC solid;
	border-right:1px #CCCDCC solid;	
	border-bottom:0;
	border-left:1px #CCCDCC solid;	
	box-sizing:border-box;
	display:table;
}

div.fauxtable-row {
	padding:3px;
	border-bottom:1px #CCCDCC solid;	
}

div.pagenumbers {
	width:70%;
	clear:both;
	margin:5px auto;
	text-align:center;
	font-weight:bold;
}

div.contributor {
	display:inline-table;
	padding:10px 15px 15px 10px;
	text-align:left;
	width:180px;
}


table.article {
	margin:0 auto;
	border-collapse:collapse;
	font-size:small;
}

table.article td {
	padding:1px;
	border:1px gray solid;
}

@media (min-width: 640px) {
	table.article { font-size:medium; max-width:98% }
	table.article td { padding:3px }
}

div.thumbcontainer {
	width:97%;
	margin:8px 1.5%;
	clear:both;
	text-align:center;
}

div.thumb{
	display:inline-block;
}

div.thumb img {
	width:60px;
	height:60px;
	margin:5px;
	border:1px #A5A79A solid;
}

div.thumb img:hover {
	border:1px #CC6600 solid;
}

img.thumb {
	width:50px;
	height:50px;
	border:1px #A5A79A solid;
}

img.thumb:hover {
	border:1px #CC6600 solid;
}

@media (min-width: 640px) {
	div.thumb img { width:100px; height:100px; }
	img.thumb { width:100px; height:100px; }
}

div.newsarticle {
	clear:both; 
	margin:12px 1%;
	display:inline-block;
	box-sizing:border-box;
	width:98%;
}

div.newsimage {
	float:left; 
	margin-right:5px; 
	width:160px; 
	height:110px;
	background-color:#EEEFEE; 
	text-align:center;
}

div.newsimage img {
	max-width:160px;
	max-height:110px;
	vertical-align:middle;
	border:0px;
}


.thumbbox {
	margin:2px;
	text-align:center;
	background-color:#ECEEE0;
	vertical-align:top;
	border-radius:4px;
	display:inline-table;
}


.thumbbox a { 
	color:#000000; 
	display:block; 
	border: 2px solid #ECEEE0;
	border-radius:4px;
	overflow:hidden;
}

.thumbbox, .thumbbox a { width:144px; height:160px; }

.thumbbox a:hover, 
.thumbbox a:active {
/*	background-color:#A0A060; 
	color:#FFFFFF;	*/
	border:2px solid #A0A060;
	text-decoration:none;
}
.thumbbox img {
	border:1px #666966 solid;
	height:90px;
	width:138px;
	margin:2px;
}

@media (min-width: 640px) {
	.thumbbox, .thumbbox a { width:208px; height:200px; }
	.thumbbox img { width:200px; height:130px; margin:3px; }
	.thumbbox { margin:4px; }
}



/* for google vertical adds on wide screen only */
div.vad {
	display:none;
}
.vert {
	display:none;
}

div.vadright {
	display:none;
	width:0px;
	height:0px;
}

@media (min-width: 1280px) {
	div.vad {
		display:inherit;
		position:fixed;
		left:5px;
		top:10px;
	}
	div.vadright {
		display:inherit;
		position:fixed;
		right:5px;
		top:10px;
	}
	
	
	.vert {
	     display:inline-block;
	     width:120px;
	     height:600px;
	}
	
	
}

@media (min-width: 1320px) {
	.vert { width:160px; }

/*	div.vadright {
		display:inherit;
		position:fixed;
		right:5px;
		top:10px;
		width:160px;
		height:600px;
	}
*/
}

@media (min-width: 1460px) {
	.vert { width:300px; }
}

/* end of google adsense vertical add styles */

/* for google top ads. */
.topad { width:320px; height:100px; margin:0px auto; }
@media (min-width: 500px) { .topad { width:468px; height:60px; } }
@media (min-width: 800px) { .topad { width:728px; height:90px; } }
@media (min-width: 940px) { .topad { width:922px; height:90px; } }

/*
.googletop { width:100%; height:328px; background-color:#606025; padding:6px 0px 6px 0px;  }
@media (min-width: 500px) { .googletop { height:292px; } }
*/

.googletop { width:100%; background-color:#606025; padding:6px 0px 6px 0px;  }

ins.adsbygoogle[data-ad-status=unfilled] {
    display: none !important;
}