/* AlexStyles.css: Stylesheet for Alex Petrov's web site, ver 1.0 2004-07-01 */

html, body { margin: 0; padding: 0; min-width: 500px;
  color: black; background: white;
  font: x-small/1.25em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
html>body { font-size: small; }  /* for all except IE/Win */

/* == Begin persistent navigation == */
#header { float: left; width: 100%; margin: 0; padding: 0; clear: both; }
#nav1, #nav2 { float: left; width: 100%; margin: 0; clear: both;
  font: 0.92em Verdana, Arial, sans-serif; letter-spacing: 0.1em; color: white;
}
/* Top-level sections are indicated by a row of tabs with id="nav1" */
#nav1  { padding: 20px 0 0 140px; }
#resch #nav1 { background: black url(logo-resch.jpg) left bottom repeat-x; }
#teach #nav1 { background: black url(logo-teach.jpg) left bottom repeat-x; }
#pers  #nav1 { background: black url(logo-pers.jpg)  left bottom repeat-x; }
#memes #nav1 { background: black url(logo-memes.jpg) left bottom repeat-x; }
#nav1 li { float: left; white-space: nowrap; list-style: none;
  margin: 0 0 0 2px; padding: 0 0 0 10px; font-weight: bold;
  background: url(tab-off.gif) left top no-repeat;
}
#nav1 li a { display: block; padding: 2px 10px 0 0; text-decoration: none;
  background: url(tab-off.gif) right top no-repeat; color: white;
}
/* Highlight the current tab */
#resch #nav1-resch { background: url(tab-on-resch.gif) left top no-repeat; }
#teach #nav1-teach { background: url(tab-on-teach.gif) left top no-repeat; }
#pers  #nav1-pers  { background: url(tab-on-pers.gif)  left top no-repeat; }
#memes #nav1-memes { background: url(tab-on-memes.gif) left top no-repeat; }
/* Make the current tab taller, which pushes the NON-current tabs up. */
#resch #nav1-resch a { padding-bottom: 8px;
  background: url(tab-on-resch.gif) right top no-repeat; }
#teach #nav1-teach a { padding-bottom: 8px;
  background: url(tab-on-teach.gif) right top no-repeat; }
#pers  #nav1-pers  a { padding-bottom: 8px;
  background: url(tab-on-pers.gif)  right top no-repeat; }
#memes #nav1-memes a { padding-bottom: 8px;
  background: url(tab-on-memes.gif) right top no-repeat; }
/* Individual hover colors */
#nav1-resch a:hover { color: #ccccff; }
#nav1-teach a:hover { color: #ccccff; }
#nav1-pers  a:hover { color: #ccffcc; }
#nav1-memes a:hover { color: #ffcc66; }

/* Subsections of the current section are a row of boxed links with id="nav2" */
#nav2  { padding: 0 0 0 140px; }
#resch #nav2 {background: #293C7B url(nav2bg-resch.jpg) left bottom repeat-x }
#teach #nav2 {background: #4C6475 url(nav2bg-teach.jpg) left bottom repeat-x }
#pers  #nav2 {background: #1D551B url(nav2bg-pers.jpg)  left bottom repeat-x }
#memes #nav2 {background: #4D0A0A url(nav2bg-memes.jpg) left bottom repeat-x }
#nav2 li { list-style: none; float: left; white-space: nowrap; list-style: none;
  margin: 0; padding: 0 0 6px 15px;
}
#nav2 li a { display: block; padding-right: 15px; margin: -2px 0 -2px 0;
  border-right: 1px solid white; text-decoration: none; color: white;
}
/* Put a highlighting bullet on either side of the current element. */
#nav2 li.current   { background: url(nav2hi.gif)   0% 0px no-repeat; }
#nav2 li.current a { background: url(nav2hi.gif) 100% 2px no-repeat; }
/* Individual hover colors */
#resch #nav2 a:hover { color: #ccccff; }
#teach #nav2 a:hover { color: #ccccff; }
#pers  #nav2 a:hover { color: #ccffcc; }
#memes #nav2 a:hover { color: #ffcc66; }

/* IE/Win hack, see "More Eric Meyer on CSS" p.164 */
#nav1 li a, #nav2 li a { width: .1em; }                      /* for IE/Win   */
html>body #nav1 li a, html>body #nav2 li a { width: auto; }  /* for all else */
/* IE5/Mac hack,see http://alistapart.com/articles/slidingdoors */
#nav1 li a, #nav2 li a { float: left; }
           /* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav1 li a, #nav2 li a { float: none; }     /* End IE5-Mac hack */
/* == End persistent navigation == */

/* div#content = h1 + div#main + div#sidebox (if any) */
#content { margin: 0; border: 0; clear: both; width: 100%; }
#resch #content { background: url(mainbg-resch.gif) repeat-y; }
#teach #content { background: url(mainbg-teach.gif) repeat-y; }
#pers  #content { background: url(mainbg-pers.gif)  repeat-y; }
#memes #content { background: url(mainbg-memes.gif) repeat-y; }

