/* ==========================================================
   SamPratt.com legacy Typepad theme CSS (self-contained)
   Replacement for styles_v=6.css
   - Removes broken Typepad @imports
   - Fixes syntax errors
   - Reintroduces two-column-right floats + centered container
   ========================================================== */

/* ----------------------------------------------------------
   Base (Typepad) imports — DISABLED because URLs are dead now
   ---------------------------------------------------------- */
/*
@import url(https://static.typepad.com/.shared/themes/common/base-weblog.css?v=2);
@import url(https://static.typepad.com/.shared/themes/common/bxslider.css);
@import url(https://static.typepad.com/.shared/css/widgets.css);
@import url(https://static.typepad.com/.shared/themes/common/recentpostsfancy.css);
@import url(https://static.typepad.com/.shared/themes/common/tipjar.css);
*/

/* ----------------------------------------------------------
   Basic reset / utility helpers (replaces what base-weblog did)
   ---------------------------------------------------------- */

/* A simple clearfix similar to Typepad's .pkg behavior */
.pkg::after {
  content: "";
  display: table;
  clear: both;
}

/* Some Typepad templates expect this to exist */
.pkg { /* no-op, but kept for compatibility */ }

/* Normalize images a bit */
img { max-width: 100%; height: auto; }

/* ----------------------------------------------------------
   General page elements
   ---------------------------------------------------------- */

a {
  text-decoration: none;
  font-weight: bold;
}

a:link    { color: #999999; }
a:visited { color: #999999; }
a:hover   { color: #888800; }
a:active  { color: #999999; }

/* ----------------------------------------------------------
   Layout fundamentals
   ---------------------------------------------------------- */

body {
  margin: 0;
  color: #444444;
  background: #FFFFFF;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-size: medium;
  line-height: 150%;
}

/* Center the main page container in the browser window */
#container {
  position: static;
  margin-left: auto;
  margin-right: auto;
}

/* Keep container-inner simple */
#container-inner {
  position: static;
  border: 0;
  background: #FFFFFF;
}

/* banner */
#banner {
  border: 0;
  height: 1%; /* legacy IE behavior; harmless now */
  color: #FFFFFF;
  background: #FFFFFF;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a {
  color: #FFFFFF;
  text-decoration: none;
}

#banner-header {
  margin: 0.25em 0;
  font-size: xx-large;
  font-weight: bold;
}

#banner-description {
  margin: 0.25em 0;
  font-size: small;
}

/* banner image */
#banner {
  height: 414px;
  background-image: url("../a/6a00d83454ca3969e2016766e945a3970b.gif");
  background-position: 15px 15px;
  background-repeat: no-repeat;
  text-align: left;
}

#banner-inner { overflow: visible; padding: 0; }

#banner-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#banner-header a {
  display: block;
  left: 0;
  top: 0;
  height: 414px;
  text-indent: -1000em;
}

#banner-description {
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -1000em;
}

/* ----------------------------------------------------------
   Default widths (these get overridden by specific layout rules)
   ---------------------------------------------------------- */

#container { width: 780px; }

/* ----------------------------------------------------------
   Critical: two-column-right layout mechanics
   (This is what likely died when base-weblog.css stopped loading)
   ---------------------------------------------------------- */

/* Ensure the pagebody wraps the columns */
#pagebody,
#pagebody-inner {
  width: 100%;
}

/* Make the two columns actually float */
.layout-two-column-right #alpha { float: left; }
.layout-two-column-right #beta  { float: right; }

/* Provide safe defaults so the sidebar won’t drop */
.layout-two-column-right #alpha,
.layout-two-column-right #beta {
  display: block;
}

/* Your legacy spec for two-column-right (later overridden by your custom section too) */
.layout-two-column-right #container { width: 650px; }
.layout-two-column-right #alpha     { width: 500px; }
.layout-two-column-right #beta      { width: 150px; }

.layout-two-column-right #alpha-inner,
.layout-two-column-right #beta-inner {
  border: 0;
  padding: 15px 15px 15px 15px;
  background: #FFFFFF;
}

/* ----------------------------------------------------------
   Other legacy layout variants (kept, but not central to your pages)
   ---------------------------------------------------------- */

