/* ----------- */
/* -- Tools -- */
/* ----------- */
.line { clear: both; height: 2px; background-color: #ddd; margin: 20px 43px 20px 43px;  }

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap {  margin: 0 auto;   width: 992px; background: #fff url('images/midbg35.jpg'); background-repeat: repeat-y;}
#top {  margin: 0 auto;  width: 992px; background: #fff url('images/topbg35.jpg'); height: 30px; }
#bottom {  margin: 0 auto; margin: 5px auto; width: 992px; background: #fff url('images/botbg35.jpg'); height: 30px; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff; color: #666; }
h1 { font-size: 38px; margin: 0 0 30px 0; }
h2 { font-size: 34px; margin: 0 0 30px 0; }
h3 { font-size: 24px; margin: 15px 0 15px 43px; }
h4 { font-size: 20px; margin: 5px 0 15px 43px;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { font-size: 14px; line-height: 22px; margin: 0 0 15px 45px; }
li { font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  margin: 0 0 15px 43px; }
a { text-decoration: none; color: #cc0000; }
a:hover { color: #666; }



/* ------------ */
/* -- Header -- */
/* ------------ */
#header { padding: 10px 0 10px 0; border-bottom: 4px #ddd solid; overflow: hidden; margin: 0 43px 0 43px; }
#header h1 { float: left; font-size: 43px; font-weight: bold; letter-spacing: -2px; margin: 0 0 0 0px; }
#header h2 { float: right; font-size: 30px; color: #aaa; margin: 8px 0 0 0; letter-spacing: -1px; }

/* --------- */
/* -- Bio -- */
/* --------- */
#bio { margin: 40px 0 20px 0; }
#bio h3 { font-size: 20px; color: #666; margin: 0 0 17px 0; }
#bio h4 { font-size: 20px; margin: 0 0 0 0; }
#bio h4 span { color: #888; }
#bio h5 { font-size: 16px; margin: 9px 0 0 0; }
#bio p { line-height: 22px; margin: 0 0 10px 0; }
#bio #about { float: left; width: 300px; margin: 0 0 40px 43px; }
#photo-bg { float: left; width: 300px;  margin: 0 20px 0 0; -webkit-box-shadow: 0px 0 5px #aaa; -moz-box-shadow: 0px 0 5px #aaa; box-shadow: 0px 0 5px #aaa; background: #fff; padding: 5px; }
#bio #about .photo img {  border: 1px #ccc solid; width: 300px; height: 150px; }
#bio-details { float: right; width: 550px; margin: 0 50px 0px 0;}
#bio-details h5 { color: #555; }
#bio-details h5 span { color: #888; }



/* -------------- */
/* -- Projects -- */
/* -------------- */
#projects { overflow: hidden; padding: 0 0 0 0; margin: 0 43px 0 43px; }
#projects h3 { margin: 0 0 20px 0; }
#projects .project { float: left; margin: 0 0 5px 25px; }
#projects .first { margin-left: 20px; }
#projects .centerLeft { margin-left: 170px; }
#projects img { float: left; }
#projects h4 { float: left; margin: 0px 0 5px 10px; font-size: 18px; }
#projects p { clear: both; width: 420px; height: 95px; margin: 0px 0 5px 0px; }


/* -------------- */
/* -- Tools -- */
/* -------------- */
#tools { overflow: hidden; padding: 0 0 0 0; margin: 0 43px 0 43px; }
#tools h3 { margin: 0 0 20px 0; }
#tools .tool { float: left; margin: 0 0 5px 25px; }
#tools .first { margin-left: 20px; }
#tools img { float: left; }
#tools h4 { float: left; margin: 0px 0 5px 10px; font-size: 18px; }
#tools p { clear: both; width: 420px; height: 155px; margin: 0px 0 10px 0px; }




/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { clear: both; margin: 43px 0 35px 0; border-top: 3px #ddd solid; }
#footer p { font-size: 18px; color: #aaa; margin-top: 10px; }