@import url('reset.css');
@import url('volkhov.css');

body { background:#e6e7e8; }

html, body { margin:0; padding:0; height:90% }

html>body #wrap { height:100% }
html>body #content-wrap { height:100% }
html>body #main { padding:.25em 0em }

a { color:#ed9d87; text-decoration: none;  }
a:hover { color:#c1b49a; text-decoration:none; text-shadow:#ed9d87 1px 1px 2px; }

strong#punct { color:#e6e7e8; text-shadow:#463e40 1px 1px 1px; }
strong#spc { color:transparent; text-shadow:#c1b49a 1px 1px 1px; }

p { margin:.35em }
p.initial:first-letter {
  color:#e6e7e8;
  font-family:VolkhovRegular; serif;
  font-size:155%;
  font-weight:bold;
  margin-left:.25em;
  vertical-align:text-baseline;
  text-shadow:1px 1px 1px #463e40;
 }

#header {
  background:transparent url("why_lucarne_artwork_by_katrin_davis.png");
  height:148px;
  margin:16px auto 16px auto;
  width:800px;
 }

#block {
  border:16px solid transparent;
  color:#e6e7e8;
  font-family:VolkhovRegular, serif;
  font-size:147%;
  margin:16px auto 16px auto;
  min-width:320px;
  padding:0;
  text-align:center;
  text-shadow:#231f20 2px 2px 3px;
  width:32%;
  z-index:0;
  -webkit-border-image: url("why_block2.png") fill 16 round;
  -moz-border-image: url("why_block2.png") fill 16 round;
  -o-border-image: url("why_block2.png") fill 16 round;
  border-image: url("why_block2.png") fill 16 round;
}

#lucarne {
  background-color:transparent;
  border:16px solid transparent;
  color:#e6e7e8;
  font-family:VolkhovRegular, serif;
  font-size:120%;
  line-height:1.20em;
  margin:.25em auto .25em auto;
  padding:.75em;
  text-align:center;
  width:90%;
  -webkit-border-image: url("why_block1.png") fill 16 round;
  -moz-border-image: url("why_block1.png") fill 16 round;
  -o-border-image: url("why_block1.png") fill 16 round;
  border-image: url("why_block1.png") fill 16 round;
}

#records {
  margin:24px auto 16px auto;
    
}

#footer {
  background:transparent;
  height:400px;
  width:100%;
}

html>body #footer {
  bottom:0;
  left:0;
  position:fixed;
  z-index:-1
}