/* styles for The Decent Folk, also known as Shepherd's Pie */

   BODY {
   	background-color:#323232; /* #181818 */
   	background-image: url("/images/gray-323232.jpg"); /* added February 2, 2019 */
   }
   BODY, P, LI, TD, H1, H2, H3 {
   	font-family:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; color:#fff; /* #dda033 */
   }
   .bright {color:#F2DB6F; }
   H1 {font-size:28px; margin-top:0px; margin-bottom:16px; font-weight:normal; } /* margin-top:20px; color:#33ddcc; */
   P, LI, TD {font-size:16px; line-height:1.25; }
   DIV.header, DIV.body {width:543px; border-bottom:1px solid #338078; }
   DIV.header P {margin-bottom:0px; }
   IMG.note {width:16px; height:16px; vertical-align:baseline; margin-bottom:-2px; border:none; }
   .caption {font-size:14px; text-align:center; margin:.5em 0px 1em; }

   .fbName {width: 66px; height: 21px; vertical-align: -4px; } /* 170x54 */


/* styles for Firefox and IE, added March 15, 2013 */
/* Removed Feb. 2, 2023, for accessibility:
   :focus {outline:none;}
   ::-moz-focus-inner {border:0;}
 */
/* improves IE's text rendering in imageSwitcher.js: */
   DIV.cf_element {background:transparent url("/images/spacer.gif") repeat; }

/* styles for single-photo pages */
   DIV.border {width:550px; border-bottom:1px solid #338078; } /* was: width:700px; */
   DIV.border P {padding-bottom:8px; margin-bottom:0px; }
   DIV.border IMG {border:0px solid white; margin:8px; vertical-align:middle; }
   TABLE.nav TR TD P {margin-top:8px; margin-bottom:24px; }

/* styles for 2018 photo pages */ /* November 13, 2018 */
   .anchorLinks {width:100%; height:auto; border-top:1px solid #3DC; border-bottom:1px solid #3DC; margin-bottom:10px; } /* #338078;  */
   .anchorLinks P {position: relative; margin: 0px 0px 8px; }
   .anchorLinks A {display: inline-block; white-space: nowrap; margin: 13px 0px 0px; }
   .anchorLinks A.anchor {display:inline-block; position:relative; margin-top: 0px; top:-8px; }
   .anchorLinks A.selected {color:#dda033; }
   #image1 IMG {width: 100%; height: auto; } /* max-width and max-height in the IMG tag */

/* order: link, visited, focus, hover, active */
   DIV.nav {clear:both; width:160px; height:auto; background:no-repeat; }
   DIV.nav A:hover IMG {border-bottom:1px solid #F2DB6F; padding-bottom:0px; }
   A, DIV.nav A IMG {border:none; text-decoration:none; }
   a:link, .link {color:#33ddcc; } /* F2DB6F, 006699 */
   a:visited {color:#33ddcc; }
   a:hover {text-decoration:underline; color:#F2DB6F; }

/* responsive styles: */
	BODY {position: relative; margin: 0; padding: 0; width: 100%; }
	#body {position: relative; text-align: center; width: 93%; max-width: 543px; margin: auto; }

	/* header & nav. links: */
	#header {
		display: block; position: relative; 
		width: 100%; height: auto; 
		border-bottom: 1px solid #33ddcc; /* 338078 */
		margin: 0px; 
	}
	#header H1 {margin-bottom: 0px; }
	.banner900x72 {width: 95%; max-width: 450px; height: auto; margin:12px 0px 0px; } /* banner */
	.banner430x72 {width: 95%; max-width: 287px; height: auto; margin:12px 0px 0px; } /* banner, Decent-Folk-430x72.png */
	.banner428x72 {width: 95%; max-width: 285px; height: auto; margin:12px 0px 0px; } /* banner, Sheps-428x72.png */
	@media only screen and (max-width: 760px) {
		H1 {font-size: 22px; }
	}
	#nav {width: 100%; padding: 0px; margin: 3px 0px 0.5em; } /* padding: 0px; margin: 0px; */
	#nav SPAN {white-space: nowrap; } /* for fb link */
	#nav A {display: inline-block; white-space: nowrap; padding-bottom: 1px; border-bottom: none; margin-top: 10px; }
	A#Facebook IMG {border: none; text-decoration: none; }
	A#Facebook:hover {border-bottom: 1px solid #F2DB6F; padding-bottom: 0px; }
	IMG.fb {width: 15px; height: 21px; vertical-align: -4px; } /* 40x54 */

	/* image & image map: */
	#ShepsPhoto IMG {width: 100%; height: auto; } /* 555x333 */
	#map {display: block; position: absolute; vertical-align: bottom; width: 100%; height: 100%; z-index: 10; top: 0px; }
	.mapArea {display: inline; position: absolute; vertical-align: text-bottom; bottom: 0px; text-align: left; margin-top: auto; }
	/* #map {border: 1px solid orange; }  .mapArea {border: 1px solid yellow; } */

	/* footer: */ /* color:#338078; color:#dda033; */
	#footer {text-align: center; font-size:14px; padding-top: 7px; border-top: 1px solid #3DC; margin:0.5em 0px 1.5em; }

/* misc. styles: */
	.roman {font-style:normal; }
	.italic {font-style:italic; }
	.hr {width:50%; height:1px; overflow:hidden; border-bottom:1px solid #dda033; margin:1em auto; }
	.spd {color:#3f6; }
	.floatL {float:left; margin:0px 15px 4px 0px; }
	.floatR {float:right; margin:0px 0px 4px 15px; }
	.indent {padding:0px 0.6em; }
	.alignL {text-align: left; }
	.center {text-align: center; }
	.alignR {text-align: right; }
	.nobreak {white-space: nowrap; }