/*======================================

- Conundrum, Gods Go Begging CSS
- Version 1: Cover 01
- Author: Shinju
- Author URI: http://snow-heart.net

======================================*/

/* GLOBAL LAYOUT AND STYLE
------------------------------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  margin: 0;
  padding: 0;
}

body {background: url('img/v1wholebg.jpg') top left repeat; margin: 0 auto; font: 90% "courier new",monospace; color: #141414; text-align: center;}

div#wrap {background: url('img/v001-02-bg.jpg') top left repeat-y; margin: 0 auto; width: 800px;}
div#header {background: url('img/header.jpg'); width: 800px; height: 265px;}
div#content {background: transparent; margin: -100px 0 0 0; padding: 0 25px 10px 25px; text-align: left;}
div#footer {background: url('img/footer2.jpg') left bottom no-repeat; margin: 5px 0 0 0; padding: 0 10px; width: 800px; height: 185px; clear: both; font: 95% "courier new",monospace; text-transform: uppercase;}

div#photograph {float: left; margin: 0 5px 5px 0; width: 391px; display: block;}
div#footnotes {margin: 15px; font: 65% tahoma, sans-serif; color: #a4a5a5;}


/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
div#content h1 {background: url('img/h1bg2.png') bottom left no-repeat; margin: 0 0 10px 0px; padding: 0 0 0 52px; height: 60px; font: 225% georgia,serif; letter-spacing: -.07em; color: #421a17; text-transform: uppercase;}
div#content h1:first-letter {font: 120% "arial black", sans-serif; color: #ad0d26;}
div#content p.h1-subhead {margin: -20px 0 5px 30px; font: 78% helvetica, sans-serif; color: #351810; letter-spacing: .3em; text-transform: uppercase;}

div#content h2 {font: italic 180% georgia, serif; color: #dde5e9; text-transform: lowercase;}

div#content blockquote {background: #d1b494; margin: 10px; padding: 5px; font: italic 70% tahoma, serif; border-bottom: 5px double #ffe9d0; border-left: 1px dashed #ffded5;}
div#content blockquote:first-letter {font: italic 180% georgia, serif; color: #074856; text-transform: lowercase;}

div#content p {margin: 5px 0 5px 0; text-indent: 1em;}
div#content p.center {margin: 5px 0 5px 0; text-align: center; text-transform: uppercase;}
div#siggy {margin: 5px 0 5px 5px; width: 150px; font: 90% georgia, serif; float: right;}

div#content b, div#content strong {font: bold 90% georgia, serif; color: #8B3626;}

div#content sup {vertical-align: top; font: bold 45% georgia, serif;}

span.heart {font: 85% georgia, serif; color: #febbd4;}
div#content span.bull {font: 100% georgia, serif; color: #f1f7a4;}
div#content span.signature {font: italic 100% georgia, serif; color: #ad0d26;} 
div#content span.subsub {font: italic 100% georgia, serif; color: #f6e6c9;}

div#footer p {margin: 18px; text-indent: none;}

/* LINK STYLES	------------------------------------------------------------------------------------------------ */

a, a:link, a:visited {font: 80% tahoma, sans-serif; text-decoration: none; color: #880000;}
a:hover, a:active {background: transparent; color: #1f520b;}

div#content h1 a, div#content h1 a:link, div#content h1 a:visited {font: 100% georgia,serif; letter-spacing: -.07em; color: #016284; text-transform: uppercase; text-decoration: none;}


/* IMG STYLE
------------------------------------------------------------------------------------------------ */
img {border: 0px;}
img.picleft {float: left; margin: 0 5px 5px 0;}
img.border {border: 5px solid #faf6e0;}
img.border:hover {border: 5px solid #fcf3c3;}
img.b-left {float: left; margin: 0 5px 5px 0; border: 5px solid #faf6e0;}
img.b-left:hover {border: 5px solid #fcf3c3;}
img.b-right {float: right; margin: 0 0 5px 5px; border: 5px solid #faf6e0;}
img.b-right:hover {border: 5px solid #fcf3c3;}