/*
  Shared site stylesheet for eim.ie
  Centralized from per-page embedded CSS blocks.
*/

body {
  background-color: #1C3A2E;
  color: #EBF5EE;
  font-family: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', Verdana, Arial, sans-serif;
  font-size: 11px;
  margin: 4px;
  padding: 0;
}
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background-color: #142820;
  color: #EBF5EE;
  border: 2px solid #CAC6F9;
  padding: 6px 10px;
  z-index: 1000;
  text-decoration: underline;
}

.skip-link:focus,
.skip-link:active {
  left: 8px;
  top: 8px;
}

.top-banner {
  background-color: #142820;
  color: #CAC6F9;
  text-align: center;
  padding: 3px 10px;
  border-bottom: 1px solid #2A4438;
  font-size: 10px;
}

.site-title {
  color: #CAC6F9;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 4px 0;
}

a:link {
  color: #CAC6F9;
  text-decoration: underline;
}

a:visited {
  color: #7A72BD;
  text-decoration: underline;
}

a:hover {
  color: #EBF5EE;
  text-decoration: underline;
}

a:active {
  color: #EBF5EE;
}

a:focus {
  outline: 2px solid #CAC6F9;
  outline-offset: 2px;
}

td {
  font-family: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', Verdana, Arial, sans-serif;
  font-size: 11px;
}

.navbox {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  padding: 5px;
}

.navbox a {
  color: #CAC6F9;
  font-weight: bold;
  display: block;
  padding: 2px 0;
  text-decoration: none;
}

.navbox a:hover {
  color: #EBF5EE;
  text-decoration: underline;
}

.navbox a:focus {
  text-decoration: underline;
}

.sectionhead {
  background-color: #142820;
  color: #CAC6F9;
  font-weight: bold;
  padding: 3px 6px;
  border-left: 3px solid #7A72BD;
  font-size: 11px;
}

.contentbox {
  background-color: #0F1F18;
  border: 1px solid #2A4438;
}

.contentinner {
  padding: 10px;
  line-height: 1.65;
}

.footer-table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.footer-cell {
  text-align: center;
  padding: 6px;
}

.footer-text {
  font-family: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #7A72BD;
}

.footer-text a:link,
.footer-text a:visited {
  color: #CAC6F9;
  text-decoration: underline;
}

.footer-text a:hover,
.footer-text a:active {
  color: #EBF5EE;
  text-decoration: underline;
}

.postitem {
  border-bottom: 1px dotted #2A4438;
  padding: 7px 0;
}

.postdate {
  color: #7A72BD;
  font-size: 10px;
}

.tag {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  color: #CAC6F9;
  font-size: 10px;
  padding: 1px 4px;
}

.year-divider {
  background-color: #0F1F18;
  border-left: 3px solid #7A72BD;
  color: #CAC6F9;
  font-weight: bold;
  padding: 2px 6px;
  margin: 8px 0 2px 0;
  font-size: 10px;
}

.photo-frame {
  background-color: #0A1810;
  border: 1px solid #7A72BD;
  padding: 6px;
  text-align: center;
}

.photo-placeholder {
  background-color: #142820;
  border: 1px dashed #7A72BD;
  color: #7A72BD;
  font-size: 10px;
  padding: 40px 8px;
  text-align: center;
}

.photo-caption {
  color: #CAC6F9;
  font-size: 10px;
  padding: 6px 4px 2px 4px;
  display: block;
}

.photo-caption-ga {
  color: #CAC6F9;
  font-size: 10px;
  display: block;
}

.photo-caption-en {
  color: #7A72BD;
  font-size: 10px;
  font-style: italic;
  display: block;
}

.credit-row {
  border-bottom: 1px dotted #2A4438;
  padding: 6px 0;
}

.credit-row:last-child {
  border-bottom: none;
}

.license {
  background-color: #0A1810;
  border: 1px solid #7A72BD;
  color: #CAC6F9;
  font-size: 10px;
  padding: 1px 4px;
}

.callout-red {
  background-color: #1A0A0A;
  border-left: 3px solid #CC3300;
  color: #EBF5EE;
  padding: 8px 10px;
  margin: 10px 0;
}

.callout-red strong {
  color: #FF9999;
}

.callout-yellow {
  background-color: #1A1505;
  border-left: 3px solid #D4A017;
  color: #EBF5EE;
  padding: 8px 10px;
  margin: 10px 0;
}

.callout-yellow strong {
  color: #FFD966;
}

.tip {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  color: #CAC6F9;
  padding: 6px 8px;
  margin: 8px 0;
}

