Golden Crowned Sparrow

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* ====================== album onhover styles ==========================*/

#album_list .view {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display: none;

}

.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
font-family: Raleway, serif;
padding: 10px;
/*background: rgba(0, 0, 0, 0.8);*/
margin: 20px 0 0 0;

}

.album_back_button a, .view a {
text-decoration: none !important;
}

.view p {
font-family: Merriweather, serif;
font-style: italic;
font-size: 14px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center;

}

.view a.info {
display: inline-block;
text-decoration: none;
font-size: 13px;
padding: 2px 14px;
margin-bottom: 3px;
background: #000;
color: #fff;
font-family: Raleway, serif;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}

.mask-text h2 {
font-size: 20px !important;
}

.view a.info:hover {
box-shadow: 0 0 5px #000
}

.view .mask-bg {
height: 100%;
}

.view .album_social {
color: #fff;
position: absolute;
bottom: 3px;
left: 3px;
border: 1px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
color: #ffffff;
outline: none;
}

/*1*/

.view .info {
margin-top: 5px;
}

.view-first .mask {
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
transition: all 0.4s ease-in-out;

}

.view-first h2 {
transform: translateY(-100px);
opacity: 0;
font-family: Raleway, serif;
transition: all 0.2s ease-in-out;
}

.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}

.view-first a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
/*transform: scale(1.1);*/
}

.view-first:hover .mask {
opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
opacity: 1;
transform: translateY(0px);
}

.view-first:hover p {
transition-delay: 0.1s;
}

.view-first:hover a.info {
transition-delay: 0.2s;
}

/*2*/
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.view-second .mask {
background-color: rgba(226, 200, 127, 0.2);
transition: all 0.5s linear;
opacity: 0;
}

.view-second h2 {
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}

.view-second p {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-second a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
transform: scale(1);
opacity: 1;
}

.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
transform: scaleY(1);
transition: all .7s ease-in-out;
}

.view-third a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-third:hover img {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0;
}

.view-third:hover .mask {
opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
transform: scale(1);
opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
overflow: hidden;
position: relative !important;
height: 100%;
/* cursor: pointer;*/
}

.view-forth img {
max-width: 100%;
position: relative;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
position: absolute;
width: 100%;
/* height: 70px;*/
/* bottom: -70px;*/
height: 50%;
bottom: -50%;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
top: inherit;
}

.view-forth:hover .mask {
bottom: 0;
}

.view-forth:hover img {
top: -30px;
}

/*== view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
display: block;
position: relative;
}

.view-fifth .view-fifth-wrapper {
overflow: hidden;
height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
display: none;
position: absolute;
background: #333;
background: rgba(75, 75, 75, 0.7);
width: 100%;
height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
margin: 1% 0;
padding: 0;
list-style: none;
list-style-type: none !important;

}

#filters li {
float: left;
list-style-type: none !important;
}

#filters li:first-child span {
margin-left: 0px;
}

#filters li span {
display: block;
text-decoration: none;
cursor: pointer;
}

.album_categories {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
padding-top: 5px;
}

/*========= sharing buttons ============*/

.album_socials {
position: relative;
top: 3px;
width: 100px;
height: 28px;
margin: 0 auto;
}

.album_socials .rwd-share-buttons {
top: 0px !important;
width: 100% !important;
margin: 0px !important;
}

.album_socials a {
text-decoration: underline !important;
}

.gallery_images, .album_image_place {
margin-top: 15px;
margin-top: 15px;
}

#rwd-share-facebook:hover {
background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
width: 26px !important;
border: 0px !important;
}

.rwd-share-buttons {
top: 0 !important;
}

.img_link_btn {
position: absolute;
z-index: 99999;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 8px;
}

.rwd-title {
padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
.rwd-share-buttons {
top: -25px !important;
}

.rwd-title-text {
line-height: 15px;
}
}

/*========= hover style ===========*/

#hover {
color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
color: #fffae3;
}

div#all {
width: 100%;
height: 100%;
}

.view img {
height: auto;
}

.view {
color: #fff;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative;
text-align: center;
float: left;
cursor: default;
border: 1px solid #ccc;
}