.layout-artistic #alpha,
.layout-calendar #alpha { width: 315px; }

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner {
  border: 0;
  padding: 15px;
  background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta { width: 465px; }

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner {
  border: 0;
  padding: 15px;
  background: #FFFFFF;
}

/* timeline tweaks */
.layout-timeline #alpha { width: 390px; }
.layout-timeline #beta  { width: 390px; }

/* one-column tweaks */
.layout-one-column #container { width: 500px; }
.layout-one-column #alpha {
  display: block;
  float: none;
  width: auto;
}
.layout-one-column #alpha-inner {
  border: 0;
  padding: 15px;
  background: #FFFFFF;
}

/* ----------------------------------------------------------
   Content styles
   ---------------------------------------------------------- */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
  margin: 0 0 10px 0;
  border: 0;
  color: #CCCCCC;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  text-align: left;
  text-transform: uppercase;
}

.entry-header {
  margin: 1px 0 10px 0;
  border: 0;
  color: #767676;
  font-family: Georgia, "Times New Roman", serif;
  font-size: x-large;
  line-height: normal;
  text-align: left;
  font-weight: bold;
}

.entry-header a {
  text-decoration: none;
  font-weight: bold;
}
.entry-header a:link,
.entry-header a:visited,
.entry-header a:hover,
.entry-header a:active { color: #767676; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content {
  margin: 10px 0;
}

.entry-content p { text-align: justify; }

.entry-footer,
.trackback-footer,
.comment-footer {
  margin: 0 0 10px 0;
  border: 0;
  color: #CCCCCC;
  font-family: Helvetica, Arial, sans-serif;
  font-size: x-small;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
}

#comment-author,
#comment-email,
#comment-url,
#comment-text { width: 80%; }

