How do I add drop shadows to gallery boxes?

Question

So I was sucessful in adding drop shadows to my bio and contact pages and I want to add that same code to my gallery boxes. As of right now I was able to figure out that .box changes those but unforunatily its also changing the bio box which I don't want it to do. I've tired all kinds of combo's .box_galleriesbox, .galleriesbox_#fineart and many other but can't seem to get it. Any help would be appreciated my site is http://k-ophotography.smugmug.com/

Answer 1

First you had another problem, your header image was not defined properly in terms of size, causing your breadcrumb navigation to be unclickable. I fixed that for you by changing the size you had in your CSS to the actual size of the KO Photography logo.

Now to answer your question, try adding this to the bottom of your CSS:

.smugmug #photos {margin-top: 75px;background: rgb(44,49,63); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(44,49,63,1) 0%, rgba(44,49,61,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,49,63,1)), color-stop(100%,rgba(44,49,61,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(44,49,63,1) 0%,rgba(44,49,61,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(44,49,63,1) 0%,rgba(44,49,61,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(44,49,63,1) 0%,rgba(44,49,61,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(44,49,63,1) 0%,rgba(44,49,61,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c313f', endColorstr='#2c313d',GradientType=0 ); /* IE6-9 */
padding: 20px 40px 40px;
-webkit-box-shadow: 2px 2px 1px .5px rgba(0, 0, 0, .5);
-moz-box-shadow: 2px 2px 1px .5px rgba(0, 0, 0, .5);
box-shadow: 2px 2px 1px .5px rgba(0, 0, 0, .5);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;} 

Answer 2

There must be something on my pages interfering with my attempts to put drop shadows on my thumbs and big pictures. I've looked at the forums for like 6 months pasting various bits of code into my css which apparently work for other people. all to no effect. can anybody tell e what i'm doing wrong here?