.view-wrapper {
height: 100%;
}

.view img {
display: block;
position: relative;
transition: all 0.2s linear;
height: 100%;
width: auto;
max-width: 100%;
margin: 0 auto;
}

.mask-text h2 {
font-size: 20px !important;
margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
color: #fff;
}

/* view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
color: #333;
}

.view-second .mask-text h2 {
border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
background-color: #ccc;
transition: all 0.5s linear;
opacity: 0;
color: #333;
}

.view-third h2 {
border-bottom: 1px solid #333;
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}

.view-third p {
color: #333;
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-third .text-category {
color: #333;
}

/* view 4 */

.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
padding: 5px 8px;
}

.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}

.view-forth .mask-text h2:hover {
cursor: pointer;
}

.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}

.view-forth p {
color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
color: #fff;
}

Golden Crowned Sparrow1
Zonotrichia artricapilla photographed by John M. Regan near American Lake, JBLM

Golden Crowned Sparrow2
Zonotrichia artricapilla photographed by John M. Regan near American Lake, JBLM

section #huge_it_gallery135 {
padding: 28px !important;
min-width: 100%;
width: 100%;
min-height: 100%;
text-align: center;
margin: 0;
margin-bottom: 30px;
background-color: #333333; box-shadow: 0 0 10px;}
#huge_it_gallery135 .huge_it_big_li {
overflow:hidden;
width: 100%;
max-width: 242px;
height: 152px;
margin: 1px -1px !important;
border-radius: 5px;
padding:0 !important;
border-radius: 5px;
border: 1px solid #444444;
box-sizing: border-box;
position: relative;
display: inline-block;
}
#huge_it_gallery135 li img {
width: 100%;
max-width: 240px;
height: 150px;
margin:0 !important;
border-radius: 0px;
}
section #huge_it_gallery135 li .overLayer ul li h2,
section #huge_it_gallery135 li .infoLayer ul li h2 {
font-size: 16px;
color: #FFFFFF;
}
section #huge_it_gallery135 li .infoLayer ul li p {
color: #FFFFFF;
}
section #huge_it_gallery135 li .overLayer,
section #huge_it_gallery135 li .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%;
max-width: 242px;
height: 152px;
position: absolute;
text-align: center;
opacity: 0;
top: 0;
left: 0;
z-index: 4;
max-height: 100%;
border-radius: 0px;
}
section #huge_it_gallery135 li a {
position: absolute;
display: block;
width: 100%;
max-width: 242px;
height: 152px;
top: 0;
left: 0;
z-index: 6;
max-height: 100%;
}
li#fullPreview{
list-style: none;
}
.load_more3 {
margin: 10px 0;
position:relative;
text-align:center;
width:100%;
}
.load_more_button3 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:19px !important;;
color:#CCCCCC !important;;
background:#333333 !important;
cursor:pointer;
}
.load_more_button3:hover{
color:#D9D9D9 !important;
background:#8F827C !important;
}
.loading3 {
display:none;
}
.paginate3{
font-size:22px !important;
color:#0A0202 !important;
text-align: center;
}
.paginate3 a{
border-bottom: none !important;
}
.icon-style3{
font-size: 22px !important;
color:#333333 !important;
}
.clear{
clear:both;
}
section #huge_it_gallery135 li:hover .overLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 0.801;
display: block;
background: #CCCCCC;
}
section #huge_it_gallery135 li:hover .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 1;
display: block;
}
section #huge_it_gallery135 p {text-align:center;}

.view {float:none;}

Just in case you’re wondering how they got that name. Beyond the obvious, though, the sun has to hit their noggin just right to get a good look at that gold patch, not to mention a photograph. Their trademark is sported by both female and male of the species.

<

>

Happy Mom Day from Northwest Wildlife Online!

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* ====================== album onhover styles ==========================*/

#album_list .view {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display: none;

}

.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
font-family: Raleway, serif;
padding: 10px;
/*background: rgba(0, 0, 0, 0.8);*/
margin: 20px 0 0 0;

}

.album_back_button a, .view a {
text-decoration: none !important;
}

.view p {
font-family: Merriweather, serif;
font-style: italic;
font-size: 14px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center;

}

