/* Global */
body, form, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {margin:0; padding:0;}
body {background:#8A8A82 url(i/tile.gif); font:normal 77% arial,sans-serif; color:#fff;}

#page {width:800px; margin:50px auto; background:#fff; color:#8A8A82;}

a {color:#9C8909; text-decoration:none;}
a:visited {color:#DDCB8E;}
a:hover, a:active {text-decoration:underline;}
a.offsite {padding-right:16px; background:url(i/icon_ext.gif) center right no-repeat;}

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 !important;}
/* End Global */

#header {padding:30px 0 10px 15px; border-bottom:1px solid #8A8A82; border-top:4px solid #DCC632;}
#header .logo {float:left; width:171px; height:20px; margin:0; padding:0; background:url(i/header.gif) no-repeat; font:normal 195% "times new roman",times,serif; color:#DCC632; text-transform:uppercase;}
#header .logo span {display:block; visibility:hidden;}

#nav {float:right; width:50%; padding-top:8px; font:normal 80% arial,sans-serif; color:#8A8A82; letter-spacing:.1em; text-transform:uppercase;}
#nav li {display:block; float:left; padding-right:10px;}
#nav li:after {content:".";}
#nav a {color:#8A8A82;}
#home #nav li.home a, #resume #nav li.resume a, #project #nav li.folio a,
#folio #nav li.folio a, #contact #nav li.contact a {color:#DCC632;}


#footer {padding:5px 15px; border-top:1px solid #8A8A82; border-bottom:2px solid #DCC632;}
#footer .copy {margin:0; padding:0; font-size:80%; text-transform:uppercase;}

#main {width:770px; padding:30px 15px; color:#393939;}
#main h1, #main h2, #main .navhead {font:normal 160% "times new roman",times,serif;}

/* Home */
#home #main {background:url(i/bg_home3.jpg) no-repeat;}
#home #left {float:left; width:385px; height:400px;}
#home #right {float:right; width:330px; padding-left:45px;}
#home #left p {line-height:145%;}
#home #right .feat img {padding:2px; border:1px solid #ccc;}
#home #right .caption {display:block; padding-top:2px; font-size:90%;}

/* Contact */
#contact #main {background:url(i/bg_home3.jpg) bottom right no-repeat;}
#contact #left {float:left; width:385px;}
#contact #right {float:right; width:230px; padding:35px 100px 0 45px;}
#contact #left p {line-height:145%;}

#contact .error {}
#contact .error ul {margin-left:20px;}
#contact .error li {list-style:disc; color:#f00;}
#contact .thankyou {height:400px;}

#contact dt {font-weight:bold;}
#contact dd {margin-bottom:15px;}
#contactform input, #contactform textarea {font:normal 100% arial,sans-serif; background:#FFFFE7; border:1px solid #999; color:#666;}
#contactform #name, #contactform #email, #contactform #comments {width:300px; padding:2px;}
#contactform #name:hover, #contactform #email:hover, #contactform #comments:hover {border-color:#dcc632; color:#a89726;}
#contactform #name:focus, #contactform #email:focus, #contactform #comments:focus {border-color:#dcc632; color:#a89726;}
#contactform #submit {background:#766916; border:1px solid #666; color:#fff;}
#contactform #submit:hover {background:#dcc632; border-color:#666; color:#fff;}

#contact #right h2 {font-size:125%; font-weight:bold;}
#contact #right h3 {font-size:100%; margin-bottom:-10px;}


/* Resume */
#resume #main {}
#resume h1 {}
#resume p.print {margin:0; padding:0; text-align:left; font:normal 90% arial,sans-serif;}
#resume #left {float:left; width:485px;}
#resume #right {float:right; width:230px; padding-left:45px;}
#resume h2 {font-size:135%; font-weight:bold; display:none;}
#resume h3 {padding:2px 0; border-bottom:1px dotted #CDC174; font:bold 125% "times new roman",times,serif;}
#resume .list, #resume #right h3 {margin-top:20px;}
#resume #main ul {margin:0 5px;}
#resume #main li {margin-top:5px; padding:0 0 5px 10px; background:url(i/bullet.gif) 0 5px no-repeat;}

/* Folio */
#folio h1, #folio p {padding-left:25px; padding-right:25px;}

#folio #thumbs {}
#folio #thumbs li {display:block; float:left; width:206px; padding:10px 25px;}
#folio #thumbs li p.pic img {display:block; width:200px; padding:1px; border:1px solid #666;}
#folio #thumbs li p.pic img:hover {background:#fff; border:1px solid #9C8909;}
#folio #thumbs li p.pic {margin:0; padding:0; z-index:5;}
#folio #thumbs li p.txt {margin:0; padding:2px 0; font-size:80%; text-transform:uppercase;}

#project #left {float:left; width:270px; padding-right:48px;}
#project #right {float:right; width:452px; text-align:center;}
#project h2 {font:bold 100% arial,sans-serif; color:#4f4f4f;}
#project .role, #project .related {padding-bottom:15px;}
#project .role ul, #project .related ul {padding-top:3px;}
#project .role li, #project .related li {padding:0 0 5px 10px; background:url(i/bullet.gif) 0 5px no-repeat; font-size:90%;}
#project #singleimage {padding:10px 0; border:1px solid #E5E5E5; background:url(i/bg_gal.gif);}
#project #breadcrumb {margin-bottom:10px; font-size:90%;}

/* Slideshow */
p.slidenav {border:1px solid #E5E5E5; border-bottom:none; margin:0; padding:3px 0; text-align:center; font-size:90%;}
p.slidenav a {text-decoration:none;}
p.slidenav span {padding:0 10px; }
#slideshow.js {padding:10px 0; border:1px solid #E5E5E5; background:url(i/bg_gal.gif);}
#slideshow.js img {display:block; margin:0 auto;}
#slideshow.js li {display:none; padding:0;}
#slideshow.js li.current {display:block;}