body {font-size: 12px; line-height: 1.5em; margin: 0; padding: 0 }
h1 {margin: 0; font-size: 1.6666666666666667em; line-height: 0.9em; margin-bottom: 0.9em}
h2 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em}
h3 {margin: 0; font-size: 1.3333333333333333em; line-height: 1.125em; margin-bottom: 1.125em}
h4 {margin: 0; font-size: 1.1666666666666667em; line-height: 1.2857142857142858em; margin-bottom: 1.2857142857142858em}
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em}
p.small {margin: 0; font-size: 0.8333333333333334em; line-height: 1.8em; margin-bottom: 1.8em}
table {border-collapse: collapse; margin-bottom: 1.5em}
#mobile-notice {display: none}
body { font-family: "Myriad Web Pro", Helvetica, Arial, sans-serif; text-align: center; color: #888}
a {color: #333; text-decoration: none}
a:hover {text-decoration: underline}
#container {width: 960px; text-align: left; margin: 0 auto}
#footer {border-top: 0.4167em solid #c1c1c1; padding-top: 1.0833em; clear: both}
#footer .copyright {text-align: center}
#feedburner {float: right}
.ui-tabs-hide {display: none}
#header {margin: 1.5em 0 1.5em; color: #333; letter-spacing: 1px}
#header .site-title {font-size: 1.6667em; margin: 0; display: inline; font-weight: bold}
#header .site-title a {display: block; float: left; width: 68px; height: 24px; background: url(/images/ruby5.gif) 0 0 no-repeat; text-indent: -5000em}
#header .slogan {display: inline; font-size: 1.4167em; line-height: 1.0588em; margin: 0 0 0 10em}
#header .feedback {float: right}
#header .feedback a {font-style: italic}
.episodes-index {}
.episodes-index h2 {margin: 0; font-size: 1em; line-height: 1.5em; text-transform: lowercase; clear: both}
.episodes-index h3, .episodes-search h3 {display: inline; margin: 0; font-weight: bold}
.episodes-index .summary, .episodes-search .summary {color: #666}
.episodes-index .episode {width: 38em; height: 10.5em; margin-right: 2em; float: left}
.episodes-index .thumbnail, .episodes-search .thumbnail {float: left; margin: 0 0.5em 0 0; border: 2px solid #ccc}
.episodes-index .published-at, .episodes-search .published-at {color: #aaa}
.episodes-index .pagination {clear: both; text-align: center}
.episodes-search {}
.episodes-search .story {clear: both}
.episodes-search .thumbnail {margin-bottom: 1.5em}
.episodes-search .episode {font-weight: normal; font-size: 0.6667em; line-height: 1.5em; margin-left: 0.5em}
#current-episode {}
#current-episode .heading {color: #333; border-bottom: 0.4167em solid #333; padding-bottom: 1.0833em}
#current-episode .heading .title {font-size: 2.9167em; line-height: 1.0286em; margin-bottom: 0.5143em; letter-spacing: 1px; font-weight: bold}
#current-episode .heading .player {width: 240px; text-align: center; float: right}
#current-episode .heading .length {font-size: 5.3333em; line-height: 0.8437em; font-weight: bold; letter-spacing: 1px}
#current-episode .heading .media-links {margin-top: 1.5em; display: block}
.media-links .itunes {padding: 4px 2px 2px 22px; background: url("/images/itunes.gif") 2px 0 no-repeat; color: #2282e3}
.media-links .rss {padding: 4px 0 2px 22px; background: url("/images/rss.gif") 2px 0 no-repeat; color: #e06f2e}
.stories-listing {margin: 1.3333em 0 1.6667em; width: 230px; overflow: hidden; float: left}
.stories-listing li {font-size: 1.6667em; line-height: 0.9em; margin-bottom: 0.9em}
.stories-listing a {color: #838383}
.stories-listing a.story-link:hover, .stories-listing .active a.story-link, .stories-listing .ui-state-active a.story-link {color: #333; text-decoration: none; border-bottom: 3px solid #c1c1c1}
.stories-listing .comment-count {font-size: 0.6em; line-height: 1.5em}
.story-content {margin-left: 240px; color: #333}
.story-content .title {font-size: 2em; line-height: 1.5em; padding-top: 0.2917em; margin-bottom: 0.4583em}
.story-content .sidebar {float: right; text-align: center; margin: 1.6364em; margin-right: 0}
.story-content .thumbnail {border: 3px solid #c1c1c1}
.story-content .activities {margin: 1.5em 0; visibility: hidden; height: 1.5em}
.story-content .activities li {float: left; margin-right: 1em}
.story-content:hover .activities {visibility: visible}
.story-content a {color: #2282e3}
#episode-sponsor {background-color: #faf9dc; padding: 0.6667em 0; text-align: center; border-bottom: 0.1667em solid #ededed; margin: 0}
.stories {margin-top: 1.5em; padding-bottom: 1.5em}
#episode-search {clear: both}
#episode-search-form {border-top: 1px solid #ededed; padding-top: 0.6667em; padding-bottom: 0.6667em}
#episode-search-field {width: 220px; margin-right: 10px}
#past-episodes {clear: both; border-top: 0.4167em solid #333; padding-top: 1.0833em}
#past-episodes .episode a {color: inherit}
#past-episodes .episode a:hover {color: #333; text-decoration: none; border-bottom: 0.25px solid #c1c1c1}
#past-episodes .episode {float: left; width: 220px; margin-right: 20px}
#past-episodes .episode:hover {color: #333; text-decoration: none}
#past-episodes .summary {font-size: 0.9167em; line-height: 1.6364em}
.archive-link {display: block; float: right; color: #333; font-weight: bold; text-transform: lowercase; margin-top: 0.6667em}
.hosts {margin-bottom: 0}
.host {margin: 0 0.75em 0 0}
.host img {margin-right: 0.15em; border: 1px solid #ededed}
#media-control {cursor: pointer}
#player {display: block; width:175px; height:18px; margin: 0 auto}
#story-rotator-message {left: 0; bottom: 0; position: fixed; text-align: center; width: 100%; z-index: 9999; background-color: #800000; border-top: 2px solid #a66; line-height: 4em; color: #fff}
#story-rotator-message a {color: #bbb}
#story-rotator-message .close {float: right; margin-right: 0.5em}
 #disqus_thread {margin: 0 0 2em !important}
#dsq-content a {color: #333}
#dsq-comments-title {clear: none !important; float: left !important}
#dsq-comments-title h3 {font-size: 1em; line-height: 1.5em; margin: 0}
#dsq-content .dsq-options {clear: none !important; float: right; padding-bottom: 0 !important; margin-bottom: 0 !important; background: none !important}
#dsq-content .dsq-thread-settings {clear: none !important}
#dsq-comments {padding-top: 1.5em !important; border-top: 1px solid #ededed !important; clear: right}
.dsq-comment {margin-bottom: 1.5em !important; margin-left: 0 !important}
#dsq-comments .child {margin-left: 32px !important}
.dsq-comment-header {background: none !important}
#dsq-content .dsq-comment-header-meta a {color: #838383 !important}
.dsq-comment-cite, .dsq-comment-header cite {font-weight: normal !important; font-size: 1em !important}
#dsq-content .dsq-comment-cite a, #dsq-content .dsq-comment-header cite a {color: #333 !important}
.dsq-comment-header-time {padding-left: 1.5em !important}
.dsq-avatar img {height: 18px !important; width: 18px !important}
#dsq-content .dsq-comment-message {margin-top: 0 !important}
.dsq-comment-body {border-left: 1px solid #ededed !important; padding-left: 5px !important; margin-left: 45px !important; color: #a1a1a1 !important}
.child .dsq-comment-body {margin-left: 13px !important}
.dsq-comment-message {margin-bottom: 0 !important}
#dsq-content .dsq-comment-footer {border-left: 1px solid #ededed !important; padding: 0 0 0 5px !important; margin: 0 0 0 45px !important}
#dsq-content .child .dsq-comment-footer {margin: 0 0 0 13px !important}
button.dsq-button, button.dsq-button-small {border: 1px solid #b1b1b1 !important; color: #777 !important}
#dsq-content .dsq-login-buttons {padding: 1em 0 3em !important}
#dsq-content .dsq-login-buttons li:last-child {clear: none !important}
#job {clear: right; margin: 5em 0 2em 0;  }
#job p {margin-bottom: 0}
#job a {text-decoration: underline; color: #585858}
#job em {font-weight: bold}