/* This imports the Base Weblog CSS from TypePad, which defines core styles */
@import url(/.shared/themes/common/base-weblog.css);
/* Theme */
@import url(/.shared/themes/vox/basic-plain-black/screen.css);

body {
  font-family: Helvetica, "Helvetica Neue", Verdana, sans-serif;
  text-rendering: optimizeLegibility;
}

h1, h2 { font-weight: normal; }

#pagebody {
  background-color: #111111;
  margin-top: 0;
  padding-top: 20px;
  border-bottom: 1px solid #444444;
}

.layout-three-column-right #alpha {
 width: 225px;
}
.layout-three-column-right #beta {
 width: 525px;
}

#banner-header {
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 37px; font-weight: normal;
  margin-top: 10px;
  text-shadow: 0 0 6px #aa6600;
}
#banner-header a { font-weight: normal; }
#banner-header a:hover { text-decoration: none; text-shadow: 0 0 7px #ffbb11; }

#banner-description {
  color: #888888;
  margin-left: 4em; margin-top: 1em;
  font-size: 11px;
  font-style: italic;
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, sans-serif;
}

* html #banner { height: 105px; }
#banner {
  min-height: 105px;
  background-color: #111111;
  background-image: url(http://www.defocus.net/mainlogo.png);
  background-repeat: no-repeat;
  background-position: 92% 45%;
}
#banner-inner { padding-bottom: 0; padding-top: 13px; }

.entry-header {
  font-family: "Helvetica Narrow", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  padding-bottom: 15px;
  color: #cccc99;
}
.entry-header a {
  color: #cccc99;
}
.entry-header a:hover {
  color: #eeeebb;
}
.entry-header-excerpt { font-size: 19px; }

.entry-content { line-height: 1.3; color: #cccccc; }
.entry-content img { margin-bottom: 15px; margin-left: 1em; }
.entry-content a { color: rgb(138,175,232); }

.entry-footer { color: #998f8f; }
.entry-footer a { color: rgb(128, 163, 188); }

.entry h3, .entry h4 {
  font-family: "Helvetica Narrow", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 12px;
  color: #cccc99;
}

.entry a img { border: 1px solid #111111; }
.entry a img:hover { border: 1px solid #444444; }

strong { font-weight: normal; color: #ffcc88; }

.img-right { float: right; clear: right; }
.img-left { float: left; clear: left; margin-right: 1em; }
.img-center { text-align: center; clear: both; }
.img-right, .img-left, img-center { margin-bottom: 1em; }
.entry-content .img-right img, .entry-content .img-left img, entry-content .img-center img { margin-bottom: 0.4em; }
.img-right p, .img-left p, .img-center p {
  margin-left: 1em;
  text-align: center;
  color: #aaaaaa;
}
.entry-icon {
  float: right; clear: right;
  position: relative; top: -40px;
  margin-bottom: -40px;
}
.img-comment { padding-top: 1em; }

p.caption { margin: 0 1em 2em 1em; text-align: center; }
blockquote { margin-left: 1.5em; padding-left: 1.5em; border-left: 1px dotted #333333; }

.entry ul { margin: 2em 2em 2em 1em; }
.entry ul li { margin-bottom: 0.5em; }

.content-header {
  font-weight: normal; text-align: center;
  font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, sans-serif;
  color: rgb(230,230,210);
}

.nav-list-item a {
  text-decoration: none;
  font-weight: bold;
  color: #bbbb88;
  margin-left: 1em; margin-right: 1em;
  width: 100%;
}
.nav-list-item a:hover {
  color: #eeeebb;
}
#notice {
  padding-top: 0.5em; padding-bottom: 0.5em;
  border-bottom: 1px solid #333333;
  text-align: center;
  color: #ddaaaa;
  font-size: 12px;
  line-height: 1.4;
}

.module-header, .module .module-header a, .module-header .edit a {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}
.module-content a { color: rgb(128, 175, 222); }

.archive-picks .archive-list-item { line-height: 1.4; }
.archive-list-item span { display: block; margin-left: 1em; }

.comment-by-owner { background-color: #1c0000 !important;
  border: 1px solid #400000; }

.img-thumb { clear: right; }

#tpe-content > div > a[href*=typepad] { display: none; }

@media only screen and (device-width: 768px) and (orientation:portrait) {
  #beta { display: none; }
  #container { width: 768px; }
  #banner { width: 768px; }
  #alpha, .layout-two-column-right #alpha { width: 768px; }
 .layout-three-column-right #alpha { width: 210px; }
 .layout-three-column-right #beta { display: block; width: 357px; padding-right: 10px; }
 .layout-three-column-right #gamma { width: 190px; }
}

/* ph=1 */