/* Version 2.0 */
   
html, body, h1, h2, h3, h4, h5, h6, p, dl, dd, dt, ul, ol, li, blockquote, div, img, acronym, abbr {margin:0; padding:0; border:0;}

body {font:normal 100%/100% "Lucida Grande", Tahoma, Arial, sans-serif; background-color:#fff; text-align:center;}
a, a:link, a:visited {color:#BF0B0E; text-decoration:none;}
a:hover {text-decoration:underline;}
acronym {border-bottom:1px dotted #ddd; cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
em {font-style:italic;}

span.cdir {unicode-bidi: bidi-override; direction: rtl;}

#container {overflow:hidden; width:700px; margin:0 auto; text-align:left; background:transparent url("/images/rsc.gif") 100% 2px no-repeat;}

#head {overflow:hidden; height:70px; width:700px; border-bottom:3px solid #333;}
#head h1 {font-size:100%; width:225px; float:right;}
#head a:hover {text-decoration:none;}
#head h1 a {width:130px; height:70px; background-color:transparent; color:#333; padding-right:95px; line-height:55px; float:right;}
#head h1 a span {display:block; font-size:76%; position:relative; top:-37px; color:#888;}

#nav {float:left; height:40px; padding:15px 0; list-style:none;}
#nav li {float:left;}
#nav a {float:left; line-height:37px; border-bottom:3px solid #fff; color:#1D5A72; margin-right:15px;}
#nav a:hover, #nav li.here a {border-bottom:3px solid #9FCE4C;}

/* GENERAL CONTENT */
#content {padding:0 20px; font-size:85%;}
#content h2 {margin:20px 0 15px; font-size:165%; letter-spacing:-1px;}
#content h3 {margin:26px 0 -10px 0; color:#333;}
#content h4 {line-height:140%; margin:20px 0 -13px 0;}
#content p {margin:15px 0; line-height:145%;}
#content p.footnote {font-size:70%; color:#444;}
#content p.errortext strong {font-weight:normal; background:#ffffe7;}
#content ul {margin: 15px 0 15px 15px; list-style:none;}
#content li {line-height:140%; padding-left:20px; background:transparent url("/images/silk/bullet_black.gif") 0 2px no-repeat;}
#content img.about {float:right; padding:3px; border:1px solid #333; margin-left:20px;}
#content code {font-size:120%;}

/* RESUME */
body.resume #content ul li {margin-bottom:5px;}
body.resume #content h2 {margin-bottom:-10px; font-size:145%;}
body.resume #content h3 {font-weight:normal; font-size:125%; background:transparent none left center no-repeat; padding:2px 0 3px 23px; border-bottom:1px dotted #ccc;}
body.resume #content h3.emp {background-image: url("/images/silk/user_suit.gif");}
body.resume #content h3.know {background-image: url("/images/silk/wrench_orange.gif");}
body.resume #content h3.group {background-image: url("/images/silk/group.gif");}
body.resume #content h3.edu {background-image: url("/images/silk/book_open.gif");}
body.resume #content h3.tra {background-image: url("/images/silk/award_star_gold_3.gif");}
body.resume #content h3.ref {background-image: url("/images/silk/comment.gif");}

/* PORTFOLIO */
body.portfolio #content img {padding:4px; border:1px solid #333; margin:15px 0;}
body.portfolio #content h3 {font-weight:normal; font-size:125%; background:transparent none left center no-repeat; padding:2px 0 3px 23px; border-bottom:1px dotted #ccc;}
body.portfolio #content h3.web {background-image: url("/images/silk/world.gif");}
body.portfolio #content h3.photo {background-image: url("/images/silk/image_edit.gif");}
body.portfolio #content div.tBox {background:transparent url("/images/silk/bullet_go.gif") center center no-repeat; overflow:hidden;}
body.portfolio #content div.tBox img.left {float:left;}
body.portfolio #content div.tBox img.right {float:right;}

/* CONTACT */
#cform {padding:10px; width:420px;}
#cform tr td, #cform tr th {padding:10px 0; border-bottom:1px solid #ededed;}
#cform tr td.buttons {border-width:0;}
#cform tr label:hover {cursor:pointer;}
#cform tr.error em span {color:#d24;}
#cform tr.error td input, #cform table tr.error td textarea {border:1px solid; border-color:#c00 #a00 #a00 #c00; background:#ffd;}
#cform tr.error td input:focus, #cform tr.error td textarea:focus {background-color:#fff;}
#cform tr td input.button {border:2px solid; border-color:#aaa #444 #444 #aaa; background-color:#dedede; cursor:pointer;}
#cform tr td input.button:hover {background-color:#eee;}
#cform tr td input.button:focus {border-color:#444 #aaa #aaa #444; background-color:#bbb;}
#cform table tr th, #cform table tr td {font-weight:normal; text-transform:lowercase;}

#messagePreview {width:440px; padding:5px; border:1px solid #ddd; margin-bottom:10px;}
#messagePreview p {border-bottom:1px dotted #eee;}
#messagePreview blockquote {border:1px dotted #ddd; padding:5px; background-color:#eee;}
#messagePreview blockquote p {border:0;}

/* FOOTER */
#footer {border-top:3px solid #333; clear:both;}
#footer img {vertical-align:bottom; margin-left:10px;}
#footer p {font-size:76%; text-align:right; margin:5px 0;}