/*    latest revision 31/8/2020   */

/******************************************************/
/*                                                    */
/*        Import all of the old CSS                   */
/*        from davis_site.css                         */
/*        5/4/2020                                    */
/*        taken out 6/5/2020 test                     */
/*                                                    */
/******************************************************/
/*@import "davis_site.css";*/


::-moz-selection { /* Code for Firefox */
  color: red;
  background: yellow;
}

::selection {
  color: red;
  background: yellow;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 490px;
  background-color: #0c5;
  color: #fff;
  text-align: center;
  border-radius: 9px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -40px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;	//where the down arrow sits
  margin-left: 5px;
  border-width: 8px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 7;
}

/******************************************************/
/*                                                    */
/*        genealogy pages ITEMS                                 */
/*        added 30/8/2020                             */
/*                                                    */
/******************************************************/

.personbody 
   { 
   background-color:#ffd4DF;
   background-image:url('http://gdavis.id.au/resources/ltg.jpg'); 
   background-repeat:repeat;
   color: #0066ff; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   font-size:24px;
   padding: .5em; 
   text-align: left; 
   text-decoration: none; 
   }
   
.smeebody 
   { 
   background-color:#FFD4DF;
   background-image:url('ltg.jpg');
   background-repeat:repeat;
   color: #0066ff; 
   font-family: courier,"trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   font-size:20px;
   padding: .15em; 
   margin-left: 10%;
   text-align: left; 
   text-decoration: none; 
   }
   
.indexbody 
   { 
   /*background-color: #c8f0b0;*/
   background-image:url('marble.jpg');
   background-repeat:repeat;
   color: #0066ff; 
   font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-weight: normal; 
   font-size:20px;
   padding: .5em; 
   text-align: center; 
   text-decoration: none; 
   }
   
.notetext
   { padding-left: 60pt;
   padding-right: 200pt;
   font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 80% ;
   color: green; 
   font-weight: normal; 
   text-align: justify; 
   text-decoration: none; }

.notetext_centered {
   padding-left: 15%;
   padding-right: 15%;
   font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 80% ;
   color: green; 
   font-weight: normal; 
   text-align: justify; 
   text-decoration: none; }

.storytext_centered {
   padding-left: 25%;
   padding-right: 25%;
   font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 80% ;
   color: #0066ff; 
   font-weight: normal; 
   text-align: justify; 
   text-decoration: none; }

.birth_note {
    margin: 20px 200px 15px 60px;
    color: green;
}   
    
.death_note {
    margin: 20px 200px 15px 60px;
    color: green;
}   
    
.marriage_note {
    margin: 20px 200px 15px 60px;
    color: green;
}   
    
.immi_note {
    margin: 20px 200px 15px 60px;
}   
    
hr.w {
  border: 3px solid green;
  border-radius: 3px;
  margin-right: 67px;
  width:95%;
}

a:hover {
   background-color: #8cc;
   color: red;
   }
   
.events
   {
   clear:both;
   margin-left:10%;
   background-image:url('ltg.jpg');
   background-repeat:repeat;
   }

/******************************************************/
/*                                                    */
/*        footer items added 28/8/2020                */
/*                                                    */
/******************************************************/

#footer {
    clear: both;
    padding-top: .1em;
    background-color: #8CC;
    border-top: solid 2px #555;
}
#footer > * {
    background-color: #EEE;
    font-size: 60%;
}
#footer p#createdate {
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 15px;
    margin-top: 1em;
}
#footer p#copyright {
    float: right;
    width: 40%;
    text-align: right;
    padding-right: 15px;
}

.pul {
      list-style-type: disc;
      padding-left: 100pt;
      font-size:90%;
      line-height:150%;
     }

.atab
   {
   text-indent:90px;
   }

h4 + div.gsn, a.familymap {
    margin: 1em 10px;
}
i + div.gsn p {
    margin: 0 0 0.3em 0;
}
div.gsn p {
    margin-bottom: 0.5em;
}


.button {
  background-color: #555555;            /*#4CAF50; /* Green */
  border: none;
  color: white;
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  border-radius: 12px;
  transition-duration: 0.4s;
}

.button:hover {
  background-color: #8cc;                       /*#4CAF50; /* Green */
  color: #555555;
}

section {
    width:80%;
}

a.b {
    font-size:80%;
}

h2.b {
     text-shadow:2px;
     text-align:center;
     color:green;
}

body.shipbody
	{
	background-color: #aaffff;
	color: #666666; 
	font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif; 
	font-style: normal; 
	font-weight: normal; 
    font-size:x-large;
	padding: .5em; 
	text-align: left; 
	text-decoration: none; 
	}

.shipbody-ul {
      padding-left: 100pt;
     }
     
.ship_data 
   { 
   font-size: 90%; 
   text-align: center; 
   font-weight: bold; 
   }

.footer_text
   { font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 60% ;
   color: black; 
   font-weight: normal; 
   text-align: center; 
   text-decoration: none; }

.explanation_header 
   { 
   font-size: 75%; 
   text-align: center; 
   font-weight: bold; 
   }

.explanationnotes
   { padding-left: 100pt;
   padding-right: 100pt;
   font-family: verdana,helvetica,arial,sans-serif; 
   font-style: normal; 
   font-size: 120% ;
   color: green; 
   font-weight: normal; 
   text-align: justify; 
   text-decoration: none; }

.girl {
  height: 25px;
  width: 200px;
  background-color: #fdd;
  border-radius: 35%;
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  position: relativee;
  float: left;
}
.boy {
  height: 25px;
  width: 200px;
  background-color: #ddf;
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  float: left;
  margin-right: 20px;
}
/*
 <div class="boy">greg davis</div>
*/