/*
Description: CSS for PIX OF EVERY BIRD pages 
Author: Dave Kutilek
February 2021
*/

/* ============================================================== */

body {margin:0;background-color: #000000;}

* {box-sizing: border-box;}

.align-center {margin:0 auto;text-align:center;}

img {
	max-width: 100%;
	height: auto; 
	vertical-align: middle
}

.logo img {
	padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
}

.entry-page-container {
	position: relative;
	margin: 0 auto;
	padding: 2px;
	max-width:980px;
	background-color:#000000;
}

.birdlist {
	width: 30%;
	height:100%;
	float: left;
	height:100vh;
	border: 2px solid white;
}

.content_area {
	width: 70%;
	height:100%;
	margin: 0px;
	float: left;
	border: 2px solid white;
	height:100vh;
}

/* ============================================================== */
/* ====  THIS SECTION IS FOR THE TAXONOMIC-SORTED BIRD LIST  ==== */

td {
	padding-top:1px;
	padding-right:1px;
	padding-left:2px;
	font-style:normal;
	text-decoration:none;
	text-align:	center;
	border:none;
	white-space:nowrap;
}

a:link {text-decoration:none;color:#FFFFCC;}
a:visited {text-decoration:none;color:#CCCCCC;}
a:hover {text-decoration:none;font-weight:bold;color:#FFFFFF;}
a:active {text-decoration: none;}

.family {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #00FF00;
	font-weight: bold; 
	text-align: left;
	vertical-align: bottom;
	height: 24px;
	padding-left: 5px;
}

.birdname {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFCC;
	font-weight: normal; 
	text-align: left;
	height: 15px;
	vertical-align: middle;
}

/* ============================================================== */

.summary-container {
	font-family:Calibri,Candara,Segoe,Optima,Arial,sans-serif;
	padding-top:2px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	margin-left:6%;
	margin-right:6%;
	border:3px solid;
	border-color:#cccccc;
	background-color:#003366;
	}

.summary-header {
	padding:2px;
	margin:1px;
	border:1px solid;
	border-color:#dddddd;
	background-color:#0282a7;
	text-align:center;
	font-size: 34px;
	line-height:40px;
	font-style: italic;
	color: #ffffff;
	}

.summary-tagline {
	padding:2px;
	margin:1px;
	background-color:#003366;
	text-align:center;
	font-size: 20px;
	line-height:26px;
	font-style: italic;
	color: #ffffcc;
	}

.summary-text {
	font-size: 22px;
	font-style: normal;
	color: #ffffff;
	}

.summary-bigtext {
	font-size: 34px;
	font-style: italic;
	color: #ffffff;
	line-height:34px;
	}

.summary-clements {
	padding:2px;
	margin:2px;
	background-color:#003366;
	text-align:center;
	font-size: 18px;
	font-style: italic;
	color: #ffffcc;
	line-height:20px;
	}

/* ============================================================== */

.everybirdpix-container {
		margin:0 auto;
		max-width:608px;
		padding-top:4px;
		padding-left:4px;
		padding-right:4px;
		padding-bottom:4px;
		border:3px solid;
		border-color:#cccccc;
		background-color:#003300;
		}

.everybirdpix-common-name {
		font-size:28px;
		line-height:30px;
		font-style: normal;
		color: #00ff00;
		font-family: Arial, Helvetica, sans-serif;
		}
	
.everybirdpix-scientific-name {
		font-size:18px;
		padding-top:6px;
		padding-bottom:20px;
		font-style: italic;
		color: #ffffcc;
		font-family: Arial, Helvetica, sans-serif;
		}

.everybirdpix-caption {
		margin-top:0px;
		margin-left:6px;
		padding-top:0px; 
		padding-left:2px; 
		font-size:16px;
		font-style: italic;
		color: #ffffcc;	
		font-family:Calibri,Candara,Segoe,Optima,Arial,sans-serif;
		text-align:left;
		}
	
.everybirdpix-location {
		margin-top:-20px;
		margin-right:10px;
		padding-top:4px; 
		padding-left:0px; 
		padding-right:2px; 
		font-size:18px;
		line-height:20px;
		font-style: normal;
		color: #ffffcc;	
		font-family:Calibri,Candara,Segoe,Optima,Arial,sans-serif;
		}

.everybirdpix-date {
		font-size:14px;
		font-style: normal;
		color: #ffffcc;
		font-family:Calibri,Candara,Segoe,Optima,Arial,sans-serif;
		margin-right:6px;
		text-align:right;
		}

/* ============================================================== */