.tip strong {
  color: #CAC6F9;
}

h2 {
  color: #CAC6F9;
  font-size: 14px;
  border-bottom: 1px solid #2A4438;
  padding-bottom: 3px;
  margin: 14px 0 6px 0;
}

h3 {
  color: #7A72BD;
  font-size: 12px;
  margin: 12px 0 4px 0;
}

p {
  margin: 0 0 8px 0;
}

b,
strong {
  color: #EBF5EE;
}

em,
i {
  color: #CAC6F9;
}

li {
  margin-bottom: 5px;
}

blockquote {
  border-left: 3px solid #7A72BD;
  margin-left: 8px;
  padding: 5px 5px 5px 10px;
  color: #CAC6F9;
  background-color: #0F1F18;
}

.notice {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  padding: 8px;
  margin: 8px 0;
}

.goodday {
  background-color: #0F1F18;
  border-left: 3px solid #7A72BD;
  padding: 6px 8px;
  margin: 4px 0;
}

.hardday {
  background-color: #1A0A0A;
  border-left: 3px solid #CC3300;
  padding: 6px 8px;
  margin: 4px 0;
}

.angry {
  color: #FF6666;
  font-weight: bold;
}

.law {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  padding: 8px;
  margin: 6px 0;
  font-size: 10px;
  color: #CAC6F9;
}

.cta {
  background-color: #0A1810;
  border: 2px solid #7A72BD;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
}

.shoutout {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  padding: 8px;
  margin: 6px 0;
}

.howto {
  background-color: #0F1F18;
  border: 1px solid #7A72BD;
  padding: 8px;
  margin: 6px 0;
}

.article-body {
  font-size: 13px;
  line-height: 1.65;
}

.article-body ul {
  margin-top: 4px;
}

.article-body li p {
  margin: 0 0 5px 0;
}

.article-license {
  color: #CAC6F9;
  font-size: 11px;
}

.article-divider {
  border-top: 1px solid #2A4438;
  height: 1px;
  margin: 14px 0;
  overflow: hidden;
}

.bilingual-en {
  color: #CAC6F9;
  font-style: italic;
}

.highlight {
  background-color: #0A1810;
  border: 1px solid #7A72BD;
  padding: 10px;
}

.legal-meta {
  background-color: #0A1810;
  border: 1px solid #7A72BD;
  color: #CAC6F9;
  padding: 8px;
  margin: 0 0 10px 0;
}

.legal-section {
  border-bottom: 1px dotted #2A4438;
  padding-bottom: 10px;
  margin-bottom: 8px;
}

.legal-section:last-child {
  border-bottom: none;
}

.legal-en {
  color: #CAC6F9;
  font-style: normal;
}

@media (min-width: 1100px) {
  body,
  td {
    font-size: 13px;
  }

  table[role="presentation"][width="760"] {
    width: 1040px !important;
  }

  table[role="presentation"][width="145"],
  td[width="145"] {
    width: 180px !important;
  }

  .top-banner,
  .footer-text,
  .postdate,
  .tag,
  .year-divider,
  .photo-caption,
  .photo-caption-ga,
  .photo-caption-en,
  .license {
    font-size: 12px;
  }

  .site-title {
    font-size: 32px;
  }

  .sectionhead {
    font-size: 13px;
    padding: 6px 10px;
  }

  .contentinner {
    padding: 16px;
    line-height: 1.7;
  }

  .contentinner font[size="1"] {
    font-size: 12px;
  }

  .contentinner font[size="2"] {
    font-size: 15px;
  }

  .navbox {
    padding: 8px;
  }

  .navbox a {
    padding: 4px 0;
  }

  h2 {
    font-size: 17px;
  }

  h3 {
    font-size: 14px;
  }

  .article-body {
    font-size: 15px;
  }

  .article-license {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  body,
  td {
    font-size: 14px;
  }

  table[role="presentation"][width="760"] {
    width: 1120px !important;
  }

  .sectionhead {
    font-size: 14px;
  }

  .contentinner font[size="2"],
  .article-body {
    font-size: 16px;
  }
}

@media (max-width: 820px) {
  body {
    margin: 0;
    font-size: 13px;
  }

  .top-banner {
    font-size: 11px;
    line-height: 1.4;
  }

  table[role="presentation"][width="760"] {
    width: 100% !important;
  }

  table[role="presentation"][width="760"] > tbody > tr > td {
    display: block;
    width: auto !important;
  }

  table[role="presentation"][width="145"] {
    width: 100% !important;
  }

  .navbox a {
    padding: 6px 2px;
  }
}