@charset "iso-8859-1";
/* ======================
Mobile View
========================= */
@viewport {
     width:device-width;
     }
/* ====================================== 
OUTERMOST TRIPLE BORDER and BODY STYLES
======================================= */
body {
   background-image: url("graphics/site/a_uptown_eosbokchito_68.8kb.gif");
   background-repeat: repeat;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   color:#000;
   text-align:center;
   }
/* =======================
CONTENT AND a TAGS
========================= */
#content {
   width:90%;
   text-align:left;
   margin:auto;
   }
a {
   text-decoration: none;
   }
#content a:link, a:visited {
   background: transparent;
   color: #424A63;
   }
a:hover {
    background-color: #b79297; 
    font-size: 110%;
    font-weight: bold
    }

/* =======================
Navigation Headers
========================= */
#navhead-links {
    color:#933;
    font-weight:
    bold;text-align:
    center;
    font-size: 105%;
}
#navhead-links a {
     color:#555;
     font-weight:normal;
     font-size: 105%;
     display:inline
}
/* ======================
heading tags
========================== */
h1 {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 160%;
   color: #800000;
   text-align: center;
   /*text-shadow: 3px 3px 9px #b00, -3px -3px 9px #b00; */
   }
h1 span {
   font-size: 80%;
   }
h2 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 114%;
   color: black;
   text-align: center; /* Judy added center here. */
   }
h3 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
   }
h4 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
   text-align: center;
   }
.left {
   text-align: left;
   }
.center {
   text-align: center;
   }
.right {
   text-align: right;
   }
hr {
   margin: 25px
   }
/* =======================
all links
========================== */

img {
   border: none;
   }


/* ============================================
MIDDLEMOST TRIPLE BORDER COLOR: http://www.color-hex.com/color/ecdac2 
=============================================== */
#table1 {
   width:100%;
   border:solid 3px #000;
   border-left-color:#afafaf;
   border-top-color:#afafaf;
   background:#fcf7ee ;
   }
#table1 td {
   width:95%;
   border-spacing:3px;
   padding:32px;
   border:solid 1px #444;
   }
/* ============================================
INNERMOST TRIPLE BORDER - COLOR: http://www.color-hex.com/
=============================================== */
#table2 {
   width:80%;
   border:ridge 3px #aaa;
   margin:0 auto;
   }
#table2 td {
   padding:0;
   text-align:center;
   border:none
   }
#table2 td:nth-of-type(2){
   width:30%;
   }
/* ================= 
Google & FreeFind Search Forms 
=================== */
table#search {
    width: 90%;
    border-collapse: separate;
    border-spacing: 5px;
    border: none;
    padding: 0;
    margin: 0 auto;
}
table#search td {
    width: 50%;
    padding: 12px 20px 6px 20px;
    border: solid 1px #666;
    background: #f8f8f8;
    font-size: x-small;
}
#freefind p,
#google {
    font-family: verdana, sans-serif;
    font-size: x-small;
    _font-size: 10px;
    margin: 0;
    *margin-bottom: -20px;
    padding-top: 3px;
    text-align: left;
    _padding-left: 5px;
}
#freefind p {
    padding-bottom: 1px;
}
#freefind a:link,
#google a:link {
    text-decoration: none;
}
#freefind a:hover,
#google a:hover {
    text-decoration: underline;
}
#freefind img {
    width: 12px;
    height: 12px;
    border: none;
    background: #0195db;
    margin: 0 3px 0 0;
    position: relative;
    top: 2px;
}
#freefind a:link {
    font-weight: normal;
    font-size: 110%;
    color: #0195db;
    letter-spacing: 2px;
}
#freefind a span {
    color: #000;
}
#google i {
    font-family: 'Product Sans', Arial, sans-serif;
    font-size: 120%;
    letter-spacing: 1px;
    font-style: normal;
    font-weight: bold;
    color: #4285F4;
}
#google i.red {
    color: #EA4335;
}
#google i.orange {
    color: #FBBC05;
}
#google i.green {
    color: #34A853;
}
#css3-calc {
    position: absolute;
    top: -1px;
    width: 1px;
    width: calc(1px + 1px);
    display: hidden;
}
/* ======================
ALL TABLES
========================== */
.tablea {
	border-spacing: 1px;
	width: 100%;
}
.tablea, th, td {
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid black;
	padding: 3px;
   }
/* ======================
COLUMNS FOR INDEX LINKS
========================== */
#columns {
   column-count: 2;
   column-gap: 15px;
   column-rule: solid 1px #aaa;
   }
#columns p {
   margin: 1.2em 0;
   font-size: 140%;
   text-align: justify;
   }
#columns p:nth-of-type(1){margin:0}
a {position: relative}
#pop-up {display: none;position: fixed;top: calc(50vh - 100px);left: calc(50% - 150px)}
#pop-up img {width: 300px}
a:hover #pop-up {display: block;}
/* ======================
COLUMNS FOR column-floats LINKS
<div class="column2a">
Your left hand column text goes here.
</div>
<div class="column2b">
Your right hand column text goes here.
</div>
========================== */
.column2a {width: 50%; float: left;}
.column2b {width: 50%; float: left;}

