/* $Revision: 1.11 $

Aoidoi.org Style

My aged eyes demand somewhat larger text, especially since these
larger monitors seem to make everything squish.  It is also a lot
easier to read narrower text anyway (scanning ease to reach the
next line).

Print media settings are as severe as the original site.
*/

body {
  background: white;
  font-family: gentium, "gentium basic", "arial unicode ms", "palatino linotype", 
     "Doulos SIL", arial, helvetica, serif;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 14pt;
}

#header {
  font-size: 18pt;
  text-indent: 1%;
  color: #7A0704;
  padding-top: 2em;
  padding-bottom: .5em;
  background-image: url(/p1.png);
}

@media print {
  #header {
    color: black;
    background-image: none;
  }
}

#sidebar {
  float: right;
  display: inline;  /* IE: ABRAXAS! IAO SABAOTH! */
  width: 24%;
  margin-left: 5px;
  padding: 5px;
  padding-bottom: 1em;
  padding-top: 1em;
  color: #441100;
  background-image: url(/p1.png);
}

/* No need for this when printing. */
@media print {
  #sidebar { display: none; }
}

/* bread crumbs, but classical */
#theseus {
  font-size: 12pt;
}

.theseus {
  font-size: 12pt;
}

/* date abbreviations in small-caps */
#scabbrev {
  font-variant: small-caps;
}

#content {
  width: 72%;
  text-align: justify;
  padding-bottom: 6em;
  color: #441100;
}

/* 
  Imitate the smaller-font, inset paragraphs sometimes used in the old
  grammars.
*/ 
.textnote {
  font-size: 12pt;
  margin-left: 2em;
  margin-right: 2em;
}

/* Grammar content */
#grammar { 
  width: 72%;
  text-align: justify;
  padding-bottom: 6em;
  color: #441100;
}

#grammar b {
  color: #000000;
  font-weight: normal;
}

#grammar p {
 line-height: 1.5em;
}

/* paragraph numbers for grammars */
.parnum {
  font-weight: bold;
}

div.blkindent p{ /* Similar rendering as blockquote */
  margin-left: 1em;
}

/* This is for Greek .... English. Provides consistent rendering
 even with font size changes on all browsers */
table.wordlist { 
  border: 0;
  margin-top: -1em;
  line-height: 1.5em;
  margin-left: 1em;
}

/* Morphology tables. */
table.morph { 
  border: 0;
  margin-top: -1em;
  line-height: 1.3em;
  margin-left: 1em;
}

#grammar th {
  border: 0;
  text-align: right;
  margin-top: -1em;
  line-height: 1.3em;
  margin-left: 1em;
}

/* Only affects h5 within grammar div. Imitates paragraph
text. One may ask, why bother? Why not just use <p>? Well,
logically, these are, in fact, section headings, but they do not
really warrant this overly dramatic visual differentiation.*/

#grammar h5 {
  font-weight: normal;
  font-size: 1em; line-height:
  1.5em; margin-top: -1em; /* This rule negates rule in m.css */
  margin-bottom: -0.5em;
}

@media print {
  #content, #grammar {
    width: 100%;
    text-align: justify;
    content-bottom: 1em;
    color: black;         /* most printers don't have sepia ink */
    font-size: 12pt;
  }
}

/* Leading quotes to impart learned wisdom. */
#hquot {
  font-style: italic;
  text-align: right;
  padding-top: .5em;
  padding-bottom: 2em;
}

h1, h2, h3, h4, h5 {
  padding-top: 1em;
}

/* Those little fly-specks make me crazy. */
li { list-style-type: square; }

a:link {
  color: #7A0704;
}

a[name]:hover, a[name]:link {
  color: #441100;
}

a:hover {
  color: blue;
}

a:visited {
  color: #400300;
}

@media print {
  a:link, a:visited {
    text-decoration: none;
    color: black;
  }

  a[name]:hover, a[name]:link {
    color: black;
  }

  a[name]:after {
    display: none;
  }

  /* 
     In print, the URL is pulled out from behind the href attribute
     and added to the document in parens.
  */
  a:after{content:"(" attr(href) ")"; }

  a[href^="/"]:after {
    content: " (http://www.aoidoi.org" attr(href) ") ";
  }
}