body{background: #d6d6d6 url(../images/bg-body.gif) ; color:#555;font-family:arial}
#wrapper{margin:0 auto;width:920px}
#content{background:#fff;border:1px solid #999;line-height:25px;padding:30px;box-shadow:0px 0px 20px #999; margin-bottom: 30px; margin-top: 30px}
.summary h1{font-size: 20px; margin-bottom: 10px}

#content a{color:#a52a4b;text-decoration:none}
.clear:after{clear:both;content:".";display:block;height:0;visibility:hidden}
nav ul li{width: 300px; margin: 0 auto;}
nav ul li a{color:#565656;display:block;float:left;font-size:1em;font-weight:700;margin:5px 2px;padding:7px 20px 4px;text-shadow:0 1px 1px #FFF;text-transform:uppercase; text-decoration: none}
nav ul li a:visited{color:#565656;display:block;float:left;font-size:1.25em;font-weight:700;margin:5px 2px;padding:7px 10px 4px;text-shadow:0 1px 1px #FFF;text-transform:uppercase}
nav ul li a:hover{background-color:#f0f0f0;text-decoration:none}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}
section#contact,section#skills,section#awards,section#certifications,section#employment{border-bottom:1px dashed #bbb}
section#contact,section#skills{padding-bottom:10px}
section h2{color:#444;margin:10px 0; font-size: 20px;}
section#contact img.photo{border:1px solid #999;float:left;margin-right:30px}
section#contact h1{color:#333;font-size:28px;margin-bottom:25px;margin-top:0}
section#contact span.email{display:block;margin-bottom:5px}
section#contact div.social{display:block;margin-top:25px}
section#contact div.social img{margin-right:50px}
summary{border-bottom:1px dashed #aaa; padding: 10px 0;}
section#education{border-bottom:1px dashed #aaa; padding: 10px 0;}
section#employment h3{margin:5px 0}
section#employment p{margin:25px 0}
section .duration{display:block;font-size:90%;font-weight:700}
section#contact #details{float:left}