/* --- Reset default browser CSS. ----- */
html, header, footer, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-decoration: none;
}

body { line-height: 1.4; font-size: 62.5%; font-weight: 500; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*Thanks to Blueprint*/

@font-face { font-family: Gilde; src: url("fonts/Gilde.eot"); }
@font-face { font-family: Gilde; src: url("fonts/Gilde.ttf"); }
@font-face { font-family: Garamond; src: url("fonts/Garamond.eot"); }
@font-face { font-family: Garamond; src: url("fonts/Garamond.ttf"); }
@font-face { font-family: Bernhard_Modern_Italic_BT; src: url("fonts/Bernhard_Modern_Italic_BT.eot"); }
@font-face { font-family: Bernhard_Modern_Italic_BT; src: url("fonts/Bernhard_Modern_Italic_BT.ttf"); }
@font-face { font-family: Stone_Serif_ITC_TT_Medium; src: url("fonts/Stone_Serif_ITC_TT_Medium.eot"); }
@font-face { font-family: Stone_Serif_ITC_TT_Medium; src: url("fonts/Stone_Serif_ITC_TT_Medium.ttf"); }
@font-face { font-family: "Parchment MF"; src: url("fonts/Parchment MF.eot"); }
@font-face { font-family: "Parchment MF"; src: url("fonts/Parchment MF.ttf"); }
body {background-color: #466; font-family: Verdana,Helvetica,Tahoma,Arial,sans-serif; font-size: 1.2em; }

/* all headers */
div#header {width: 850px; height: 275px; margin: 0 210px; background-image:url('pic/header1.jpg'); }
div#header h1:first-letter {font-size: 3em; vertical-align: -52px;}
div#header h1 {font-family: Stone_Serif_ITC_TT_Medium,Gilde,Georgia,Times,"Times New Roman",serif;
      margin-left: 11em; font-size: 2.2em; color: #fff;   }
div#header h2 {font-family: Bernhard_Modern_Italic_BT,Gilde,Georgia,Times,"Times New Roman",serif; font-size: 1.1em;
      color: #fff; margin-left: 18em; font-weight: 700; position: absolute; top: 8em; left: 14em; }
		    /* menu */
div#header ul.sub {margin: 4em 0 3em 4em; list-style-type: none; }
div#header ul.sub li {font-family: Stone_Serif_ITC_TT_Medium,Gilde,Georgia,Times,"Times New Roman",serif;
      font-weight: 600;  color: #ffe; font-size: .9em; background-color: #466; 
      float: left; width: auto; margin: 0; padding: 0 0.8em; }      
div#header ul.sub li a {color: #ffe; text-decoration: none;}
div#header ul.sub li:hover {color: #ffe; background-color: #888;}	      	
div#header ul.sub li.gray {background-color: #555; }

div#header h2 abbr {font-style: italic; }
em.flat { font-weight: bold; }
q {font-style: italic; }

/* content HOME page */
#bod {width: 850px; background-color: #fff; margin: 34px 210px 24px 210px; padding-bottom: 1em;  }
#bod h1 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.6em; color: #300; font-variant: small-caps;
      padding: 1em 0 0 2em; font-weight: 600; }
#bod h2 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.2em; color: #300; font-variant: small-caps;
      padding: 1em 0 0 4em; font-weight: 600; }
#bod p {font-family: Garamond,Verdana,Helvetica,Tahoma,Arial,sans-serif;
      font-size: 1.1em; margin: 1em; padding: 0 20px; color: #000; text-align: left; }
.rt {float: right; margin: 5em 2em 2em 2em; padding: 0; }

/* content Peace Pilgrim */
#peace {width: 850px;  background-color: #fff; margin: 56px 210px 24px 210px; }
#peace h1 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.6em; color: #300; font-variant: small-caps;
      padding: 1em 0 0 4em; font-weight: 600; }
#peace p {font-family: Garamond,Verdana,Helvetica,Tahoma,Arial,sans-serif;
      font-size: 1.1em; padding: 2em 4em; color: #000; text-align: left; }
img.left {float: left; margin: 1.6em;}
img.right {float: right; margin: 1.6em;}
em.peace {font-style: italic; font-weight: 800; }

/* poetry content */
#poetry {width: 850px; height: 143em; background-color: #466; margin: 56px 210px 24px 210px; padding-bottom: 1em; }
#poetry h1 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.6em; color: #300; font-variant: small-caps;
      padding-top: 1em ; font-weight: 600; text-align: center; padding-bottom: 1em; }
div#poetry div.col1 {position: absolute; left: 0; width: 400px; height: auto; background-color: #eee;
float: left; margin-left: 230px; padding: 0; border: groove 3px #300; }
div#poetry div.col2 {width: 400px; height: auto; background-color: #fff; padding: 0; margin-left: 435px;
background-color: #eee; border: groove 3px #300; }
div#poetry div.col1 p, div#poetry div.col2 p {font-family: Garamond,Verdana,Helvetica,Tahoma,Arial,sans-serif;
      font-size: 1.1em; padding: 2em 4em; color: #000; text-align: left; }
div#poetry div.col1 pre, div#poetry div.col2 pre {font-family: Garamond,Verdana,Helvetica,Tahoma,Arial,sans-serif;
      font-size: 1em; padding-left: 1.6em; padding-bottom: 1em; color: #000; font-weight: 500; }
div#poetry div.col1 h2, div#poetry div.col2 h2 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1em; color: #300; font-variant: small-caps;
      padding: 1em 0; font-weight: 800; text-align: center;}
div#poetry div.col1 h3, div#poetry div.col2 h3 {font-family: Bernhard_Modern_Italic_BT,Gilde,Georgia,Times,"Times New Roman",serif; font-size: 1em;
      color: #300; margin-left: 0; font-weight: 700; text-align: center; }
      
/* vfp content */
#vfp { margin: 56px 210px 24px 210px; }
#vfp div.col1 {position: absolute; left: 0; height: 356em; width: 300px; background-color: #fff; float: left; margin-left: 210px; padding: 0; }
#vfp div.col1 h1 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.4em; color: #300; font-variant: small-caps;
      padding-top: 1em; font-weight: 800; text-align: center; }
#vfp div.col1 h3 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.2em; color: #300; font-variant: small-caps;
      padding-top: 1em; font-weight: 800; text-align: center; }
#vfp div.col1 p {font-family: Garamond,Verdana,Helvetica,Tahoma,Arial,sans-serif;
      font-size: 1em; padding: 1em; color: #000; text-align: left; }

#vfp div.col2 {width: 550px; background-color: #fff; margin-left: 306px; padding-bottom: 1em; }
#vfp div.col2 h2 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.7em; color: #300; font-variant: small-caps;
      padding-top: 1em; font-weight: 800; text-align: center; }
#vfp div.col2 h3 { font-family: Gilde,Georgia,Times,"Times New Roman",serif;
      font-size: 1.1em; color: #300; font-variant: small-caps;
      padding: 1em 0 0 1em; font-weight: 800; text-align: left; }
#vfp div.col2 p {font-family: Garamond,Verdana,Helvetica,Tahoma,Arial,sans-serif;
      font-size: 1em; padding: 1em; color: #000; text-align: left; }
a em.more {font-family: Bernhard_Modern_Italic_BT,Gilde,Georgia,Times,"Times New Roman",serif; float: right;
color: #300; font-weight: 700; padding: 0 1em 2em 0; }

/* misc */
q { font-family: Bernhard_Modern_Italic_BT,Gilde,Georgia,Times,"Times New Roman",serif; }