/* GLOBAL */
body{ background: #EDEDED url('http://jeffbond.org/images/ticks.png'); margin: 0; padding: 0; font-family: 'Lato','Sans Serif'; color: #4b4b4b }
.wrapper{ margin-right: auto; margin-left: auto; width: 960px }

/* HEADER */
.header{clear: both; height: 200px; margin-top: 20px; margin-bottom: 20px}
.logo a{ z-index: 999; display: inline-block; width: 200px; height: 200px; background: #EDEDED url('http://jeffbond.org/images/logo.jpg'); text-indent: -9999px; box-shadow:0px 0px 10px 5px rgba(75, 75, 75, 0.2); }
.logo a:hover{ box-shadow:0px 0px 10px 5px rgba(75, 75, 75, 0.3);}
.gray-bar{ z-index: 1; background: #4b4b4b; height: 120px; margin-top: -160px; box-shadow:0px 0px 10px 5px rgba(75, 75, 75, 0.2);}
.gray-bar h1{ margin: 0 0 0 250px; padding-top: 40px; color: #EDEDED}

/* HERO */
.hero-text p{ font-size: 42px; text-align: center; width: 100%; text-shadow: 1px 1px 1px #fff;}

/* PORTFOLIO ITEM GRID */
.grid-item{ position: relative; float: left; width: 30%; margin: 0 10px 10px 0; background: #FFF; padding: 10px; border: 1px solid #4b4b4b;}
.grid-item:hover{box-shadow:0px 0px 10px 5px rgba(75, 75, 75, 0.2); }
.grid-item-hover-block{ position: absolute; top: 70px; left: 0; background: #4b4b4b; visibility: hidden; z-index: 999; width: 288px }
.grid-item-hover-block p{ background: #4b4b4b; width: 100%; font-size: 18px; text-align: center; margin: 0; padding: 5px 10px; text-shadow: none}
.grid-item-hover-block p small{font-size: 12px}
.grid-item a{color: #EDEDED}
.grid-item a:visited{color: #EDEDED}
.grid-item img{ width: 288px; height: 180px}
.grid-item:hover img{ opacity: 0.4}
.grid-item:hover .grid-item-hover-block {visibility: visible}

/* MISC STUFF */
.onecol-item{ position: relative; float: left; width: 30%; margin: 0 10px 10px 0; padding: 10px; }
.twocol-item{ position: relative; float: left; width: 63%; margin: 0 10px 10px 0; padding: 10px; }
h2{	margin-bottom: 0; text-shadow: 1px 1px 1px #fff;}
p{ margin: .75em 0; text-shadow: 1px 1px 1px #fff;}
ul{ list-style-type: none; margin: 0; padding: 10px}
li{ margin-bottom: 5px; text-shadow: 1px 1px 1px #fff;}


/* FOOTER */
.footer{ clear: both; background: #4b4b4b; height: 50px;}
.footer p{ width: 100%; font-size: 10px; text-align: center; color: #EDEDED; padding-top: 15px; text-shadow: none }