/* DIV#contents begin with H1. It is used to style the corner. */
#content h1 { margin: 0; padding: 1.2em 20% 0.8em 30px; line-height: 1.33em;
  font-family: Impact, 'Arial Black', 'Helvetica Black', Verdana, sans-serif;
}
#resch #content h1 { background: url(corner-resch.gif) no-repeat; }
#teach #content h1 { background: url(corner-teach.gif) no-repeat; }
#pers  #content h1 { background: url(corner-pers.gif)  no-repeat; }
#memes #content h1 { background: url(corner-memes.gif) no-repeat; }
#content h1.article { font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif; }

/* == Begin #main division == */
div#main  { margin: 0 25% 2em 50px; padding: 0; }
p { margin: 0.75em 0; padding: 0; }

/* Affordances, http://www.jnd.org/dn.mss/affordances-and-design.html */
b { font-weight: bold; }
i, em, cite, dfn, var, .em, .note { font-style: italic; }
strong, .strong { font-weight: bolder; }
em strong, strong em { font-style: italic; font-weight: bolder;}
acronym { font-variant: small-caps; }
tt, code, pre { font-family: 'Courier New', Monaco, monospace; font-size: 1.1em; }
big { font-size: 1.17em; }
small, sub, sup { font-size: .92em; }
sub { vertical-align: sub; }
sub { vertical-align: super; }
/* Emphasized block-level elements */
.emph-box { font-weight: bold; margin: -0.1em -0.5em; padding: 0.1em 0.5em; }
#resch  .emph-box { background: #ccccff; }
#teach  .emph-box { background: #ccccff; }
#pers   .emph-box { background: #ccffcc; }
#memes  .emph-box { background: #ffcc66; }
/* De-emphasized block-level elements */
.fine-print { font-size: .92em; font-style: italic; }

h2, h3, h4, h5, h6 { margin-left: -20px; padding: 0; margin-bottom: 0;
  font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
}
h2 { font-size: 1.75em; font-weight: 700; margin-top: 1.58em; clear: both; }
h3 { font-size: 1.58em; font-weight: 700; margin-top: 1.33em; clear: both; }
h4 { font-size: 1.33em; font-weight: 700; margin-top: 1.17em; }
h5 { font-size: 1.17em; font-weight: 700; margin-top: 1.00em; }
h6 { font-size: 1.00em; font-weight: 600; margin-top: 1.00em; }

/* Link styles. Hovering ignored http://www.useit.com/alertbox/20040510.html */
a { text-decoration: underline; color: #0000ff; }
a:link { color: #0000ff; }
a:visited { color: #990099; }
a:active { color: #ff0000; }
a.offsite { color: #0000aa; }
a.bkmkonly { text-decoration: none; color: black; }
a.pdf { background: url(pdf-icon.gif) left center no-repeat; padding-left: 18px; }
a.pdf:visited { background: url(pdf-vicon.gif) left center no-repeat; }
a.html { background: url(html-icon.gif) left bottom no-repeat; padding-left: 18px; }
a.html:visited { background: url(html-vicon.gif) left bottom no-repeat; }
a.txt { background: url(txt-icon.gif) left bottom no-repeat; padding-left: 18px; }
a.txt:visited { background: url(txt-vicon.gif) left bottom no-repeat; }
a.zip { background: url(winzip-icon.gif) left bottom no-repeat; padding-left: 18px;}
a.zip:visited { background: url(winzip-vicon.gif) left bottom no-repeat; }
a.bigzip { background: url(winzip-icon-big.gif) left bottom no-repeat;
           padding-left: 34px; padding-top: 34px ; font-weight: bolder; }
.bibliogr a.pdf, .bibliogr a.html, .bibliogr a.txt, .bibliogr a.zip {
  margin-right: 1em; white-space: nowrap; line-height: 2em; }

/* Lists */
ul, ol, dl { margin: 0.75em 0; padding: 0; }
.follow-up { margin-top: 0; padding-top: 0; }
li { margin-left: 2.5em; padding: 0; }
li.long { margin-top: 0.75em; }
dd { margin: 0 0 1em 1em; padding: 0; }
dt { font-weight: bolder; margin-left: 0; padding: 0; }

/* Tables */
.center { text-align: center; }

/* == End #main division == */

/* == Begin page footer == */
address  {
  width: 100%; clear: both;  margin: 0; padding: 2px 15px 5px 25px;
  border-top-style: solid; border-top-width: 3px;
  font-style: normal; font-size: 0.92em; font-weight: normal;
  color: #333333;   /* bleach text from black to dark gray */
}
address a { color: #3333ff; }
address a:visited { color: #993399; }
#resch address { border-top-color: #293C7B; background: #ccccff; }
#teach address { border-top-color: #4C6475; background: #ccccff; }
#pers  address { border-top-color: #1D551B; background: #ccffcc; }
#memes address { border-top-color: #4D0A0A; background: #ffcc66; }

a.validator img { float: right; border-style: none; }
#uri { display: none; }  /* changed for @media print */
/* == End page footer == */
/* == End of file ./css/AlexStyles.css == */