/* Skeleton (+ normalize) handles typography, grid, and spacing.
   This is only the handful of things specific to toby.tube. */

.site-title { margin-top: 3rem; }
.site-title a { text-decoration: none; }

.date { color: #999; font-size: 0.9rem; margin-top: -0.5rem; }

.embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  margin: 1.5rem 0;
  background: #000;
  border-radius: 4px;
  overflow: hidden;
}
.embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.content blockquote {
  border-left: 3px solid #E1E1E1;
  padding-left: 1rem;
  color: #333;
}

.back { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #E1E1E1; font-size: 0.9rem; }

.post-list { list-style: none; margin: 0; padding: 0; }
.post-list li { padding: 0.25rem 0; }
.post-list a { text-decoration: none; font-weight: 600; }
.post-list .date { display: block; font-size: 0.85rem; font-weight: normal; margin-top: 0.1rem; }

.loading { color: #999; padding: 0.75rem 0; }
li {text-style:none;}