/* Kith and Kin Pro stylesheet  */

/*  Kith and Kin Pro Classic theme   */

/* Colours used :
   Body background #FFFFFF
   General font #000000
   Feint font #808080
   Section headings font #000000
   Link font #0000FF
   Link hover font #0000FF
*/


/* Margin formats for 1,2 & 4 parameter :
   margin: all
   margin: top/bottom left/right
   margin: top right bottom left                                */

/*  Sets margins and padding in all browsers to the same        */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
    margin: 0; padding: 0; border: 0}

p, h1, h2, h3, h4, h5, h6 {margin: 10px 10px 0px 10px}
p {line-height: 120%;}
h1, h2, h3, h4, h5, h6 {line-height: 100%;}
ul, ol, li {margin: 10px 26px}

/* ========================== */
body {background-color: #FFFFFF; color: #000000;
      font-family: Times, serif;
      background-image: url(kkbkg.gif);}

/* Link colours */
A:link {color: #0000FF; text-decoration:none}
A:visited {color: #0000FF; text-decoration:none; outline: none;}
A:active {color: #0000FF; text-decoration:none; outline: none;}
A:hover {color: #0000FF; text-decoration:underline}

/* Used in page heading div.header */
h1 {font-size: 27px; color: #000000;}
/* Used in section headings on family details pages */
h2 {font-size: 21px; color: #000000;}
/* Used in family details page heading for family code */
h3 {font-size: 21px; color: #000000;}


/* ===== Text and page formatting settings  ===================== */

div.header {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 2px; padding-top: 0px; padding-bottom: 12px;
            text-align: center; border-bottom: 1px solid #000000;}
div.header_code {position: absolute; right: 0px; top: 0px; padding-top: 0px; padding-bottom: 10px;
                  text-align: left;}
/* General page body */
div.body {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;
           color: #000000; font-size: 14px; text-align: center;}
/* Footer text */
div.footer {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;
            border-top: 1px solid #000000;}
p.text_footer {color: #000000; font-size: 12px; font-style: italic;}
/* Back to genealogy start page text */
p.text_back_link {color: #000000; font-size: 12px; margin-top: 20px; }
img.return {vertical-align: middle; padding-top: 0px; margin-right: 10px;}

/* ------ Family details pages ------ */
div.parents {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;}
div.children {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;
              border-top: 1px solid #000000;}
div.family {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;
            border-top: 1px solid #000000;}
div.sources {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;
             border-top: 1px solid #000000;}
div.indent {position: relative; margin-left: 26px;}
/* Names text eg. parents names */
p.text_name {color: #000000; font-size: 14px; font-weight: bold; margin-top: 25px; margin-bottom: 10px;}
/* Names in details */
p.text_detail_name {color: #000000; font-size: 14px;}
/* Details/notes text */
p.text_details {color: #000000; font-size: 14px; margin-top: 5px;}
/* Source details text */
p.text_source {color: #000000; font-size: 14px; margin-top: 5px; margin-left: 50px; text-indent: -40px;}

/* ------ Genstart page ------ */
div.genstart_links {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 20px; margin-bottom: 30px;
                     padding-top: 5px; padding-bottom: 10px;}
/* Welcome text */
p.text_genstart {color: #000000; font-size: 14px; margin-top: 20px; text-align: center;}
/* Email address */
p.text_genstart_email {color: #000000; font-size: 12px;  margin-top: 5px; text-align: center;}
/* Update date */
p.text_genstart_date {color: #000000; font-size: 12px;  margin-top: 5px; text-align: center;}
/* Kith and Kin Pro */
p.text_kkprostamp {color: #808080; font-size: 10px; font-style: italic; margin-top: 40px; text-align: center;}

/* ------ Timeline page ------ */
/* Top-of-page shortcuts - Timeline and surname index/lists */
div.shortcuts {position: relative; margin-left: 5px; margin-right: 5px; margin-top: 2px; margin-bottom: 20px; padding-top: 5px;
               font-size: 14px; text-align: center;}
div.timeline {position: relative; margin-left: 20px; margin-right: 20px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;}
/* Timeline database events*/
p.text_timeline {margin-top: 2px; color: #000000; font-size: 12px;}
/* Timeline fixed events*/
p.text_timeline_event {margin-top: 2px; color: #808080; font-size: 12px; font-style: italic;}

/* ------ Surname index and lists pages ------ */
div.surname_index {position: relative; margin-left: 20px; margin-right: 20px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;}
div.surname_list {position: relative; margin-left: 20px; margin-right: 20px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;}
p.text_surname_index {margin-top: 2px; color: #000000; font-size: 14px;}
p.text_surname_list {margin-top: 2px; color: #000000; font-size: 14px;}

/* ------ Source document / repository details pages ------ */
div.source_docs {position: relative; margin-left: 20px; margin-right: 20px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;}
div.source_repos {position: relative; margin-left: 20px; margin-right: 20px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px;}
p.text_docs {margin-top: 8px; margin-left: 50px; text-indent: -40px; color: #000000; font-size: 12px;}
.text_docs_name {font-weight: bold;}
p.text_repos {margin-top: 8px; margin-left: 50px; text-indent: -40px; color: #000000; font-size: 12px;}
.text_repos_name {font-weight: bold;}


/* ===== Image thumbnails ===================== */

/* Image tables */
table.thumbnails td {padding: 5px; text-align: center;}
table.gallery {margin-left:auto; margin-right:auto;}
table.gallery td {padding: 5px; text-align: center;}

/* Image text */
p.text_thumbnail {color: #000000; font-size: 10px; margin-top: 5px;}