.view a.info {
display: inline-block;
text-decoration: none;
font-size: 13px;
padding: 2px 14px;
margin-bottom: 3px;
background: #000;
color: #fff;
font-family: Raleway, serif;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}

.mask-text h2 {
font-size: 20px !important;
}

.view a.info:hover {
box-shadow: 0 0 5px #000
}

.view .mask-bg {
height: 100%;
}

.view .album_social {
color: #fff;
position: absolute;
bottom: 3px;
left: 3px;
border: 1px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
color: #ffffff;
outline: none;
}

/*1*/

.view .info {
margin-top: 5px;
}

.view-first .mask {
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
transition: all 0.4s ease-in-out;

}

.view-first h2 {
transform: translateY(-100px);
opacity: 0;
font-family: Raleway, serif;
transition: all 0.2s ease-in-out;
}

.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}

.view-first a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
/*transform: scale(1.1);*/
}

.view-first:hover .mask {
opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
opacity: 1;
transform: translateY(0px);
}

.view-first:hover p {
transition-delay: 0.1s;
}

.view-first:hover a.info {
transition-delay: 0.2s;
}

/*2*/
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.view-second .mask {
background-color: rgba(226, 200, 127, 0.2);
transition: all 0.5s linear;
opacity: 0;
}

.view-second h2 {
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}

.view-second p {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-second a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
transform: scale(1);
opacity: 1;
}

.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
transform: scaleY(1);
transition: all .7s ease-in-out;
}

.view-third a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-third:hover img {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0;
}

.view-third:hover .mask {
opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
transform: scale(1);
opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
overflow: hidden;
position: relative !important;
height: 100%;
/* cursor: pointer;*/
}

.view-forth img {
max-width: 100%;
position: relative;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
position: absolute;
width: 100%;
/* height: 70px;*/
/* bottom: -70px;*/
height: 50%;
bottom: -50%;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
top: inherit;
}

.view-forth:hover .mask {
bottom: 0;
}

.view-forth:hover img {
top: -30px;
}

/*== view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
display: block;
position: relative;
}

.view-fifth .view-fifth-wrapper {
overflow: hidden;
height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
display: none;
position: absolute;
background: #333;
background: rgba(75, 75, 75, 0.7);
width: 100%;
height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
margin: 1% 0;
padding: 0;
list-style: none;
list-style-type: none !important;

}

#filters li {
float: left;
list-style-type: none !important;
}

#filters li:first-child span {
margin-left: 0px;
}

#filters li span {
display: block;
text-decoration: none;
cursor: pointer;
}

.album_categories {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
padding-top: 5px;
}

/*========= sharing buttons ============*/

.album_socials {
position: relative;
top: 3px;
width: 100px;
height: 28px;
margin: 0 auto;
}

.album_socials .rwd-share-buttons {
top: 0px !important;
width: 100% !important;
margin: 0px !important;
}

.album_socials a {
text-decoration: underline !important;
}

.gallery_images, .album_image_place {
margin-top: 15px;
margin-top: 15px;
}

#rwd-share-facebook:hover {
background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
width: 26px !important;
border: 0px !important;
}

.rwd-share-buttons {
top: 0 !important;
}

.img_link_btn {
position: absolute;
z-index: 99999;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 8px;
}

.rwd-title {
padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
.rwd-share-buttons {
top: -25px !important;
}

.rwd-title-text {
line-height: 15px;
}
}

/*========= hover style ===========*/

#hover {
color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
color: #fffae3;
}

div#all {
width: 100%;
height: 100%;
}

.view img {
height: auto;
}

.view {
color: #fff;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative;
text-align: center;
float: left;
cursor: default;
border: 1px solid #ccc;
}

.view-wrapper {
height: 100%;
}

.view img {
display: block;
position: relative;
transition: all 0.2s linear;
height: 100%;
width: auto;
max-width: 100%;
margin: 0 auto;
}

.mask-text h2 {
font-size: 20px !important;
margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
color: #fff;
}

