Sow Bugs vs Pill Bugs

Don’t get ‘em mixed up! /*===== 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; […]

April 30th, 2016 | Category: INVERTEBRATES | Leave a comment

Wandering Sea Lion

The strange, sad tale of a wandering sea lion: Sea Lion Meets Unhappy Ending < >

April 29th, 2016 | Category: MAMMALS, PINNIPEDS, Uncategorized | Leave a comment

Sea Shore Animals of the Pacific Northwest

We took a stroll along one of our Pacific beaches over the weekend. Kitsap Memorial State is a beautiful park is just north of Bremerton, WA. It’s rocky shoreline is loaded with oysters and an enormous variety of seashore wildlife. Here’s a sample: /*===== 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;
}

Plate Limpet
Plate Limpet

Clam Worm
Clam Worm

Dogwinkle Eggs
Dogwinkle Eggs

Dogwinkles
Dogwinkles

Hairy Chiton
Hairy Chiton

Hairy Shore Crabs
Hairy Shore Crabs

Hermit Crab
Hermit Crab

Ochre Sea Star
Ochre Sea Star

Porcelain Crab
Porcelain Crab

Prickle Back
Prickle Back

Prickle Back
Prickle Back

Purple Shore Crabs
Purple Shore Crabs

Red Rock Crab
Red Rock Crab

Sea Cucumber
Sea Cucumber

section #huge_it_gallery49 {
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_gallery49 .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_gallery49 li img {
width: 100%;
max-width: 240px;
height: 150px;
margin:0 !important;
border-radius: 0px;
}
section #huge_it_gallery49 li .overLayer ul li h2,
section #huge_it_gallery49 li .infoLayer ul li h2 {
font-size: 16px;
color: #FFFFFF;
}
section #huge_it_gallery49 li .infoLayer ul li p {
color: #FFFFFF;
}
section #huge_it_gallery49 li .overLayer,
section #huge_it_gallery49 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_gallery49 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_gallery49 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_gallery49 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_gallery49 p {text-align:center;}

.view {float:none;}

<

>

April 25th, 2016 | Category: INVERTEBRATES, Uncategorized | Leave a comment

Lions and Tigers and Bears!

Well maybe not tigers but we have been seeing mountain lions and bears here in the great Northwest. I was attacked by a cougar in a zoo I worked in so I can personally attest to what that feels like – and it ain’t good. Despite a couple of close encounters so far the bears […]

April 20th, 2016 | Category: CARNIVORES, MAMMALS, Uncategorized | Leave a comment

Phony Wildlife Subscribers

A note to all to all of you bogus robo subscribers using the latest and most ridiculous @dod.bytom.pl “email” account – don’t bother. You are automatically deleted. Same for the rest of you morons who think you’re slick with these idiotic techniques. HOOAH Jack

April 17th, 2016 | Category: Uncategorized | Leave a comment

Unwanted Hitchhiker

This is a trifle embarrassing but since it is wildlife related I went ahead with the post. The other day I noticed an odd sound while driving. It seemed to occur whenever I made a sharp turn or stop, so I assumed it was just some loose something or other rattling around my auto. It […]

April 16th, 2016 | Tags: , | Category: MAMMALS, RODENTS | Leave a comment

Arkansas Wildlife Redux

I spent a bit of time in Little Rock recently at the National Guard Professional Training Center (PEC) at Camp Robinson. Me being me I strolled about the camp keeping an eye out for the local wildlife. And, of course, I found some great examples of Arkansas natural history. /*===== general options =========*/ a { […]

April 9th, 2016 | Category: Uncategorized | Leave a comment