/* ============================================================
   Zonelets "deepBlue" theme, adapted for the Murad Town blog.
   Original deepBlue by Marina Kittaka (Zonelets, CC0).
   Adapted to kiki: server-side layout, plus styles for the
   markdown posts (tables, code, blockquotes) and the kiki
   post-list / next-prev elements.
   ============================================================ */

body {
  background-color: #0245d7;
  background-image: url('bg_deepBlue.jpg');
  background-position: top;
  background-repeat: repeat-x;
  background-attachment: fixed;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

p {
  line-height: 1.6em;
}

img {
  max-width: 100%;
  height: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.right  { float: right; margin-left: 1em; }
.left   { float: left;  margin-right: 1em; }
.center { display: block; margin-right: auto; margin-left: auto; text-align: center; }
@media only screen and (min-width: 600px) {
  .small { max-width: 60%; height: auto; }
}
.caption { margin-top: 0; font-size: 0.9em; font-style: italic; }

a        { color: #0245d7; }
a:hover  { background-color: #c9f1fe; }

h1, h2, h3, h4, h5 {
  color: #3c445f;
  font-family: "Palatino Linotype", Palatino, Baskerville, "Baskerville Old Face", serif;
  line-height: 1.2em;
}

/* #CONTAINER is the rectangle that holds everything but the background */
#container {
  margin: 3em auto;
  width: 90%;
  max-width: 700px;
  background-color: white;
  color: #555;
  outline-color: #CCC;
  outline-style: ridge;
  outline-width: 4px;
  outline-offset: 0;
}

#content {
  padding: 10px 5% 20px 5%;
}

/* HEADER (navigation bar) */
#header {
  position: relative;
  background-color: #3c445f;
  padding: 0 5%;
  border-color: #CCC;
  border-style: ridge;
  border-width: 0 0 4px 0;
}
#header ul {
  list-style-type: none;
  padding: 0.5em 0;
  margin: 0;
}
#header li {
  font-size: 1.2em;
  display: inline-block;
  margin-right: 1.5em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
#header li a {
  color: white;
  font-family: "Palatino Linotype", Palatino, Baskerville, "Baskerville Old Face", serif;
  text-decoration: none;
  background-color: inherit;
}
#header li a:hover {
  text-decoration: underline;
  background-color: inherit;
}

/* small home icon at the left of the nav, beside "Blog / Arquivo" */
#header li.nav-home {
  margin-right: 1.2em;
  vertical-align: middle;
}
#header li.nav-home a,
#header li.nav-home a:hover {
  padding: 0;
  background: inherit;
}
#header li.nav-home img.home-icon {
  height: 1.3em;
  width: auto;
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}
#header li.nav-home img.home-icon:hover {
  opacity: 0.8;
}

/* POST TITLE + DATE (on a single post) */
#postTitleH1 { margin-bottom: 0.1em; }
#postDate {
  margin-top: 0;
  color: #8a8f9e;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0.04em;
}

/* POST LISTS (index recent list + archive) */
#postlistdiv ul,
#recentpostlistdiv ul,
ul.postlist {
  font-size: 1.2em;
  padding: 0;
  list-style-type: none;
}
ul.postlist li { margin-bottom: 0.35em; }
.postlist-date {
  font-size: 0.7em;
  color: #8a8f9e;
  font-family: "Courier New", monospace;
}
.moreposts { font-size: 0.8em; margin-top: 0.4em; }
.blog-empty { font-style: italic; color: #8a8f9e; }

/* NEXT / PREVIOUS LINKS */
#nextprev {
  text-align: center;
  margin-top: 1.8em;
  padding-top: 0.8em;
  border-top: 1px solid #e2e2e2;
}

/* FOOTER (colophon placeholder) */
#footer {
  font-size: 0.8em;
  padding: 0 5% 10px 5%;
}

/* --- markdown content extras (not in the original deepBlue) --- */

hr {
  border: none;
  border-top: 2px solid #d7dbe6;
  margin: 1.6em 0;
}

blockquote {
  margin: 1em 0;
  padding: 0.4em 1.1em;
  border-left: 4px solid #3c445f;
  background-color: #f3f5fb;
  color: #444;
}

code {
  font-family: "Courier New", monospace;
  font-size: 0.92em;
  background-color: #eef1f8;
  padding: 0.1em 0.35em;
  border-radius: 3px;
}
pre {
  background-color: #2b3147;
  color: #e7e9f0;
  padding: 0.9em 1.1em;
  overflow-x: auto;
  line-height: 1.45em;
}
pre code {
  background: none;
  color: inherit;
  padding: 0;
  font-size: 0.88em;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.1em 0;
  font-size: 0.95em;
}
th, td {
  border: 1px solid #cdd3e2;
  padding: 0.45em 0.7em;
  text-align: left;
}
thead th {
  background-color: #3c445f;
  color: white;
  font-family: "Palatino Linotype", Palatino, serif;
}
tbody tr:nth-child(even) { background-color: #f3f5fb; }