.column2aa {width: 25%; float: left;}
.column2bb {width: 75%; float: left;}

.column3a, .column3b, .column3c {padding:4px}
.column3a {width: 33%; float: left;}
.column3b {width: 33%; float: left;}
.column3c {width: 33%; float: left;}

.column4a {width: 25%; float: left;}
.column4b {width: 25%; float: left;}
.column4c {width: 25%; float: left;}
.column4d {width: 25%; float: left;}

.column5a {width: 20%; float: left;}
.column5b {width: 20%; float: left;}
.column5c {width: 20%; float: left;}
.column5d {width: 20%; float: left;}
.column5e {width: 20%; float: left;}

/* ======================
HISTORICAL POPULATION
wikipedia tables
========================== */
table.histPops {font-family: arial,sans-serif; font-size: 0.85em; border: solid 1px #aaa; background-color: #f9f9f9; padding: 5px; border-spacing: 1px; float: right; clear: right; margin: 0 0 1em 1em; text-align:right;}
.histPops th.thOne {padding: 3px; border-bottom: none; font-size: 110%; text-align: center; background: #ccf;}
.histPops th {text-align: center; border-bottom: solid 1px black;}
.histPops td {line-height: 1.6em;}
.histPops td.cOne {text-align: center;}
.histPops td.cTwo {padding-left: 8px;}
.histPops td.cThree {font-size: 85%;}
.histPops td.cFour {padding-left: 8px; text-align: center;}
.histPops td.cFive {border-top: solid 1px black; font-size: 85%; text-align: center;}

/* ======================
#HomeInd
========================== */
#HomeInd p {
   text-align: center;
   }
p.hoInd {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 110%;
   color: #c29381;
   text-align: center; 
     }
   
/* ============================================
ANYTHING WITH AN IMAGE AND TRANSCRIPT
=============================================== */
#notices { 
    width:98%; 
    border-collapse:collapse; 
    border-spacing:0 
    } 
#notices td { 
    border:ridge 2px #c0c0c0; 
    padding:5px 
    } 
#notices td.clipping { 
    } 
#notices td.transcript { 
    padding:10px 
    } 
#notices tr.spacer td { 
    border:none; 
    text-align:center; 
    font-size:3em; 
    line-height:12%; 
    padding-top:20px 
    } 
#notices tr.spacer2 td { 
    border:none; 
    text-align:center; 
    font-size:1.875em; 
    line-height:12%; 
    padding-top:20px 
    } 
/* ====================
centers text 
====================== */
#heading p {
   text-align: center;
   }
p.hd {
   font-size: 115%;
   font-weight: bold;
   }
p.hd2 {
   font-size: 100%;
   text-align:left;
   }
/* ====================
centers text 
====================== */
center { 
    text-align: center; 
} 
small { 
	 font-size:small; 
} 
p.small {	
   font-size: 90%;	
   font-size: 70%; 
} 
p.large { 
   font-size: 125%; 
  }
pre { /* "Silver Bells" */
   width:400px;
   margin:0 auto;
   font-family:'lucida console', monospace;
   font-size:1em;
   }
pre span {
   position: relative;
   left: -1.2em;
   }
p.indent {
   text-indent: 60px;
   }
span.indent {
   display: inline-block;
   width: 60px;
   }
#newspapers {
   text-align: center;
   font-weight: bold;
   }
#newspapers span {
   font-size: 85%;
   }
/* ============================================
STYLES FOOTER INFO 
=============================================== */
#footer {
   font-size: 90%;
   }
#footer p span {
   font-size: 130%;
   }
#credits {
   width: 300px;
   height: 50px;
   }
#credits img {
   display:inline-block;
   border:none;
   outline:none;
   margin:0 10px;
   vertical-align:middle;
   }
#fp_ftr td { /* remove RW footer border */
   border:none
}
/* ====================================
fancy horizontal line
====================================== */
div.hr {
   background-image: url("http://www.rootsweb.ancestry.com/~pawashin/includes/marbthin_lngline.gif");
   background-position: center center;
   background-repeat: no-repeat;
   display: block;
   height: 14px;
   margin: auto;
   width: 385px;
   }
/* =====================================
Lists  ul and li can also use  content: "•";
======================================== */
ul.a {
    list-style-type: square;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}

ul.b {
    list-style-type: circle;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}

ol.c {
    list-style-type: upper-roman;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}
ol.d {
    list-style-type: lower-alpha;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}
/* ====================
Lists
====================== */
li {
    line-height:100%;
    padding-left: 1em; 
    text-indent: -.3em;
    padding-bottom: .2em
}
li:before {
    content: "¦"; font-family:"Arial Black";
    padding-right:7px;
    color: black;  /* or whatever color you prefer */
}
/*===============================
Pat's styles for BOOK INDEX
================================*/