/* view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
color: #333;
}

.view-second .mask-text h2 {
border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
background-color: #ccc;
transition: all 0.5s linear;
opacity: 0;
color: #333;
}

.view-third h2 {
border-bottom: 1px solid #333;
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}

.view-third p {
color: #333;
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-third .text-category {
color: #333;
}

/* view 4 */

.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
padding: 5px 8px;
}

.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}

.view-forth .mask-text h2:hover {
cursor: pointer;
}

.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}

.view-forth p {
color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
color: #fff;
}

Canada Geese with ducklings
Canada Geese photographed at American Lake by John M. Regan

Canada Goose duckling
Duckling photographed at American Lake by John M. Regan

section #huge_it_gallery134 {
padding: 28px !important;
min-width: 100%;
width: 100%;
min-height: 100%;
text-align: center;
margin: 0;
margin-bottom: 30px;
background-color: #333333; box-shadow: 0 0 10px;}
#huge_it_gallery134 .huge_it_big_li {
overflow:hidden;
width: 100%;
max-width: 242px;
height: 152px;
margin: 1px -1px !important;
border-radius: 5px;
padding:0 !important;
border-radius: 5px;
border: 1px solid #444444;
box-sizing: border-box;
position: relative;
display: inline-block;
}
#huge_it_gallery134 li img {
width: 100%;
max-width: 240px;
height: 150px;
margin:0 !important;
border-radius: 0px;
}
section #huge_it_gallery134 li .overLayer ul li h2,
section #huge_it_gallery134 li .infoLayer ul li h2 {
font-size: 16px;
color: #FFFFFF;
}
section #huge_it_gallery134 li .infoLayer ul li p {
color: #FFFFFF;
}
section #huge_it_gallery134 li .overLayer,
section #huge_it_gallery134 li .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%;
max-width: 242px;
height: 152px;
position: absolute;
text-align: center;
opacity: 0;
top: 0;
left: 0;
z-index: 4;
max-height: 100%;
border-radius: 0px;
}
section #huge_it_gallery134 li a {
position: absolute;
display: block;
width: 100%;
max-width: 242px;
height: 152px;
top: 0;
left: 0;
z-index: 6;
max-height: 100%;
}
li#fullPreview{
list-style: none;
}
.load_more3 {
margin: 10px 0;
position:relative;
text-align:center;
width:100%;
}
.load_more_button3 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:19px !important;;
color:#CCCCCC !important;;
background:#333333 !important;
cursor:pointer;
}
.load_more_button3:hover{
color:#D9D9D9 !important;
background:#8F827C !important;
}
.loading3 {
display:none;
}
.paginate3{
font-size:22px !important;
color:#0A0202 !important;
text-align: center;
}
.paginate3 a{
border-bottom: none !important;
}
.icon-style3{
font-size: 22px !important;
color:#333333 !important;
}
.clear{
clear:both;
}
section #huge_it_gallery134 li:hover .overLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 0.801;
display: block;
background: #CCCCCC;
}
section #huge_it_gallery134 li:hover .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 1;
display: block;
}
section #huge_it_gallery134 p {text-align:center;}

.view {float:none;}

God bless all Moms out there no matter what your species! None of us would be here without you.

<

>

Wildlife Springing Out in Spring

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* ====================== album […]

Ring Around the Moon!

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* […]

Porcupine Time!

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* […]

Hidden Wildlife – What’s Under There!?

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* […]

Ancient Unknown Insect Species

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* […]

Coots are cute

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* ====================== album onhover styles ==========================*/

#album_list .view {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
display: none;

}

.view .mask,
.view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
font-family: Raleway, serif;
padding: 10px;
/*background: rgba(0, 0, 0, 0.8);*/
margin: 20px 0 0 0;

}

.album_back_button a, .view a {
text-decoration: none !important;
}

.view p {
font-family: Merriweather, serif;
font-style: italic;
font-size: 14px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center;

}

.view a.info {
display: inline-block;
text-decoration: none;
font-size: 13px;
padding: 2px 14px;
margin-bottom: 3px;
background: #000;
color: #fff;
font-family: Raleway, serif;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}

.mask-text h2 {
font-size: 20px !important;
}

.view a.info:hover {
box-shadow: 0 0 5px #000
}

.view .mask-bg {
height: 100%;
}

