/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/* line 8, app/assets/stylesheets/authors.css.scss */
body#ficlets aside.author-meta {
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 10px 0 10px;
  margin: 10px 0 10px;
  border-bottom: 1px dotted #b8b8b8;
  font-size: 15px;
}

/* line 17, app/assets/stylesheets/authors.css.scss */
body#ficlets aside.author-meta .icon-container {
  flex: 0 0 80px;
}

/* line 20, app/assets/stylesheets/authors.css.scss */
body#ficlets aside.author-meta .author-mini-bio {
  flex: 1 1 auto;
}

/* line 22, app/assets/stylesheets/authors.css.scss */
body#ficlets aside.author-meta .author-mini-bio p {
  margin: 0 0 5px;
  padding: 0;
}

/* line 25, app/assets/stylesheets/authors.css.scss */
body#ficlets aside.author-meta .author-mini-bio p:last-child {
  margin-bottom: 0;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/* line 3, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

/* line 8, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview {
  margin: 0 0 15px;
}

/* line 11, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview h3.reviewer {
  display: flex;
  margin: 0 0 5px;
  padding: 0;
}

/* line 16, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview h3.reviewer a.url {
  flex: 0 0 25px;
  margin-right: 10px;
}

/* line 19, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview h3.reviewer a.url img {
  max-width: 25px;
  max-height: 25px;
}

/* line 24, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview h3.reviewer a.fn {
  flex: 1 1 auto;
}

/* line 29, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview blockquote {
  margin: 0;
  padding: 0;
}

/* line 34, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview:last-child {
  margin-bottom: 0;
}

/* line 38, app/assets/stylesheets/comments.css.scss */
body#ficlets #comments ul li.hreview ul.meta {
  margin: 5px 0 0;
  font-size: 11px;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/* line 8, app/assets/stylesheets/stories.css.scss */
body#ficlets aside.story-meta {
  float: right;
  max-width: 200px;
  padding: 10px;
  margin: 10px 0 10px 10px;
  background: #f6f5f0;
  font-size: 13px;
}

@media (max-width: 400px) {
  /* line 8, app/assets/stylesheets/stories.css.scss */
  body#ficlets aside.story-meta {
    float: none;
    max-width: 100%;
    margin-left: 0;
  }
}

/* line 24, app/assets/stylesheets/stories.css.scss */
body#ficlets div.story-body {
  font-size: 18px;
  border-bottom: 1px dotted #b8b8b8;
}

/* line 29, app/assets/stylesheets/stories.css.scss */
body#ficlets section.prequels-and-sequels {
  clear: both;
  display: flex;
  align-items: flex-start;
  padding: 0 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #b8b8b8;
}

/* line 36, app/assets/stylesheets/stories.css.scss */
body#ficlets section.prequels-and-sequels nav.prequels, body#ficlets section.prequels-and-sequels nav.sequels {
  flex: 0 0 50%;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/
/* line 8, app/assets/stylesheets/tags.css.scss */
body#ficlets ul.object-list.tags-list, body#ficlets ol.object-list.tags-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

/* line 13, app/assets/stylesheets/tags.css.scss */
body#ficlets ul.object-list.tags-list li, body#ficlets ol.object-list.tags-list li {
  flex: 0 1 auto;
  margin: 5px;
  padding: 10px;
  background: #f6f5f0;
}

/* line 19, app/assets/stylesheets/tags.css.scss */
body#ficlets ul.object-list.tags-list li span.tag, body#ficlets ol.object-list.tags-list li span.tag {
  margin: 0 3px 0 0;
  padding: 0;
  font-weight: bold;
}
/* line 1, app/assets/stylesheets/theme.css.scss */
body#ficlets {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  font: 16px "Georgia", "Times New Roman", "Times", serif;
}

/* line 8, app/assets/stylesheets/theme.css.scss */
body#ficlets a {
  color: #3ba4e0;
  text-decoration: none;
}

/* line 11, app/assets/stylesheets/theme.css.scss */
body#ficlets a:hover, body#ficlets a:active {
  color: #f26522;
}

/* line 16, app/assets/stylesheets/theme.css.scss */
body#ficlets > header {
  display: flex;
  align-items: center;
  max-width: 1024px;
  margin: 20px auto 0;
  padding: 0 20px;
}

/* line 23, app/assets/stylesheets/theme.css.scss */
body#ficlets > header h1 {
  flex: 0 0 339px;
  margin: 0;
  padding: 0;
}