.ulindx {
	font-size: .875em;
	font-family: "Courier New", Courier, monospace;
	float: left;
	width: 45%;
	padding-right: 10px;
}
.ulindx ul {
	list-style-type: none;
	padding: 0 0 20px; /*bottom spacing between each UL and rest of content*/
	margin: 0;
}
.ulindx ul li {
	margin: 0px;
	padding-bottom: 2px;
	font-weight: bold;
}
.ulindx ul li li {
	margin: 0px;
	padding-bottom: 2px;
	font-weight: normal;
}

/*===================
MARRIAGE LISTS
=================== */
.marriage ul li {
   list-style-image: url('wash-co-pa/o_f2/mcdonald-pa_3B/rings-dress/wedding-rings-icon_15x15.jpg');
   margin: 2px;
   padding: 2px;
   }
/*===============================
Pat's styles for BOOK INDEX
================================*/
.dbllst {
	font-size: .875em;
	font-family: "Courier New", Courier, monospace;
	float: left;
	width: 45%;
	padding-right: 10px;
}
.dbllst ul {
	list-style-type: none;
	padding: 0 0 20px; /*bottom spacing between each UL and rest of content*/
	margin: 0;
}
.dbllst ul li {
	margin: 0px;
	padding-bottom: 2px;
	font-weight: bold;
}
.dbllst ul li li {
	margin: 0px;
	padding-bottom: 2px;
	font-weight: normal;
}
/* ====================
Image Headers
====================== */
#holder {
    min-width:460px; 
    font-family:tahoma,sans-serif; 
    font-size:1em
    }
  .iLeft {
   width:49px; height:75px; 
   background:red  no-repeat; 
   float:left; margin:0 50px
   }
  .iCenter {
   float:left;position:relative;
   left:50%;margin-left:-177px; 
   width:54px; height:75px; 
   background:green  no-repeat
   }
  .iRight {
   width:56px; height:75px; 
   background:blue  no-repeat; 
   float:right; 
   margin:0 50px
   }
  .iLeft p, .iCenter p, .iRight p {
    margin:0; position:relative; 
    width:150px; 
    top:80px; 
    margin-left:-50px; 
    text-align:center; 
    font-size:85%
    }
/* ====================
Image Float Right or Left
====================== */
   .imgrgt {   /* image to right of text; padding by trial */
        float: right;
        padding: 2px;
        padding-right: 5px;
        }
   .imglft {    /* image to left of text */
        float: left;
        padding: 2px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
        }
    .imgctr {
        display: block;
        margin: 0px auto;
      }
.text_line {
    clear: both;
    margin-bottom: 2px;
      }
/* ====================
Image Float Right or Left
====================== */
   .imgrgt2 {   /* image to right of text; padding by trial */
        float: right;
        padding: 2px;
        padding-right: 5px;
        }
   .imglft2 {    /* image to left of text */
        float: left;
        padding: 2px;
        margin-right: 5px;
        padding-left: 1px;
        padding-right: 1px;
        }
.text_line {
    clear: both;
    margin-bottom: 2px;
      }
/* =================================
Use div id="content" class="antiqua"
=================================== */ 
#content .antiqua {
   font-family: 'Book Antiqua', serif;
   }
/* =================================
Gallery photos 
from www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery
=================================== */ 
div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}
/* ====================
Table narrow
====================== */

table {
    border-collapse: collapse;border-spacing: 0;
    }
#narrow th, #narrow td {
     border:solid 1px 
     #000;padding:0 2px
     }
#narrow td {
     padding:0 2px
     }
#narrow tr td:nth-of-type(2) {
     text-align:right
     }
tr:hover 
{
empty-cells:show; 
}
background-color:#f5f5f5;
}

/* ====================
Table narrow 6
====================== */
#narrow {all:initial;border-collapse:collapse;border-spacing:0;width:100%}
  #narrow th, 
  #narrow td {border:solid 1px #000;padding:0 2px}
  #narrow tr td:nth-of-type(1), 
  #narrow tr td:nth-of-type(2), 
  #narrow tr td:nth-of-type(4), 
  #narrow tr td:nth-of-type(5), 
  #narrow tr td:nth-of-type(6) {white-space:nowrap}
  #narrow tr td:nth-of-type(2) {text-align:right}
  #narrow tr td:nth-of-type(3) {text-align:center}

/* ====================
Table narrow
====================== */

table {
    border-collapse: collapse;border-spacing: 0;
    }
#nlinks th, #narrow td {
     border:solid 1px 
     #000;padding:0 2px
     }
#nlinks td {
     padding:0 2px
     }
#nlinks tr td:nth-of-type(2) {
     text-align:right
     }
tr:hover 
{
background-color:#f5f5f5;
}

/* ====================
Mobile Devices
====================== */
h2#mobile {
    display:none;
    text-align:center;
        }