@import url('nav.css');

body { background: #dfdfdf; color: #4a4b4d; font: 10pt/20px Georgia, "Times New Roman", Times, serif; padding: 0 50px; } 
h1, body, div { margin: 0; padding: 0; }

#nav {float: left; width: 200px; margin: 10px 0 0; }

#container { width: 940px; margin: 50px; }

#header { width: 940px; float: left; height: 80px; border-bottom: 1px solid #d0d0d0; margin: 0 0 10px; }
h1 { float: left; width: 470px; height: 70px; float: left; background: url(../images/jh_logo.gif) no-repeat; overflow: hidden; text-indent: -999em; }
h1 a { width: 470px; height: 70px; display: block; }
#contact { float: left; width: 240px; height: 70px; float: left; background: url(../images/jh_contact.gif) no-repeat; overflow: hidden; text-indent: -999em; }

#contact a { float: left; width: 240px; height: 70px; display: block; }


#viewer { float: left; width: 700px; height: 520px; }
#blog { background: #eee; margin: 0 10px 0 -10px; float: left; width: 680px; font-size: 9.25pt; }
#blog_pad { padding: 0px 10px 20px 10px; }

h2 { text-transform: uppercase; font-size: 10pt; font-weight: normal; border-bottom: 1px solid #fff; letter-spacing: 0.1em;  }
p.date { font-style: italic; font-size: 0.9em; float: right; margin-top: -32px; }

#blog_nav { font-size: 8.5pt; float: left; margin: 0 0 0 40px; padding: 0; }
#blog_nav ul { margin: 0; padding: 0; list-style-type: none; }
#blog_nav li, #blog_nav ul p { margin: 0; padding: 0; }
input, textarea { border: 1px solid #aaa; margin: 0 0 5px; padding: 3px; font: 9pt/12pt normal "Trebuchet MS", Verdana, Helvetica, sans-serif; }

#footer { clear: both; }

a:link, a:visited { color: #4a4b4d; outline: none; }
a:hover { color: #3db7df; }

#blog_nav a, h2 a { text-decoration: none; }

#description { float: left; width: 220px; font-size: 8.5pt; }
#description h3 { font-size: 1em; font-style: italic; font-weight: normal; margin: 20px 20px 0;}
#description h4 { font-size: 1em; font-weight: normal; text-transform: uppercase; margin: 0 20px 20px; }
#description p { margin: 0 20px 20px; }

#works { float: left; width: 940px; height: 100px; border-top: 1px solid #d0d0d0; margin: 10px 0 0; }

ul.works_list { list-style-type: none; margin: 20px 0; padding: 0; font-size: 8.5pt; width: 240px; float: left; }
#width_fix { width: 210px; }

#footer { float: left; width: 940px; border-top: 1px solid #d0d0d0; margin: 20px 0 0; font-size: 8.5pt; padding: 10px 0; }

.postmetadata, .postmetadata a { color: #999; }
.postmetadata a:hover { color: #4a4b4d; }

.index_sw { background:url(/images/sw/index.jpg) no-repeat; width: 700px; height: 520px; float: left; }
.indexlinks { width: 233px; float: left; height: 173px; }
.indexlinks a { display: block; width: 233px; height:173px; text-decoration: none; }

#email_form { background: #eee; height: 520px; width: 700px; float: left; }
#email_form form { padding: 30px 0 0 240px; }
#email_form h2 { margin-top: 19px; }
#email_form h2, #email_form p { margin-left: 240px; width: 240px; }
#email_form textarea { width: 240px; }