/* 
 * Cascading Style Sheet for edloper's webpage
 * Copyright (C) 2002 Edward Loper
 *
 * This stylesheet is used to give my webpage a consistant feel.
 * My webpage currently resides at <http://www.cis.upenn.edu/~edloper>
 */

/*===================================================================*/
/* Define a simple 3-level color scheme.  These tags aren't usually */
/* used directly, but they define the basic colors used by many */
/* other tags (e.g., body = .dark) */

.white   { background: #ffffff; color: #000000; }
.light   { background: #c8e0e8; color: #000000; }
.medium  { background: #b2c0c0; color: #000000; }
.dark    { background: #8098a0; color: #000000; }
.darkest { background: #607880; color: #b8d0d0; }

.grayf { background: #f0f0f0; color: #000000; }
.grayc { background: #c0c0c0; color: #000000; }
.gray9 { background: #909090; color: #000000; }
.gray6 { background: #606060; color: #000000; }
.gray3 { background: #303030; color: #000000; }

/*===================================================================*/
/* Default body appearance */

body    { background: #b0c8d0; color: #000000; }        /* = .dark */

@media print {
  body { font-family: times,serif; font-size: 10pt; }
}

@media screen {
  body    { background: #b0c8d0; color: #000000; }        /* = .dark */
}

/*===================================================================*/
/* Headlines. */

h1 { color: #000060; background: transparent; 
     font-size: 180%; font-weight: bold; text-align: center; }
h2 { font-size: 150%; font-weight: bold; }
h3 { font-size: 140%; font-weight: bold; font-style: italic; }
h4 { font-size: 130%; font-weight: bold; font-style: italic; }

/*===================================================================*/
/* Font alignment. */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

/*===================================================================*/
/* Tables.  td = normal table cell; th = table header cell; */
/* th.secondary = secondary table header cell. */

/* Add 'border="1" cellspacing="0" cellpadding="3" width="100%"' as */
/* properties to most tables, rather than defining borders for td, */
/* etc.  That way, the tables are still legible in old browsers. */

table        { background: #ffffff; color: #000000; }   /* = .white */
th           { background: #c8e0e8; color: #000000;     /* = .light */
               font-weight: bold; }
th.secondary { background: #ffffff; color: #000000;      /* = .white */
               font-weight: bold; font-style: italic; }
table.transparent { background: transparent; color: #000000; }

/* I use tables to show screenshots. */
.screenshot  { background: #c8e0e8; color: #000000; }   /* = .light */

/* Sometimes we want transparent tables, for positioning. */
.transparent { background: transparent; }

th.index { background: red; }

/*===================================================================*/
/* Lists. */
/* I just want to remove the space around lists.. :-/ */

/* UL, OL { margin-top: -0.7em; margin-bottom: -0.5em; } */

/*===================================================================*/
/* Link colors. */

a:link        { background: transparent; color: #104060; } 
a:visited     { background: transparent; color: #082840; } 

/*===================================================================*/
/* Generic box.  Usually used with DIV. */

.box {
    background: #c8e0e8; color: #000000;                /* = .light */
    border: 2px solid #000000;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 0em 1em;
}

.box-title {
    color: #003800; 
  /*background: transparent; */  /* (This confuses netscape 4.x) */
    text-align: center;
    font-weight: normal; 
    font-size: 150%;
    margin: 0em 0em 0.2em 0em;
    border-style: solid;
    border-color: #000000;
    border-width: 0 0 1px 0;
}

.caption { font-style: italic; text-align: center; }

/*===================================================================*/
/* Screen output. */
/*     - prompt: a command prompt or program prompt */
/*     - user: user input */
/*     - (more will be added as I use them) */

.screen {
    background: #c8e0e8; color: #000000;                /* = .light */
    border: 2px solid #000000;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 0em 1em;
    font-family: monospace;
}

code.prompt { font-weight: bold; }
code.user { 
    background: transparent; color: #305040;
    font-style: italic; font-weight: bold;
}
code.string   { background: transparent; color: #007000; }
code.keyword  { background: transparent; color: #705000; }
code.function { background: transparent; color: #000080; }
code.output   { background: transparent; color: #505060; }
code.field    { background: transparent; color: #007060; }
code.comment  { background: transparent; color: #005080;
                font-style: italic; }
code.pycode   { background: transparent; color: #305040; }

b.error { background: transparent; color: #700000; }
b.error i { background: transparent; color: #604000; }

/*===================================================================*/
/* Navigation box (used as a footer).  Implemented with a table. */

.navbox { 
    background: #688088; color: #d8f0f0;
    border: 2px groove #c0d0d0; 
}

a.nav:link    { background: transparent; color: #d8f0f0; }
a.nav:visited { background: transparent; color: #d8f0f0; }

/*===================================================================*/
/* End of stylesheet */