.view .album_social {
color: #fff;
position: absolute;
bottom: 3px;
left: 3px;
border: 1px solid #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
color: #ffffff;
outline: none;
}

/*1*/

.view .info {
margin-top: 5px;
}

.view-first .mask {
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
transition: all 0.4s ease-in-out;

}

.view-first h2 {
transform: translateY(-100px);
opacity: 0;
font-family: Raleway, serif;
transition: all 0.2s ease-in-out;
}

.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}

.view-first a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
/*transform: scale(1.1);*/
}

.view-first:hover .mask {
opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
opacity: 1;
transform: translateY(0px);
}

.view-first:hover p {
transition-delay: 0.1s;
}

.view-first:hover a.info {
transition-delay: 0.2s;
}

/*2*/
.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.view-second .mask {
background-color: rgba(226, 200, 127, 0.2);
transition: all 0.5s linear;
opacity: 0;
}

.view-second h2 {
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}

.view-second p {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-second a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
transform: scale(1);
opacity: 1;
}

.view-second img {
-webkit-filter: grayscale(0) blur(0);
filter: grayscale(0) blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.view-second:hover img {
-webkit-filter: grayscale(100%) blur(3px);
filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
transform: scaleY(1);
transition: all .7s ease-in-out;
}

.view-third a.info {
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-third:hover img {
-webkit-transform: scale(10);
transform: scale(10);
opacity: 0;
}

.view-third:hover .mask {
opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
transform: scale(1);
opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
overflow: hidden;
position: relative !important;
height: 100%;
/* cursor: pointer;*/
}

.view-forth img {
max-width: 100%;
position: relative;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
position: absolute;
width: 100%;
/* height: 70px;*/
/* bottom: -70px;*/
height: 50%;
bottom: -50%;
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
top: inherit;
}

.view-forth:hover .mask {
bottom: 0;
}

.view-forth:hover img {
top: -30px;
}

/*== view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
display: block;
position: relative;
}

.view-fifth .view-fifth-wrapper {
overflow: hidden;
height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
display: none;
position: absolute;
background: #333;
background: rgba(75, 75, 75, 0.7);
width: 100%;
height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
margin: 1% 0;
padding: 0;
list-style: none;
list-style-type: none !important;

}

#filters li {
float: left;
list-style-type: none !important;
}

#filters li:first-child span {
margin-left: 0px;
}

#filters li span {
display: block;
text-decoration: none;
cursor: pointer;
}

.album_categories {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
padding-top: 5px;
}

/*========= sharing buttons ============*/

.album_socials {
position: relative;
top: 3px;
width: 100px;
height: 28px;
margin: 0 auto;
}

.album_socials .rwd-share-buttons {
top: 0px !important;
width: 100% !important;
margin: 0px !important;
}

.album_socials a {
text-decoration: underline !important;
}

.gallery_images, .album_image_place {
margin-top: 15px;
margin-top: 15px;
}

#rwd-share-facebook:hover {
background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
width: 26px !important;
border: 0px !important;
}

.rwd-share-buttons {
top: 0 !important;
}

.img_link_btn {
position: absolute;
z-index: 99999;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 8px;
}

.rwd-title {
padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
.rwd-share-buttons {
top: -25px !important;
}

.rwd-title-text {
line-height: 15px;
}
}

/*========= hover style ===========*/

#hover {
color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
color: #fffae3;
}

div#all {
width: 100%;
height: 100%;
}

.view img {
height: auto;
}

.view {
color: #fff;
margin: 0 10px 10px 0;
overflow: hidden;
position: relative;
text-align: center;
float: left;
cursor: default;
border: 1px solid #ccc;
}

.view-wrapper {
height: 100%;
}

.view img {
display: block;
position: relative;
transition: all 0.2s linear;
height: 100%;
width: auto;
max-width: 100%;
margin: 0 auto;
}

.mask-text h2 {
font-size: 20px !important;
margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
color: #fff;
}