/* line 28, app/assets/stylesheets/theme.css.scss */
body#ficlets > header h1 a {
  display: block;
  color: #f26522;
}

/* line 40, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav {
  flex: 1 1 auto;
}

/* line 43, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav ul {
  display: flex;
  margin: 0 0 0 20px;
  padding: 0;
  list-style: none;
  align-items: center;
}

/* line 50, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav ul li {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}

/* line 54, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav ul li a {
  display: block;
  padding: 10px;
  background: #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

/* line 61, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav ul li a:hover, body#ficlets > header nav ul li a:active {
  background: #f26522;
  color: #fff;
}

/* line 68, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav ul li:first-child a {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

/* line 74, app/assets/stylesheets/theme.css.scss */
body#ficlets > header nav ul li:last-child a {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

@media (max-width: 700px) {
  /* line 85, app/assets/stylesheets/theme.css.scss */
  body#ficlets > header h1 {
    flex: 0 0 60px;
  }
  /* line 89, app/assets/stylesheets/theme.css.scss */
  body#ficlets > header nav ul {
    margin: 0 0 0 10px;
  }
  /* line 93, app/assets/stylesheets/theme.css.scss */
  body#ficlets > header nav ul li a {
    padding: 10px 5px;
    font-size: 11px;
  }
}

/* line 104, app/assets/stylesheets/theme.css.scss */
body#ficlets > main {
  max-width: 1024px;
  margin: 50px auto 0;
  padding: 0 20px;
}

/* line 109, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list, body#ficlets > main ol.object-list {
  margin: 0;
  padding: 0;
}

/* line 113, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list > li, body#ficlets > main ol.object-list > li {
  display: flex;
  margin: 0 0 25px;
  padding: 0;
}

/* line 118, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list > li aside.avatar-container, body#ficlets > main ol.object-list > li aside.avatar-container {
  flex: 0 0 73px;
  margin-right: 10px;
}

/* line 122, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list > li aside.avatar-container img.avatar, body#ficlets > main ol.object-list > li aside.avatar-container img.avatar {
  max-width: 73px;
}

/* line 127, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list > li .item-meta h3, body#ficlets > main ol.object-list > li .item-meta h3 {
  margin: 0 0 5px;
  font-size: 17px;
}

/* line 131, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list > li .item-meta p, body#ficlets > main ol.object-list > li .item-meta p {
  margin: 0 0 5px;
  padding: 0;
  font-size: 13px;
}

/* line 136, app/assets/stylesheets/theme.css.scss */
body#ficlets > main ul.object-list > li .item-meta p:last-child, body#ficlets > main ol.object-list > li .item-meta p:last-child {
  margin: 0;
}

/* line 144, app/assets/stylesheets/theme.css.scss */
body#ficlets > main div.pagination {
  margin: 50px auto;
  padding: 0;
  display: flex;
  align-items: center;
}

/* line 150, app/assets/stylesheets/theme.css.scss */
body#ficlets > main div.pagination span, body#ficlets > main div.pagination a, body#ficlets > main div.pagination em {
  flex: 1 1 auto;
}

/* line 152, app/assets/stylesheets/theme.css.scss */
body#ficlets > main div.pagination span.current, body#ficlets > main div.pagination a.current, body#ficlets > main div.pagination em.current {
  font-size: 30px;
}

/* line 160, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer {
  display: flex;
  align-items: flex-start;
  max-width: 1024px;
  margin: 50px auto 0;
  padding: 0 20px;
  font-size: 13px;
}

/* line 168, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > aside {
  flex: 0 0 98px;
}

/* line 171, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > section {
  flex: 1 1 auto;
}

/* line 173, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > section p {
  margin-top: 0;
}

/* line 176, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > section nav {
  margin: 5px 0 0;
}

/* line 179, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > section nav ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 185, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > section nav ul li {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}

/* line 189, app/assets/stylesheets/theme.css.scss */
body#ficlets > footer > section nav ul li a {
  display: block;
  padding: 5px;
  text-align: center;
}

@media (max-width: 400px) {
  /* line 160, app/assets/stylesheets/theme.css.scss */
  body#ficlets > footer {
    max-width: 100%;
    align-items: flex-start;
  }
  /* line 203, app/assets/stylesheets/theme.css.scss */
  body#ficlets > footer > aside {
    flex: 0 0 47px;
    height: 28.5px;
    margin-right: 5px;
    background-size: 47px 28.5px;
  }
  /* line 211, app/assets/stylesheets/theme.css.scss */
  body#ficlets > footer > section p {
    margin: 0 0 5px;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */