h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 175%;
}
h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 150%;
}
h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 125%;
}
h4 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}
h5 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 75%;
}
h6 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 50%;
}
body, table   {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #F5F5F5;
}
a   {
	color: #5f5f5f;
	text-decoration: none;
}
a:hover   {
	color: #0000a0;
	text-decoration: none;
}
a.hd_link {
	color: #5f5f5f;
	text-decoration: none;
}
a.hd_link:hover {
	color: #5f5f5f;
}
a.copyright:hover {
	text-decoration: underline;
}
a.delete:hover {
	color: red;
}
input,select,textarea     {
	background-color: #FFFFFF;
}
table.header    {
    background-color: #D3DCE3;
	color: #000000;
}
th   {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #D3DCE3;
}
td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
}
td.tbl_even   {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #DDDDDD;
}
td.tbl_odd   {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #CCCCCC;
}
.restrict {
	color: red;
}
.vert {
	background: url('../images/vert.png') no-repeat center;
}
.outer {
	background: url('../images/outer.png') no-repeat center;
}
.br {
	background: url('../images/br.png') no-repeat center;
}
.tr	{
	background: url('../images/tr.png') no-repeat center;
}
.rb {
	background: url('../images/rb.png') no-repeat center;
}
.rt	{
	background: url('../images/rt.png') no-repeat center;
}
.label {
font-style: oblique;
display: inline;
}
#useroptions ul {
margin: 1;
padding: 0;
}
#useroptions li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px;
padding:0px;
}
#options {
float: right;
position: relative;
}
#options ul {
margin: 0;
padding: 0;
}
#options li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px;
padding:0px;
}
#name {
text-align: center;
}
#name h2 {
margin: 0;
padding: 0;
}
div#bd {
padding: 5px 5px;
color:#000000;
font-family:verdana,Arial,Helvetica,sans-serif;
font-size: small;
position: relative;
left: 10%;
width: 80%;
display: block;
}
div.child {
display: block;
}
div.birth {
padding: 10px 10px;
width:40%;
top: 0;
float: left;
}
div.baptism {
width:40%;
float: left;
padding: 10px 10px;
}
div.death {
float: right;
top: 0;
padding: 10px 10px;
width:40%;
}
div.burial {
float: right;
width:40%;
padding: 10px 10px;
}
div#parents {
clear: both;
padding: 10px 10px;
margin-left: 15%;
float: none;
width: 70%;
display: block;
}
div.children {
padding: 10px 10px;
margin-left: 35%;
}
div#siblings {
padding: 10px 10px;
margin-left: 35%;
}
div.insert {
float: right;
}
.location-block {
    margin-bottom: 28px;
    padding: 14px 18px;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.location-header {
    font-size: 1.6em;
    font-weight: 700;
     margin-bottom: 8px;
}

.location-entryOld {
    margin-bottom: 4px;
    line-height: 1.35;
padding: 3px 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.location-entryOld:last-child {
    border-bottom: none;
}

.location-entry {
    display: grid;
    grid-template-columns: 3fr 1.2fr 1.4fr;

    column-gap: 16px;
    align-items: baseline;
    padding: 2px 0;
    line-height: 1.15;
}

.le-date {
    text-align: right;
    font-variant-numeric: tabular-nums;
}





.location-header a {
    text-decoration: none;
    color: #222;
}

.location-header a:hover {
    text-decoration: underline;
}

.location-events {
    padding-left: 10px;
}


.location-page {
    max-width: 1100px;
    margin: 40px auto;
}

.source-page {
  max-width: 1100px;
  margin: 40px auto;
}

.source-block {
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.source-header {
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 8px;
}

.source-meta {
  margin: 6px 0 12px 0;
  color: #444;
}

.source-events {
  margin-top: 6px;
}

.source-entry {
  padding: 2px 0;
  margin: 0;
  line-height: 1.25;
}

.source-empty {
  padding: 6px 0;
  color: #666;
}

/* re-use your table-like grid idea */
.source-entry.le {
  display: grid;
  grid-template-columns: 3.5fr 1fr 110px 2fr; /* widen person col */
  column-gap: 10px;
  align-items: baseline;
}

.le-person { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.le-event  { white-space: nowrap; }
.le-date   { white-space: nowrap; text-align: right; }
.le-place  { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }