/* ==========================================================
   ParentTechWatch — warm cream editorial blog, est. 2001
   "Technology for the modern family."
   Shared across all pages. Georgia/serif body, Verdana chrome.
   ========================================================== */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:#e9e3d4;
  font-family:Georgia,'Times New Roman',serif;
  font-size:15px; color:#2a2620; line-height:1.72;
}
.wrap {
  max-width:720px; margin:0 auto; background:#fffdf8;
  border-left:1px solid #ddd6c4; border-right:1px solid #ddd6c4;
  min-height:100vh;
}

/* masthead */
.head { background:#5a5040; color:#f4f1e8; padding:18px 28px 14px; border-bottom:5px solid #8a7d62; }
.head .title { font-size:30px; font-style:italic; font-weight:normal; letter-spacing:0.5px; }
.head .sub { font-size:11px; color:#cbc1a8; font-family:Verdana,Geneva,sans-serif; letter-spacing:1px; margin-top:2px; }

/* nav */
.nav { background:#6e6149; display:flex; flex-wrap:wrap; border-bottom:1px solid #4a4234; }
.nav a { color:#efe8d6; text-decoration:none; padding:8px 16px; font-size:11px; font-weight:bold;
  font-family:Verdana,Geneva,sans-serif; letter-spacing:0.5px; border-right:1px solid #5a5040; }
.nav a:hover { background:#4a4234; }
.nav a.active { background:#4a4234; color:#fff; }

/* breadcrumb */
.crumb { background:#f2ede1; padding:5px 28px; font-size:11px; color:#998b6f;
  font-family:Verdana,Geneva,sans-serif; border-bottom:1px solid #e4ddc8; }
.crumb a { color:#7a6a44; }

/* article body */
.body { padding:26px 28px; }
.meta { font-family:Verdana,Geneva,sans-serif; font-size:11px; color:#a59875;
  border-bottom:1px solid #e4ddc8; padding-bottom:8px; margin-bottom:18px; letter-spacing:0.3px; }
.meta a { color:#7a6a44; }

h1 { font-size:28px; color:#3a3428; margin-bottom:8px; line-height:1.22; font-weight:normal; }
h2 { font-size:19px; color:#4a4234; margin:24px 0 10px; font-weight:normal;
  border-bottom:1px solid #ece5d3; padding-bottom:4px; }
h3 { font-size:15px; color:#5a5040; margin:16px 0 4px; }
p { margin-bottom:15px; }
.lead { font-size:16px; color:#3a3428; }
.drift { color:#46402f; }
em { color:#3a3428; }
a { color:#7a6a44; }
blockquote { border-left:3px solid #c9bfa3; margin:0 0 15px; padding:2px 0 2px 16px;
  color:#5a513c; font-style:italic; }

/* pull / sidebar boxes */
.pull { background:#f5efe1; border:1px solid #e0d8c2; padding:12px 16px; margin:18px 0;
  font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#6a6048; line-height:1.6; }
.pull h4 { font-family:Georgia,serif; color:#5a5040; font-size:13px; margin-bottom:5px; }

/* blog index listing */
.entry { border-bottom:1px solid #ece5d3; padding:16px 0; }
.entry:first-of-type { padding-top:4px; }
.entry .etitle { font-size:19px; line-height:1.25; }
.entry .etitle a { text-decoration:none; }
.entry .etitle a:hover { text-decoration:underline; }
.entry .edate { font-family:Verdana,Geneva,sans-serif; font-size:11px; color:#a59875; margin:2px 0 6px; letter-spacing:0.3px; }
.entry .excerpt { font-size:14px; color:#46402f; }
.entry .tag { display:inline-block; font-family:Verdana,Geneva,sans-serif; font-size:10px;
  color:#8a7d62; background:#f2ede1; border:1px solid #e0d8c2; padding:0 6px; margin-top:6px; letter-spacing:0.5px; }
.entry.late .etitle a { color:#7a4a36; }
.entry.late .excerpt { color:#5a4034; }
.entry.dead .etitle a { color:#6a5a48; }
.entry .gone { font-family:Verdana,Geneva,sans-serif; font-size:10px; color:#a08; color:#9a5a3a; font-style:italic; }

/* comments */
.comments { margin-top:32px; border-top:2px solid #e4ddc8; padding-top:18px; }
.comments h2 { font-family:Verdana,Geneva,sans-serif; font-size:14px; color:#776a52; border:none; margin-bottom:14px; }
.comment { font-family:Verdana,Geneva,sans-serif; font-size:13px; background:#f6f2e8;
  border:1px solid #e4ddc8; padding:11px 15px; margin-bottom:11px; line-height:1.62; color:#3a352a; }
.comment .author { font-weight:bold; color:#5a5040; }
.comment .date { color:#b3a684; font-size:11px; }
.comment.late { background:#f4ece8; border-color:#d8c4b8; color:#4a3a32; }
.comment.late .author { color:#8a4a32; }

/* comment form */
.cform { margin-top:18px; background:#f5efe1; border:1px solid #e0d8c2; padding:14px 16px; font-family:Verdana,Geneva,sans-serif; }
.cform h3 { font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#6a6048; margin:0 0 8px; }
.cform label { display:block; font-size:11px; color:#776a52; margin:6px 0 2px; }
.cform input[type=text], .cform textarea {
  width:100%; font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#2a2620;
  background:#fffdf8; border:1px solid #cbbf9f; padding:5px 7px; }
.cform textarea { height:74px; resize:vertical; }
.cform button { margin-top:10px; font-family:Verdana,Geneva,sans-serif; font-size:12px; font-weight:bold;
  background:#6e6149; color:#f4f1e8; border:1px solid #4a4234; padding:5px 16px; cursor:pointer; }
.cform button:hover { background:#5a5040; }
.cform .fineprint { font-size:10px; color:#a59875; margin-top:8px; font-style:italic; }

/* sidebar widgets (about box, archive list) */
.widget { background:#f5efe1; border:1px solid #e0d8c2; padding:12px 15px; margin:18px 0;
  font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#6a6048; }
.widget h4 { font-family:Georgia,serif; color:#5a5040; font-size:14px; margin-bottom:8px;
  border-bottom:1px solid #e0d8c2; padding-bottom:4px; font-weight:normal; }
.widget ul { list-style:none; }
.widget li { padding:3px 0; border-bottom:1px dotted #ddd3ba; }
.widget li:last-child { border:none; }

/* 404 */
.notfound { padding:46px 28px; text-align:center; }
.notfound .code { font-size:72px; color:#cbbf9f; font-style:italic; line-height:1; }
.notfound h1 { border:none; margin:14px 0 12px; }
.notfound p { text-align:left; }

/* footer */
.foot { font-family:Verdana,Geneva,sans-serif; font-size:11px; color:#a59875; text-align:center;
  padding:18px 24px; border-top:1px solid #e4ddc8; line-height:1.8; background:#fbf8f0; }
.foot a { color:#7a6a44; }