/*
 * jremmers.org - standard style sheet
 * J. Remmers, August 2004
 *
 */

/*
 * Global styles
 */
html, body
{
  background: #AAAAAA url(/Images/sidebarmisc05.jpg) repeat-y fixed;
  color: black;
  margin: 0;				 /* body fills viewport */
  padding: 0;
/*  width: 35em; */
/*  width: 37em; */
  width: 32em;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: medium;			 /* set to user's default */
  text-rendering: optimizeLegibility;
  margin-left: auto;
  margin-right: auto;
/*  font-kerning: auto; */
}

a:link, a:visited { color: #900; text-decoration: underline; }
acronym { color: #900; text-decoration: none; }
.site-name
{
  font-family: Monaco, 'Andale Mono', 'Lucida Typewriter', monospace;
}

/*

 * We don't display them visually.
 */
#pagenav { display: none; }

/*
 * Navigation and meta section styles - basically, lists of links
 */
#navigation, #meta
{
 /* margin: .5em 0 .5em 128px;*/
  text-align: center;
  padding: 0 0 0 .5em;
  font-size: 70%;
}
#navigation li, #meta li { display: inline; background-color: #AAAAAA; }
#navigation li.here { color: #FC9; }
#navigation a:link, #meta a:link, #navigation a:visited, #meta a:visited
{
  text-decoration: none;
/*  border: 1px solid black; */
  padding: 0 .2em;
}
#navigation a:hover, #meta a:hover { color: white; background-color: #900; }
#meta a { cursor: help; }

/*
 * The content is what we really care about.  So we make it very obvious
 * visually.
 */
#content
{
/*  margin: 0 0 0 64px;*/		 /* offset to the right a bit */
  background-color: #B1E4FF;		 /* distinctive background color */
  border: 1px solid black;		 /* put a border around it */
/*  padding: 0 1.5em 1.5em 1.5em;*/		 /* and a bit of padding */
  padding: 0 3em 3em 3em;
  border-radius: 25px;
}
#content h1, #content h2, #content h3	 /* content headings */
{
  color: #900;
  font-weight: normal;			 /* slim down the headings */
  font-family: Charter, Palatino, Georgia, 'Times New Roman', Times, serif;
  					 /* we like serif for headings */
}
#content h1 { font-size: 200%; }
#content h2 { font-size: 150%; }
#content h3 { font-size: 110%; }

#content p				 /* content paragraphs */
{
  line-height: 135%;
  text-align: justify;
}

/*
 * If the content contains a table of contents, we style it thus:
 */
#content .toc h3			 /* toc entries are in small caps */
{
  margin: 0;
  padding-bottom: .3em;
  font-variant: small-caps;
}
#content .toc p				 /* explanations are indented a bit */
{
  margin: 0 0 1em 1.5em;
  padding: 0;
}
                                         /* reverse-video on link hover */
#content a:hover { color: #FFC; background-color: #900; text-decoration: none; }

/*
 * Description section is for indexing & such, not for display
 */
#description
{
  display: none;
}

/*
 * Stories are formatted like in a printed book:
 *   - except for first paragraph, 1st line of each paragraph is indented
 *   - no extra vertical space between paragraphs
 */
.story p
{
  margin-top: 0;
  margin-bottom: 0.50em;
  text-indent: 1em;
  font-family: Charter, Palatino, Georgia, 'Times New Roman', Times, serif;
  line-height: 140%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.story blockquote
{
  margin-top: 0;
  margin-bottom: 0.25em;
/*  text-indent: 1em; */
  font-family: Charter, Palatino, Georgia, 'Times New Roman', Times, serif;
  line-height: 140%;
  font-weight: bold;
}
.story p.first-para
{
  text-indent: 0;
}

/*
 * Poems are indented more than stories, with maybe a fancier font
 * (depending on what fonts the user has)
 */
.poem p
{
  /*margin-left: 3em;*/
  margin-left: auto;
  margin-right: auto;
  width: 25em;
  font-family: Cochin, Palatino, "Times New Roman", serif;
}

/*
 * Ragtime toc entries - author, title (date)
 */
.ragtime .author
{
  color: black;
  font-variant: normal;
}
.ragtime .date
{
  color: black;
  font-variant: normal;
}


#notice
{
  margin: .5em 0 1em 128px;
  font-size: 70%;
  line-height: 1em;
  padding-top: 0;
  margin-top: 0;
  padding-left: .5em;
  width: 45%;
  background-color: #AAAAAA;
}

/*
 * Miscellany
 */
.first-words
{
  font-variant: small-caps;
}
.first-letter  /* This way of creating drop caps seems to work well */
{
  float: left;
  font-size: 230%;
  line-height: 1.1em;
  margin: 0 .1em 0 0;
  padding: 0 0.1em;
  width: 1em;
  text-align: center;
  color: #FFC;
  background-color: #900;
  font-family: Cochin, Georgia, 'Times New Roman', Times, serif;
}