/*------------------------------------------------------------------
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: #eee;
font-family: Georgia, Palatino, serif;
font-size: 62.5%;
line-height: 2.4em;
color: #555;
}
#container {
background: #fff;
font-size: 1.4em;
margin: 0 auto 20px auto;
padding: 0px;
position: relative;
width: 600px;
}

#content {
  padding: 10px;
}

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

h1 { font-size: 2.6em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; color: #037; padding-top: 0px; }

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

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

div#header {
 background-color: #259;
 color: #333;
 padding: 10px;
 width: 580px;
 margin: 0;
}

div#header h1 { color: #fff; font-weight: 800; }
div#header h4 { color: #ddd; }