/*
 * https://impressive.net/stylesheets/photo-sm.css
 *
 * this is a stylesheet to be used on foo-sm.html pages
 *
 * $Id: photo-sm.css,v 1.2 2018/02/27 04:26:36 gerald Exp $
 *
 */

body		{ background: white; color: black;
		  font-family: Verdana, sans-serif; margin: 1em; }
h1		{ font-size: 1.5em; }
h2		{ font-size: 1.25em; }

a		{ text-decoration: none }
a:hover		{ text-decoration: underline }

div.container	{ width: 95%; margin: auto }
div.photo	{ float: left; width: 450px; padding: 1em; text-align: center;
		  margin-top: -2em }
div.photolinks	{ width: 300px; font-size: x-small; margin: auto; margin-top: -2.5em }
div.photolinks p.left { float: left }
div.photolinks p.right { float: right }
div.details 	{ clear: both }
div.details p	{ font-size: smaller }
div.nav		{ position: fixed; top: 0; right: 1em; z-index: 10 }
div.nav ul 	{ padding: 0.25em }
div.nav ul li	{ display: inline; list-style-type: none; padding: .2em;
		  border: 1px solid blue; background: #eee; margin: 2px }
div.nav ul li a	{ padding: 0 1em }
div.nav ul li:hover { background: #ffa }
div.navbar	{ display: inline; text-align: center; margin: 1em }
div.nextprev	{ margin-top: 2em; margin-bottom: 1em }
div.navnext	{ display: inline }
div.navprev	{ display: inline }
div.navprev:before { content: url("https://impressive.net/icons/left.gif");
			vertical-align: 37px; margin-right: -2px }
div.navnext:after  { content: url("https://impressive.net/icons/right.gif");
			vertical-align: 37px; margin-left: -2px }

div.video	{ float: left; width: 450px; padding: 1em; text-align: center;
		  margin-bottom: -1em; margin-top: -2em }
div.video p	{ margin: 0.5em }
p.videodl	{ margin: 0; padding: 0; font-size: smaller }
div.vidthumb	{ height: 72px; width: 96px; float: left; padding: 3px }
div.vidthumb p.vidcaption { position: relative; bottom: 3.25em; right: -5px;
		  text-align: right; color: white; font-size: smaller }
div.vidthumb p img { height: 72px; margin: 4px }
div.vidthumb img { margin: 0; padding: 1px; border: thin solid white }
div.vidframes	{ margin-top: -1em; margin-bottom: 2em; clear: both }

p.footer	{ margin: 0; margin-top: -0.5em; font-size: smaller; font-style: italic }
p.footer img	{ float: right }

.center		{ text-align: center }
.clearleft	{ clear: left }
.clearboth	{ clear: both }

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

div.ad-hl	{ text-align: center }