/*
 * http://impressive.net/stylesheets/main.css
 *
 * this is the main stylesheet for stuff on the site,
 * or something like that.
 *
 * $Id: main.css,v 1.24 2010-01-25 02:58:15 gerald Exp $
 *
 */

body		{ background: white; color: black;
		  font-family: Verdana, sans-serif; margin: 1em }

h1		{ font-size: 1.5em; }
h2		{ font-size: 1.25em; }
h3		{ font-size: 1.1em; }

a		{ text-decoration: none	}
a:hover		{ text-decoration: underline }
a img		{ border-style: none }
a.restricted:after { content: " "
    url("http://impressive.net/people/gerald/site/password-protected.gif"); }
img.password	{ border-style: none }

address img	{ float: right; border-style: none }
address 	{ font-size: smaller }
.clearboth      { clear: both }

div.set		{ float: left; text-align: center;
		  width: 140px; height: 160px; margin: 5px }
div.set p	{ margin: 0; padding: 0; font-size: small }
div.set p img	{ border: 4px double black; padding: 2px }
div.set p.name	{ font-weight: bold }
div.set p.details { font-size: x-small; display: none }
div.set:hover p.details	{ display: inline }
div.setlist:after { display: block; clear: left }

/* navbar adapted from http://www.alistapart.com/articles/taminglists/ */

.navbar {
    position: absolute;
    top: 0em;
    right: 1em;
    font-size: smaller;
    background-color: #eee;
    color: #333;
    padding: 0.5em 2em 0.5em 0em;
    border: thin solid gray;
    margin-top: 1em;
    width: 9em;
}

.navbar ul {
      list-style: none;
      margin: 0;
      padding: 0;
      border: none;
}
      
.navbar li {
      margin: 0;
      padding-left: 1em;
}

.navbar li a {
      display: block;
      padding: 2px 2px 2px 0.5em;
      background-color: #eee;
      text-decoration: none;
      width: 100%;
}

html>body .navbar li a {
      width: auto;
}

.navbar li a:hover {
      background-color: #66f;
      color: #fff;
}