/*------------------------------------------------------------------
reset
------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
z-index: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}
/*------------------------------------------------------------------
core layout,colors and typography
------------------------------------------------------------------*/
body {
background: #000;
font-family: Georgia, Palatino, serif;
font-size: 62.5%;
line-height: 2.4em;
color: #555;
}
#container {
background: #eee;
font-size: 1.4em;
margin: 0 auto 20px auto;
padding: 0px;
position: relative;
width: 900px;
}

#content {
  padding: 10px;
}

h1,h2,h3,h4 {
  font-family: Geneva, Verdana, sans-serif;
  color: #222;
  padding: 20px 0 10px 0;
}

h1 { font-size: 3em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; color: #e5e5e5; padding-top: 0px; }

a { color: #aaa; text-decoration: none; }
a:hover { border-bottom: 1px dashed #aaa; }

p.address {
  font-family: Lucida Grande, monospace;
  font-size: 1.4em;
  color: #222;
  padding-left: 20px;
}

div#header {
 background: url(monochrome-header.jpg) top left no-repeat;
 color: #333;
 padding: 10px;
 padding-left: 30px;
 width: 860px;
 margin: 0;
}

div#header h1 { color: #fff; font-weight: 800; }
div#header h4 { color: #ddd; padding-top: 5px; border-top: 2px solid #ddd; width: 100%; }