/* CSS Document */
body, form, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {margin:0; padding:0;}
body {background:#7e7e7e url(../i/bg_body.gif); font:normal 11px tahoma,arial,sans-serif; color:#000;}

a {text-decoration:none; color:#09c;}
a:hover, a:active {text-decoration:underline;}
ul, ul li {list-style:none;}
img, a img {color:#000;} /* Alt text */
.clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.hide {display:none;}

#page {width:944px; margin:0 auto; padding:0 15px; background:url(../i/bg_page.gif) repeat-y;}

#header {width:990px; margin:0 auto; padding:0; position:relative; background:url(../i/bg_page.gif) top center repeat-y;}
#header .featured {width:945px; margin:0 auto; z-index:100;}
#header .subhead {width:990px; height:55px; z-index:200; position:absolute; top:137px; left:0;}

/* Home Page */
body#home #page {padding-bottom:100px;}
body#home #page .section {padding-bottom:45px;}
body#home #page .sectionhead {margin:0 46px; padding:12px 18px; border-top:1px dotted #7e7e7e; border-bottom:1px dotted #7e7e7e;}
body#home #page .section h2 {float:left; width:640px;}
body#home #page .sectionhead .resume {width:200px; margin:0; padding:0 2px 0 0; background:url(../i/icon_resume.gif) 0 2px no-repeat;}
body#home #page .sectionhead .resume2 {width:30px; margin:0; padding:0 2px 0 0;}
body#home #page .sectionhead .resume a {padding:0 5px 0 15px; text-decoration:underline;}
body#home #page .sectionhead .resume2 a {padding-left:6px; text-decoration:underline;}

body#home #page .section .row {width:816px; margin:0 auto; padding:22px 0 8px 0;}

body#home #page .section .item {float:left; width:234px; padding:0 50px 0 0px;}
body#home #page .section .last {padding-right:0;}
body#home #page .section .item p.image {margin:0; padding:0;}
body#home #page .section .item p.image img {border:6px solid #fff;}
body#home #page .section .item h3 {padding:0 6px; font:normal 11px tahoma,arial,sans-serif;}
body#home #page .section .item h3 a {text-decoration:underline;}
body#home #page .section .item p.desc {margin:0; padding:2px 6px; font-size:10px; color:#999;}

/* Project */
body#project #page {padding-bottom:50px;}
body#project #page #projecthead {display:block; margin:0 46px 10px 46px; width:852px; padding:10px 0; border-top:1px dotted #7e7e7e; border-bottom:1px dotted #7e7e7e;}
body#project #page #projecthead h1 {float:left; display:block; width:700px; padding-left:20px; background:url(../i/icon_bullet.gif) 0 4px no-repeat; font:normal 16px tahoma,arial,sans-serif; color:#000; text-transform:uppercase;}
body#project #page #projecthead h1 span {color:#999; text-transform:lowercase;}
body#project #page #projecthead p.back {float:right; display:block; width:120px; margin:0; padding:3px 12px 0 0; text-align:right;}
body#project #page #projecthead p.back a {text-decoration:underline;}

body#project #page .projectitem {display:block; width:850px; margin:0 auto;}
body#project #page .projectitem .caption {margin:10px 0 50px 0; background:url(../i/bg_projectdesc.gif) repeat-y;}
body#project #page .projectitem p.image {margin:0; padding:0;}
body#project #page .projectitem p.enlarge {float:left; width:68px; margin:0; padding:6px 1px 0 0; text-align:center;}
body#project #page .projectitem p.enlarge a span {display:block; padding-top:8px; font-weight:bold; text-decoration:underline;}
body#project #page .projectitem .desc {float:left; width:747px; padding:0 17px;}
body#project #page .projectitem .desc p.text {margin:0; padding:0; font:normal 15px georgia,"times new roman",times,serif; color:#131313;}
body#project #page .projectitem .desc p.text_tall {margin:0; padding:10px 0 0 0; font:normal 15px georgia,"times new roman",times,serif; color:#131313;}
body#project #page .projectitem .desc p.details {margin:0; padding:7px 0; font-size:10px; color:#999;}

/* Enlarge */
body#enlarge {}
body#enlarge #enlargehead {width:1250px; margin:10px auto 0 auto; padding:10px 15px; background:#fff;}
body#enlarge #enlargehead p.back {float:left; display:block; width:100px; margin:0; padding:3px 0 0 0; background:url(../i/icon_arrow.gif) 0 8px no-repeat;}
body#enlarge #enlargehead p.back a {padding-left:8px; text-decoration:underline;}
body#enlarge #enlargehead h1 {float:left; display:block; width:1150px; font:normal 16px tahoma,arial,sans-serif; color:#000; text-transform:uppercase;}

body#enlarge #large {width:1280px; margin:10px auto 0 auto; padding-bottom:10px;}