/* view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
color: #333;
}

.view-second .mask-text h2 {
border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
background-color: #ccc;
transition: all 0.5s linear;
opacity: 0;
color: #333;
}

.view-third h2 {
border-bottom: 1px solid #333;
background: transparent;
margin: 20px 40px 0px 40px;
transform: scale(0);
color: #333;
transition: all 0.5s linear;
opacity: 0;
}

.view-third p {
color: #333;
opacity: 0;
transform: scale(0);
transition: all 0.5s linear;
}

.view-third .text-category {
color: #333;
}

/* view 4 */

.view-forth .mask-bg {
background: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.view-forth .mask-text {
color: #fff;
position: relative;
z-index: 500;
padding: 5px 8px;
}

.view-forth .mask-text h2 {
margin: 0px;
font-size: 13px;
padding: 2px;
color: #fff;
}

.view-forth .mask-text h2:hover {
cursor: pointer;
}

.view-forth .text-category {
display: block;
font-size: 15px;
color: #fff;
}

.view-forth p {
color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
color: #fff;
}

Red eyed coots up close
photo by John M. Regan at American Lake FT Lewis

Coot unwebbed feet
photo by John M. Regan at American Lake FT Lewis

Swimming coot flock
photo by John M. Regan at American Lake FT Lewis

section #huge_it_gallery127 {
padding: 28px !important;
min-width: 100%;
width: 100%;
min-height: 100%;
text-align: center;
margin: 0;
margin-bottom: 30px;
background-color: #333333; box-shadow: 0 0 10px;}
#huge_it_gallery127 .huge_it_big_li {
overflow:hidden;
width: 100%;
max-width: 242px;
height: 152px;
margin: 1px -1px !important;
border-radius: 5px;
padding:0 !important;
border-radius: 5px;
border: 1px solid #444444;
box-sizing: border-box;
position: relative;
display: inline-block;
}
#huge_it_gallery127 li img {
width: 100%;
max-width: 240px;
height: 150px;
margin:0 !important;
border-radius: 0px;
}
section #huge_it_gallery127 li .overLayer ul li h2,
section #huge_it_gallery127 li .infoLayer ul li h2 {
font-size: 16px;
color: #FFFFFF;
}
section #huge_it_gallery127 li .infoLayer ul li p {
color: #FFFFFF;
}
section #huge_it_gallery127 li .overLayer,
section #huge_it_gallery127 li .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%;
max-width: 242px;
height: 152px;
position: absolute;
text-align: center;
opacity: 0;
top: 0;
left: 0;
z-index: 4;
max-height: 100%;
border-radius: 0px;
}
section #huge_it_gallery127 li a {
position: absolute;
display: block;
width: 100%;
max-width: 242px;
height: 152px;
top: 0;
left: 0;
z-index: 6;
max-height: 100%;
}
li#fullPreview{
list-style: none;
}
.load_more3 {
margin: 10px 0;
position:relative;
text-align:center;
width:100%;
}
.load_more_button3 {
border-radius: 10px;
display:inline-block;
padding:5px 15px;
font-size:19px !important;;
color:#CCCCCC !important;;
background:#333333 !important;
cursor:pointer;
}
.load_more_button3:hover{
color:#D9D9D9 !important;
background:#8F827C !important;
}
.loading3 {
display:none;
}
.paginate3{
font-size:22px !important;
color:#0A0202 !important;
text-align: center;
}
.paginate3 a{
border-bottom: none !important;
}
.icon-style3{
font-size: 22px !important;
color:#333333 !important;
}
.clear{
clear:both;
}
section #huge_it_gallery127 li:hover .overLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 0.801;
display: block;
background: #CCCCCC;
}
section #huge_it_gallery127 li:hover .infoLayer {
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 1;
display: block;
}
section #huge_it_gallery127 p {text-align:center;}

.view {float:none;}

Interesting birds these coots. They turn up quite a bit out on American Lake at Fort Lewis, but every now and then I find them swimming around in enormous numbers. And despite those webless feet they seem to do pretty well.

Shrew versus Mole

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* […]

Wildlife Nearby – Take a Closer Look

/*===== general options =========*/ a { box-shadow: none !important; } .view *, .album_categories *, .album_back_button *, #album_disabled_layer { font-family: sans-serif, Arial, Verdana, Sylfaen !important; } #album_disabled_layer { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; } #album_list_container { position: relative; } /* […]