body { background: #f0f0f0; font-family: georgia, serif; }

#PageWrapper { height: 100%; width: 853px; }

#header { background: transparent url(../img/bkg.stripe.gif) repeat-x left bottom; display: block; margin: 0 10px; height: 73px; position: relative; }
#header h1 a { background:transparent url(../img/bkg.h1-logo.gif) no-repeat left top; border-right:1px dotted #3E3E3E; bottom:8px; display:block; height:45px; overflow:hidden; padding:0 15px 10px 0; position:absolute; text-indent:-9999px; width:163px; }

#nav { border-right:1px dotted #3E3E3E; float: left; height: 100%; margin-left:10px; padding: 18px 0 30px 0; position: relative; width:178px; }
#nav #projects { background:transparent url(../img/bkg.h2-projects.gif) no-repeat left top; display: block; height: 9px; margin:0 0 12px 6px; overflow: hidden; text-indent: -9999px; width: 62px; }
#nav #projects_list {  }
#nav #projects_list li a { background: #fff; color: #999; display: block; font-size: 93%; font-style: italic; height: 37px; margin-bottom: 5px; padding: 5px 0 0 6px; text-decoration: none; text-transform: lowercase; width: 159px; }
#nav #projects_list li a strong { color: #3e3e3e; display: block; font-weight: bold; }
#nav #projects_list li a:hover { background: #1672bf; color: #fff; }
#nav #projects_list li a:hover strong { color: #fff; }
#nav #projects_list li a.selected { background: #2884d2; color: #fff; }
#nav #projects_list li a.selected strong { color: #fff; }

#content { height:100%; left:220px; margin-bottom: 20px; position:absolute; width:641px; }
#content h3 { color:#999999; float: left; font-size:93%; font-style:italic; font-weight:normal; text-transform:lowercase; padding-top:12px; }
#content h3 strong { color: #3e3e3e; font-size: 146.5%; }
#content h4 { color:#3e3e3e; font-size:116%; font-style:italic; font-weight:normal; padding:10px 0 5px; text-transform:lowercase; }
#content p.screenshot img { border: 10px solid #fff; margin:10px 0; }
#content p.project_link { float: right; }
#content p.project_link a { color:#2884D2; font-style:italic; position:relative; right:19px; text-align:right; text-decoration:underline; text-transform:lowercase; top:17px; }
#content p.project_link a:hover { color: #1672bf; text-decoration: underline; }
#content p.desc { overflow:hidden; padding:10px 0; text-transform: lowercase; width:100%; }
#content.contact { margin-top: 18px; }
#content.contact p { color: #999; font-size: 100%; font-style: italic; margin-bottom: 5px; }
#content.contact p a { color: #999; }
#content.contact p a:hover { color: #3e3e3e; }
#content ul { margin-bottom: 20px; }
#content ul li { color: #666; }