/* RESET STYLES */
    html {height: 100%;}
    body {padding:0;margin:0;font: 62.5% Verdana, Arial, sans-serif;}
    p,h1,h2,h3,h4,ul,ol,form {padding:0;margin:0}
    ul,ol {list-style: none;}
    img {border: none; display: block;}
    a {outline: none;}

/* LAYOUT STYLES */
#wrapper {left: 50%; top: 50%; margin: -233px 0 0 -401px; height: 466px; width: 802px; position: absolute;}
#content {height: 466px; width: 802px; background: url(../_img/main-bg.jpg) 0 0 no-repeat;}
.img-nav {width: 314px;}
.position-left {float: left;}
.position-right {float: right;}
.display {float: left; width: 483px;}

#main-nav p {padding: 1em; text-align: center;}
a {font-size: 1.1em; color: #666; text-decoration: none;}
a:hover {color: #333}

#main-nav a {font-size: 1.2em; text-transform: uppercase; padding: 0 1.5em; font-size: 1.2em;}
#main-nav a:hover {color: #2084ff;}

.display h1 {color: #000; font-size: 3.4em; margin-left: 3em; margin-top: 0.5em;}
.display h2 {color: #2084ff; font-size: 1.4em; margin-left: 22.5em; text-transform: uppercase; font-weight: normal}
.display h3 {font-size: 1.2em; background: url(../_img/h3-bg.jpg) 0 0 repeat-y; margin: 0.5em 0.5em 1em; padding: 0.25em 0.5em; color: #b4b6a9; text-transform: uppercase;}
.display h4 {margin: 0.5em 1em; font-size: 1.3em;}
.display p, .display td {font: 1.1em Tahoma, Arial, sans-serif; margin: 0 1.25em 1em; color: #666}

/* PAGES STYLES */
.home-nav {width: 314px; height: 126px;}
.home-nav li {text-indent: -9999px;}
.home-nav li a {display: block;  width: 314px; height: 42px; background-image: url(../_img/nav-home.jpg); } 

.home-nav .bio a {background-position: 0 126px;}
.home-nav .demo a {background-position: 0 84px}
.home-nav .photos a {background-position: 0 42px;}

.display .date {color: #2084ff}

.signup-form {position: relative; margin: 0 auto; height: 56px; width: 465px; background: url(../_img/signup-newsletter.jpg) 0 0 no-repeat;}
.signup-form .join {float: left; border: 1px solid #2084ff; width: 200px; padding: 0.25em; font-size: 1.1em; background: #D9DBCC; margin: 18px 0 18px 230px}
.signup-form .submit {float: right;}

.icon {text-align: center;}
.icon img {display:inline; margin: 0 95px;}
.display-left {float: left; width: 240px; margin: 0; /* 5px 5px 10px;*/}
.display-right {float: right;}
.display-left a {display: block; margin: 0 0 5px 10px;}
.display-right a {display: block; margin: 0 5px 5px 0;}
/* RESUME */
.resume table {width: 448px; margin: 0 10px}
.resume table.stats {margin-bottom: 20px; border: 1px solid #FAFAFA}
.resume table.stats th {text-align: left; color: #666; width: 15%; padding: 0.25em 0.5em; } 
.resume table.projects th {text-align: left; color: #2084ff; background: #D9DBCC url(../_img/h3-bg.jpg) 100% 0 repeat-y; padding: 0.25em 0.5em;} 
.resume table.projects td {font-size: 1.1em; padding: 0.5em; }

/* CONTACT LINKS */
.contact-links ul {margin: 1em 2em 1em 4em; }
.contact-links li.title {padding: 1em 0 0.25em; font-size: 1.2em; color: #2084ff}
.contact-links li {padding: 0.25em 0; color: #}