body { 
background: #eeeeee; 
font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
font-size:100%;
line-height:1.5;
-webkit-text-size-adjust:none;
color: #1b1b1b; 
}

h1 { 
font-size:1.25em; 
color:#ffffff; 
font-weight:normal; 
}

h1 span {
font-size:0.55em;
text-transform:uppercase;
color:#111111; 
cursor:pointer;

}

a { 
color:#111111; 
text-decoration:none; 
}


header, footer { 
background: #80ab37;
background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101)); 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
padding:2%;
}


header {
border-bottom: 1px solid #000000;
}

footer { 
border-top:1px solid #000000; 
text-align:center;
} 


footer p { 
color:#ffffff; 
font-size:0.6875em; 
}
footer > p:last-of-type {
margin-top:2%;
}

section#gallery { 
margin:2.5% 0; 
}


section#gallery:after { 
clear:both; content:"."; 
display:block; height:0; 
visibility:hidden; 
}



section#gallery figure { 
float:left;
display:inline;
width:21%;
margin:2%; /*2% + 21% + 2% = 25% */
}

section#gallery a { 
display:block; 
width:100%;
border:1px solid #000000;
background:#42403f;
opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */ 
filter: alpha(opacity = 60); /* IE 5-7 hack */
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
} 

section#gallery a:hover { 
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
filter: alpha(opacity = 100); /* IE 5-7 hack */
} 


section#gallery img { 
width:100%;
display:block;
border:none;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */ 
}