* { padding:0px; margin:0px; }
body { background:#fff; margin:15px; font-family:Arial, Helvetica, sans-serif; }
a { color:#C8DCE5; }
h3 { margin: 10px 10px 0 10px; color:#FFF; font:13pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; }
.boxgrid { width: 200px; height: 200px; margin:3px; float:left; background:#161613; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p { padding: 0 10px; color:#afafaf; font-weight:bold; font:9pt "Lucida Grande", Arial, sans-serif; }
.boxcaption { float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .9; 				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.captionfull .boxcaption { top: 260px; left: 0; }

#header {margin-bottom:25px;}
.dev { margin:10px 0 0 0;}

img {margin:0; padding:0; border:0;}
#social {margin:100px 0 50px 0;}
#skills {margin:100px 0 0 0;}
a {text-decoration:none;} 
div#contact {display:none;}
p.contact_hr {font-size:90px; font-weight: bolder;}