/*
 * https://impressive.net/stylesheets/main.css
 *
 * this is the main stylesheet for stuff on the site,
 * or something like that.
 *
 * $Id: main.css,v 1.26 2019/08/11 17:57:02 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("https://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 }

/* used by photos/by/location et al. */
.month		{ border: thin solid black; text-align: center }
.month td div	{ position: relative }
.month td	{ height: 100px; width: 100px; background: #dddddd }
.month td p	{ margin: 0 }
.month td p.day	{ height: 100px }
.month td p.date{ position: absolute; top: 5px; left: 5px;
		  text-align: left; color: white; font-weight: bold;
		  font-size: 1.25em; padding: 0 }
.month td p.empty	{ color: black }
.month tr.head	{ height: auto; font-weight: bold; background: #bbbbbb }
.month tr.head td	{ height: auto }
.month th	{ font: smaller sans-serif; background: #cccccc }
.igthumb 	{ margin: 10px; }
.igthumb img	{ height: 100px; width: 100px; border: 1px solid black;
		  padding: 2px }
.rhpanel	{ position: absolute; right: 1.25em; top: 5em; display: inline;
		  width: 160px; text-align: center; background: #eee;
		  border: thin dotted blue; }
.pagelink	{ float: right; margin-top: 0; margin-right: 6em; }
.keylist	{ list-style-type: none; padding-left: 0; }
.linklist	{ list-style-type: none; padding: 0.5em;
		  margin: 1em; border: thin solid blue; }
.frm1		{ float: right; margin: 1em; }
.ad-rhs		{ font-size: smaller; }
.ad-search	{ margin-left: -2em; }

/* 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;
}