/* fixes bug in ie win */
img.image-full {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/* ----------------------------------------------------------
   Modules
   ---------------------------------------------------------- */

.module a {
  text-decoration: none;
  font-weight: inherit;
}

.module a:link    { color: #9A9A9A; }
.module a:visited { color: #9A9A9A; }
.module a:hover   { color: #999900; }
.module a:active  { color: #9A9A9A; }

.module-header {
  margin: 5px 0;
  border: 0;
  color: #BBBBBB;
  font-family: Helvetica, Arial, sans-serif;
  font-size: x-small;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-align: left;
}

.module-content {
  margin: 5px 0 20px 0;
  color: #9A9A9A;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small;
  line-height: 150%;
  text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }

.module img,
.module-photo img { border: 0; }

.module-photo .module-content { text-align: left; }

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

/* ----------------------------------------------------------
   Custom CSS (your original section, cleaned + fixed)
   ---------------------------------------------------------- */

body {
  background-repeat: no-repeat;
  background-attachment: fixed; /* fixed: removed stray 'f' */
  background-position: top left;
  background-image: url(images/grayback.jpg);
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
  font-family: "Bitter", serif;
}

/* your banner adjustments */
#banner { background-position: -63px 0px; width: 800px; height: 400px; background-color: transparent; margin-top: 0px; }
#banner-inner { overflow: visible; padding: 0; }
#banner a:hover { border-bottom: 0px dotted #fff; }

/* Your preferred column widths for layout-two-column-right */
.layout-two-column-right #alpha { width: 600px; }
.layout-two-column-right #beta  { width: 250px; }

/* Your preferred overall container width */
#container       { width: 900px; background-color: transparent !important; }
#container-inner { width: 900px; background-color: transparent !important; }
#alpha           { background-color: transparent !important; }
#alpha-inner     { background-color: transparent !important; }
#beta            { background-color: transparent !important; }
#beta-inner      { background-color: transparent !important; }

.date-header {
  font-family: "Roboto Condensed", sans-serif;
  text-align: left;
  font-size: 12px;
  margin: 10px 30px 10px 0px;
  line-height: 100%;
  letter-spacing: .25em;
  font-weight: bold;
  color: #bb990;
  text-transform: uppercase;
  border-top: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
  padding: 4px;
}

.photo-caption { text-align: center; }

.entry-content { margin: 0px 0px 20px 0px; }

.entry-content p { margin: 0px 0px 14px 0px; }

.entry-header {
  font-family: "Hepta Slab", serif;
  font-size: 26px;
  margin: 10px 0px 15px 0px;
  line-height: 100%;
  font-weight: 800;
  border: 0;
}

blockquote {
  padding: 18px;
  background-color: #FEFEFE;
  background: url(http://hudson.typepad.com/sam/images/background.jpg);
}

ol { padding-right: 30px; }
ol li { padding-bottom: 12px; }

.entry-body {
  font-family: "Bitter", serif;
  margin: 0px 30px 0px 0px;
  line-height: 130%;
  font-weight: 300;
  font-size: 17px;
  text-align: justify;
}

.entry ul li { padding-right: 35px; padding-bottom: 12px; }

.entry ol { padding-right: 30px; }
.entry ol li { padding-bottom: 12px; }

.content-header {
  font-family: "Bitter", sans-serif;
  text-align: left;
  font-size: 12px;
  margin: 20px 30px 20px 0px;
  line-height: 100%;
  letter-spacing: .25em;
  font-weight: bold;
  color: #bb990;
  text-transform: uppercase;
  border-top: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
  padding: 4px;
}

.entry-footer { margin: 0px 30px 0px 0px; }

.nav-list {
  margin: 0px 10px 0px 15px;
  font-family: "Roboto Condensed", sans-serif;
  text-align: left;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: .25em;
  font-weight: bold;
  color: #bb990;
  text-transform: uppercase;
  border-bottom: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
  padding: 4px;
}

.content-nav {
  font-family: "Roboto Condensed", sans-serif;
  text-align: left;
  font-size: 12px;
  margin: 30px 30px 10px 0px;
  line-height: 100%;
  letter-spacing: .25em;
  font-weight: bold;
  color: #bb990;
  text-transform: uppercase;
  border-top: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
  padding: 4px;
}

a:hover {
  color: #CC9900;
  border-bottom: 1px dotted #CCC;
}

.trackbacks-info,
.trackback-footer {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  line-height: 112%;
  padding: 12px;
  border-top: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
}

.comments-info,
.comment {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  color: #666;
  line-height: 120%;
  border-top: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
}

.comments-open-header,
.comment-open-header,
.comment-footer,
.comments-open-footer {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 9px;
}

.footer-list-item {
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
  font-size: 12px;
  margin: 20px 0px 20px 15px;
  line-height: 100%;
  letter-spacing: .25em;
  font-weight: bold;
  color: #bb990;
  text-transform: uppercase;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
  padding: 2px;
}

.module-list {
  line-height: 100%;
  font-family: "Roboto Condensed", sans-serif;
}

/* FIXED: these blocks were broken in your paste (missing closing braces) */
.module-header {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
}

.module-content {
  font-family: "Roboto Condensed", sans-serif;
}

/* FIXED: archive-header block now properly scoped and closed */
.archive-header {
  font-family: "Roboto Condensed", sans-serif;
  text-align: left;
  font-size: 12px;
  margin: 30px 20px 10px 0px;
  line-height: 100%;
  letter-spacing: .25em;
  font-weight: bold;
  color: #bb990;
  text-transform: uppercase;
  border-top: thin solid #EEEEEE;
  border-left: thin solid #EEEEEE;
  border-right: thin solid #EEEEEE;
  padding: 4px;
}

/* Books Typelist - Update to base file size and re-size to retain original visual spec */
.typelist-thumbnailed .typelist-thumbnail img { width: 100px; }

/* ph=1 */

/* ==========================================================
   FIX: Invisible banner overlay blocking clicks at top of page
   ========================================================== */

/* Anchor absolutely-positioned banner elements correctly */
#banner {
  position: relative;
}

/* Constrain the clickable banner overlay to the banner only */
#banner-header {
  height: 400px;        /* must match your banner height */
}

#banner-header a {
  height: 400px;        /* must match your banner height */
}

/* Ensure page content sits above the banner overlay */
#pagebody,
#pagebody-inner {
  position: relative;
  z-index: 2;
}

#banner,
#banner-inner,
#banner-header {
  z-index: 1;
}

/* ==========================================================
   Footer nav: single-line, centered, pipe separators
   Targets the actual footer UL used in templates
   ========================================================== */

#footer .footer-list {
  margin: 20px auto;
  padding: 15px 0 0 0;
  text-align: center;
  border-top: 1px solid #e5e5e5;   /* thin line above */
}

#footer .footer-list-item {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;                       /* remove your per-item borders */
}

/* Add separators between items */
#footer .footer-list-item + .footer-list-item::before {
  content: " | ";
  color: #999;
  padding: 0 10px;
}