/* ============================================
   Benbrook Family Pages - Stylesheet
   Replaces all inline FrontPage 3.0 styling
   ============================================ */

/* --- Base / Body --- */
body {
  background-image: url('_themes/nature/nabkgnd.jpg');
  background-color: #FFFFFF;
  color: #000000;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  /* Preserve default browser margin (8px) matching quirks-mode rendering */
}

a:link    { color: #FF6600; }
a:visited { color: #660099; }
a:active  { color: #00CC00; }

/* --- Headings --- */
h1, h2 {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

h1 {
  color: #009966;
}

h2 {
  color: #006666;
}

/* Data page headings (Births/Deaths/Marriages) */
.page-title {
  text-align: center;
  color: #009966;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  margin-bottom: 0;
}

.page-subtitle {
  text-align: center;
  color: #009966;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  margin-top: 0;
  font-size: 2em;
}

/* Home page title */
.home-content {
  margin: 0 40px;
  text-align: center;
}

.home-title {
  text-align: center;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #009500;
  font-size: xx-large;
  font-weight: bold;
}

.home-subtitle {
  text-align: center;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #009500;
  font-size: x-large;
  font-weight: bold;
}

/* --- Section headings within data pages --- */
h4 {
  color: #009966;
  font-family: Arial, sans-serif;
}

/* --- Images --- */
img {
  border: 0;
}

.decorative-rule {
  display: block;
  margin: 0 auto;
}

.family-photo {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  width: 800px;
}

.census-map {
  width: 395px;
  max-width: 100%;
  height: auto;
}

/* --- Data Tables (Births/Deaths/Marriages) --- */
.data-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #996600;
}

.data-table th,
.data-table td {
  border: 1px solid;
  border-color: #CC9966 #996600 #996600 #CC9966;
  padding: 1px 2px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: small;
}

.data-table th {
  background-color: #FFC0C0;
  text-align: center;
  font-family: Arial, sans-serif;
}

/* Marriages pages use slightly different header colours */
.data-table.marriages th {
  background-color: #FFD7DD;
}

.data-table.marriages2 th {
  background-color: #FED3D7;
}

/* Column alignment */
.data-table .col-year,
.data-table .col-qtr,
.data-table .col-vol,
.data-table .col-page,
.data-table .col-notes,
.data-table .col-age {
  text-align: center;
}

.data-table .col-name,
.data-table .col-surname,
.data-table .col-district {
  text-align: left;
}

.data-table td {
  vertical-align: bottom;
}

/* --- Registration District Colour Coding --- */
.district-navy     { color: #000080; }  /* East London */
.district-maroon   { color: #800000; }  /* South London */
.district-green    { color: #008000; }  /* Northamptonshire */
.district-blue     { color: #0000FF; }  /* SE Essex */
.district-purple   { color: #800080; }  /* West Midlands */
.district-salmon   { color: #FF8080; }  /* Yorkshire */
.district-red      { color: #FF0000; }  /* Occasional highlighting */
.district-dkpurple { color: #400040; }  /* Certificate held */

/* --- Navigation Table --- */
.nav-table {
  margin: 1em auto;
  border: 4px outset #CC9966;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #B0FFD8;
}

.nav-table th,
.nav-table td {
  width: 100px;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  border: 1px inset #CC9966;
  font-family: sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.nav-table th {
  background-color: #B0FFD8;
}

.nav-header-births    { color: #FF8080; }
.nav-header-marriages { color: #008080; }
.nav-header-deaths    { color: #800080; }

.nav-table a {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

/* --- Intro / Explanation Text --- */
.intro-text {
  font-family: Arial, sans-serif;
}

/* --- Footer --- */
.return-link {
  font-family: Arial, sans-serif;
  font-size: large;
}

.attribution {
  font-size: small;
  font-style: italic;
}

/* --- Home Page --- */
.home-footer {
  text-align: center;
  font-size: small;
}

/* --- Howard Index Page --- */
.howard-list {
  list-style-image: url('howard/anabull1.gif');
  padding-left: 42px;
}

.howard-list > li {
  margin-bottom: 0.3em;
}

.howard-list ul {
  list-style-image: url('howard/anabull2.gif');
  padding-left: 42px;
}

.image-table {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #996600;
  border-collapse: collapse;
}

.image-table td {
  padding: 2px;
  text-align: center;
}

/* Yorkshire explanation colour used inside h4 */
.yorkshire-note {
  color: #FF8080;
  font-family: Arial, sans-serif;
}

/* Vol column heading colour in explanations */
.vol-heading {
  color: #008080;
}

/* --- Utility classes (replacing inline styles) --- */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-xxsmall {
  font-size: xx-small;
}