@charset "IBM437";
.subject-title, .charts nav a, #form_input_name, #comment-header {
  font-family: "Poppins", sans-serif;
  font-size: 1.39063rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize; }

/* @license
 * MyFonts Webfont Build ID 2373128, 2012-09-26T19:31:12-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Monstro Solid by PintassilgoPrints
 * URL: http://www.myfonts.com/fonts/pintassilgo/monstro/solid/  
 * Copyright: By PintassilgoPrints, 2012. All rights reserved. 
 * Licensed pageviews: 100,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2373128
 * 
 * © 2012 Bitstream Inc   
*/
/* src: url('/scripts/webfonts/meloriac.eot?#iefix') format('eot'), */
@font-face {
  font-family: "Meloriac";
  src: url("/resources/fonts/meloriac-21D466_0_0.eot"), url("/resources/fonts/meloriac-21D466_0_0.woff") format("woff"), url("/resources/fonts/meloriac-21D466_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0057, U+0048, U+0055, U+0044, U+0041, U+0054; }

/* ------------ ELEMENTS ------------ */
div, article, aside, section, header, nav, form, textarea, blockquote p, footer, time {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  width: 100%;
  margin: 0;
  font-family: "Poppins", sans-serif, arial, helvetica, sans-serif;
  font-size: 1em;
  color: white;
  background-color: #010101; }

.container {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  max-width: 74rem;
  height: auto;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  background-color: #060301;
  /*display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-flex-direction:row;
  flex-direction:row;
  */ }

a {
  color: #a5f8ff; }

a img {
  border: 0; }

/* ------------ HEADER ------------ */
.masthead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 51%;
  background-color: #060301; }

#header {
  /*
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 rem(2) rem(26) rem(2);
  margin: 0; 
  min-height:rem(400);
  margin-bottom: calc(-15.75rem + .7rem); // negative top position of dot-2 - dot-1
  */
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  height: auto;
  max-height: 8.2632vh;
  padding: 0 0 1.22418vh 0.625vw;
  margin-bottom: 0;
  overflow: hidden;
  background-color: #060301; }

/* ------------ LOGO + SUBHEAD ------------ */
#whudat {
  display: flex;
  font-family: 'Meloriac';
  font-size: 8.79878vh;
  color: #fff;
  letter-spacing: -.01em;
  padding: 0;
  margin: 0 0.07813vw 0 0;
  line-height: 1.04; }

#a {
  margin-left: -.078em; }

#t {
  margin-left: -.148em; }

#whudat.not-chrome {
  line-height: .52; }

#whudat.ios {
  line-height: .75; }

.whudat {
  text-decoration: none; }

#dot-1 {
  /*
  position: absolute;
  z-index: 2;
  top: rem(-29);
  left: rem(462); 
  width: rem(116);
  height: rem(116);
  border-radius: 50%;
  background-color:#ece9e8;
  */
  position: relative;
  z-index: 2;
  top: -0.99464vh;
  left: 0.625vw;
  width: 3.75vw;
  height: 3.75vw;
  border-radius: 50%;
  background-color: #ece9e8; }

#dot-2 {
  /*
  position: absolute;
  left: rem(562);  
  top: rem(-252);
  right: rem(126);
  width: rem(462); 
  height: rem(318); 
  border-radius: 50%;
  background-color: #ece9e8; //#$site-highlight-color-5;
  */
  position: relative;
  border-radius: 50%;
  background-color: #ece9e8;
  flex-shrink: 0;
  width: 17.1875vw;
  height: 12.03125vw;
  top: -9.59375vw;
  left: -.546875vw; }

/* ----------- ADS ---------------- */
/* ------------ NAVIGATION ------------ */
.menu-toggle {
  position: absolute;
  right: .25rem;
  margin-top: 0.75vh;
  width: 7.59969vh;
  height: 6.66962vh;
  border-radius: 0.5rem;
  background-color: #fff000;
  justify-content: flex-end; }

.menu-toggle {
  z-index: 900; }

.menu-toggle:hover {
  cursor: pointer; }

.main-nav {
  z-index: 49;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  flex: 0 1 100%;
  padding: 0 8.75%;
  position: relative; /*absolute */
  top:0; /* -15vh; */
  left: 0;
  transform: translateY(0);
  background-color: #fff000;
  transition: all .28s ease-out;
  opacity: 0;
  text-align: left;
  color: #fff;
  display:none;

 }

.main-nav.show {
  transform: translateY(8vh); /* 23.25vh); */
  opacity: 1;
  display:block;
 position:absolute;	
 }

.main-nav nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  background-color: #060301; }

.main-nav nav a {
  color: #fff;
  font-size: 1.1875rem;
  text-decoration: none;
  text-transform: capitalize; }

#header nav {
  display: none; }

/*
eader nav {
 z-index: 5;
 width: auto;
 padding: .05em .5em;
 border-radius: .5rem 0 0 .5rem;
 background-color:#ffe500; //#3c3c3c;
 font-family: $header-font;
 font-size: rem(19);
 font-weight: bold;
 color: $highlight-text-color;
 text-align:right;
 }
 */
eader nav {
  background-color: #ffe500;
  font-size: 19px;
  width: 54%; }

#header nav a {
  color: #080302;
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s; }

#header nav a:hover {
  margin-right: -4px;
  padding: 0 2px;
  background-color: #fff;
  color: #ff4b00;
  border-radius: 0.5rem 0 0 0.5rem; }

/* ------------ CONTENT CONTAINER ------------ */
.content-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 .875rem; }

/* ------------ BLURBS ------------ */
.blurbs-wrapper {
  /*
   position: relative;
   top: 0;
   z-index: 3;
   width: percentage(732/$site-max-width);   
   height: auto;
   margin-right:0;
   background-color:inherit;
   */
  width: 100%;
  flex: 1 1 43.75rem; }

.blurb {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin-left: 0;
  background-color: #060301;
  line-height: 1.32;
  letter-spacing: .022em;
  word-spacing: .016em; }

/*
.ssingle-blurb .blurb {
  top: -369px;
  margin-bottom: -100px; }
*/
.blurb header {
  position: relative;
  width: 100%;
  padding: .01em 0 0 .75em;
  margin: .5rem 0 -.35rem 0;
  background-color: #060301;
  text-align: center; }

.blurb header h1 a {
  font-family: "Poppins", sans-serif;
  font-size: 3.59375rem;
  letter-spacing: -.0928rem;
  line-height: 1.09;
  color: #cff749;
  text-decoration: none;
  -webkit-transition: color 0.45s;
  -moz-transition: color 0.45s;
  -o-transition: color 0.45s;
  transition: color 0.45s; }

.blurb header h1 a:hover {
  color: white; }

.blurb .text-container, .hp .blurb-summary {
  position: relative;
  z-index: 3;
  padding: 0 .875rem 1rem 1rem;
  margin-top: 0;
  margin-bottom: .125rem;
  font-size: 1.17188rem;
  font-weight: 400;
  line-height: 1.42;
  text-align: left;
  letter-spacing: normal;
  color: #f9f9f9;
  background-color: inherit; }

.hp .blurb-summary {
  margin-top: 1rem;
  display: none; }

.blurb footer {
  padding-top: 0.625rem;
  padding-bottom: 1rem;
  margin-left: 0;
  border-bottom-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 4.75rem; }

.single-blurb footer {
  border-bottom-width: 0; }

.pic-container {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto; }

.pic-container.portrait {
  display: flex;
  justify-content: space-around; }

.pic-container img {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0; }

.pic-container.portrait img {
  flex: 0 1 53.55777vh;
  height: 100%; }

.blurb img {
  width: 100%;
  height: auto; }

.blurb img[alt="smile"],
.blurb img[alt="wink"],
.blurb img[alt="raspberry"] {
  width: auto; }

.blurb iframe {
  width: 100%;
  height: auto; }

.blurb .date-wrapper {
  margin-top: 6%;
  margin-left: 0; }

.blurb .pubdate {
  position: absolute;
  z-index: 3;
  top: .7em;
  left: .7em;
  font-family: "open sans condensed";
  font-size: 1.22418vh;
  font-weight: bold;
  width: 8.2632vh;
  height: 8.2632vh;
  padding: 0;
  background-color: #cd5c00;
  border-radius: 50%;
  text-align: center; }

.blurb .pubdate span {
  display: block; }

.blurb .pubdate .month {
  display: block;
  width: auto;
  font-size: 2.5em;
  margin-left: 0;
  margin-top: 0; }

.blurb .pubdate .day {
  font-size: 2.5em;
  margin-top: -.25em;
  margin-left: -.45em; }

.blurb .pubdate .year {
  font-size: .85em;
  float: none;
  margin-top: -2.9em;
  margin-left: 3.8em; }

.blurb p a:hover, #blurb_archive_button a:hover {
  background-color: #fff;
  color: #e0122b;
  text-decoration: none;
  padding: 1px; }

.blurb h2 {
  font-size: 20px;
  color: #9cff89; }

.blurb blockquote {
  background-color: #fff115;
  color: #000;
  padding: 1px .89%;
  margin-left: 0;
  width: 100%; }

.blurb q {
  color: #fbf5ae;
  font-weight: 600; }

.blurb .text-container blockquote p {
  padding: .1em .3em;
  color: #060200; }

.blurb .comment-count {
  position: relative;
  top: 0;
  left: 0;
  width: 9.9375rem;
  height: 6.125rem;
  margin-left: .75rem;
  padding-left: 0.625rem;
  padding-top: 0;
  background-color: #9db446;
  letter-spacing: .075em;
  border-radius: .25rem; }

.blurb .comment-count a {
  display: block;
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.7em;
  text-decoration: none; }

.blurb .comment-count a:hover {
  background-color: #ffeda4;
  color: #fff; }

.blurb .comment-count .number {
  font-size: 1.9em; }

.blurb .tags a {
  display: inline-block;
  background-color: #fa4c01;
  color: #fff;
  padding: 1px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.blurb .tags a:hover {
  background-color: #ff7e37;
  -webkit-transition: background-color .11s;
  -moz-transition: background-color .11s;
  -o-transition: background-color .11s;
  transition: background-color .11s; }

.author_name {
  font-size: 12px;
  color: #e9c500;
  margin-left: 10px; }

.comment_link {
  font-size: 12px;
  color: #2c2c28;
  font-weight: 700; }

.permalink {
  text-decoration: none;
  color: #fff; }

.quote, .quote2 {
  color: #ffff17;
  font-size: 1em; }

.question {
  color: #ffd249;
  font-size: 0.8125rem; }

h2 {
  font-size: 0.75rem;
  color: #ffa500; }

#page_lock {
  position: relative;
  left: 20px;
  top: 30px; }

/*comments */
 /*

.comment_header {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px; }

.comment_date {
  font-size: 14px; }

.display_comment {
  background-color: #fff;
  font-family: verdana, geneva;
  color: #000;
  font-size: 11px;
  width: 360px; }

.blurb_comments {
  position: relative;
  left: rem(20);
  width: inherit;
  height: auto;
  padding: rem(5);
  background-color: #fff;
  margin-bottom: rem(20);
  }

*/
/* ------------ MENU ------------ */
.ssingle-blurb #menu-container {
  top: 114px;
  width: 160px;
  background-color: #060301; }

.hp #recent-blurbs-container a:hover, .blurb_archive #menu-container a:hover {
  text-shadow: -.6em -.12em 1.4em #fff; }

#backtomain_tag {
  width: 140px;
  height: 117px;
  margin: 10px 0 265px 10px;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #fff;
  font-size: 25px;
  color: #1e1e1e;
  text-align: center; }

#backtomain_tag:hover, .blurb_archive #backtomain_tag:hover {
  background-color: #77f566;
  color: #fff;
  width: 140px;
  height: 117px;
  cursor: pointer;
  -webkit-transition: background-color 0.21s;
  -moz-transition: background-color 0.21s;
  -o-transition: background-color 0.21s;
  transition: background-color 0.21s; }

#backtomain_tag a {
  color: inherit;
  text-decoration: none; }

.blurb_archive #backtomain_tag {
  background-color: #1e1e1e;
  color: white;
  margin-left: 0px;
  margin-top: 6px; }

.blurb_archive #backtomain_tag:hover {
  -webkit-transition: background-color 0.15s;
  -moz-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s; }

.menu-wrapper {
  /*
  float: left;
  position: relative;
  z-index: 4;
  top: 0;
  left: 0;
  width: percentage(256.796875/$site-max-width);
  height: auto; 
  min-height: rem(1940);
  padding-top: 0;
  padding-left: 0; //rem(31.2);
  margin: 0;
  */
  background-color: #060301;
  width: 7.5rem;
  flex: 1 1 7.5rem;
  padding: 0 0.625rem; }

.menu {
  height: auto;
  min-height: 42.375rem;
  margin: 0;
  padding: 0;
  background-color: #060301; }

.menu h4 {
  font-size: 1rem;
  margin-top: 0; }

.menu .current-year, .menu .past-year {
  font-size: 1.40625rem; }

.menu .header.current-year {
  color: #fffd00; }

.menu .header.past-year {
  color: #fffd00; }

.menu ul {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none; }

.menu ul li {
  font-size: 1.25rem;
  margin-top: .5em;
  margin-bottom: -.2 5em; }

.menu ul li a {
  margin-bottom: .8em;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none; }

#social-wrapper {
  margin-top: 10px 0 5px 0; }

.ssingle-blurb .social-wrapper {
  padding: 7px 6px 6px 7px;
  background-color: #fff115;
  width: 112px;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

#twitter-icons {
  margin-bottom: 10px; }

#facebook {
  margin: 10px 0 37px 8px; }

#do-you-follow {
  margin-top: 5px; }

.hp .text-ads {
  position: relative;
  top: 0px;
  width: 167%;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #060301;
  display: none; }

/* ------------ SIDEBAR ------------ */
.hp .sidebar {
  /*
  float: right;
  position: relative;
  left: 0;
  top: 0;
  width:  22.6%; //percentage(271/$site-max-width);
  height: auto;
  padding-top: 0;
  padding-left: 0; 
  margin: 0 0 rem(300) 0;
  */
  width: 18.75rem;
  flex: 1 1 18.75rem;
  letter-spacing: .07071em;
  background-color: #060301; }

.single-blurb .sidebar {
  flex: 0 1 40%;
  margin-top: 2vh;
  margin-right: 1rem; }

.hp .sidebar .ad {
  height: auto;
  min-height: 29.10938rem;
  padding-bottom: 2.875rem;
  margin: 0 0 -1.6rem 0;
  background-color: #060301; }

.single-blurb .sidebar .ad {
  display: none; }

.hp .sidebar .ad .subject-title {
  display: none;
  margin-top: 0; }

.hp .sidebar img {
  width: 100%; }

/* ------------ CATEGORIES ------------ */
#category-box {
  display: block;
  float: left;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding: 1.82em 0 0 0;
  border-radius: 23.75rem/1.875rem;
  margin-left: 0;
  margin-bottom: 18.75rem;
  overflow: hidden;
  background-color: #9db446;
  text-align: left;
  color: #fff;
  vertical-align: top; }

.category-header {
  display: block;
  position: relative;
  margin: 1.1875rem 0; }

#nav_categories {
  display: block;
  box-sizing: border-box;
  position: relative;
  left: .59em;
  width: 89.5%;
  height: auto;
  padding: 2% 10%;
  margin: 0;
  text-align: left;
  border-radius: .5em .5em .5em 0;
  overflow: hidden; }

#nav_categories li {
  width: 100%;
  margin-left: 0;
  text-decoration: none;
  list-style-type: none; }

#nav_categories li ul {
  margin-left: 0; }

#nav_categories a {
  font-size: 1rem;
  text-decoration: none; }

#nav_categories li a {
  color: #001300; }

#nav_categories li a:hover {
  color: #ebff86; }

#nav_categories li ul a {
  color: #fff; }

#nav_categories li ul a:hover {
  color: #001300; }

/*      BLURB ARCHIVE SIDEBAR    */
#blurb_archive_button {
  background-color: #000;
  padding-top: 0; }

#blurb_archive_button .category_header {
  padding: .35em 0;
  background-color: #fbe600;
  text-shadow: 0 0 1px #e2cf00;
  color: #fff; }

#blurb_archive_button div {
  text-align: center;
  margin-left: 4%;
  width: 46%; }

#blurb_archive_button div b {
  display: block;
  width: 100%;
  background-color: #fbe600; }

#blurb_archive_button ul {
  list-style-type: none;
  text-align: left;
  font-weight: bold; }

#blurb_archive_button a {
  color: white;
  text-decoration: none; }

#blurb_archive_button:hover {
  cursor: pointer; }

/*       READER COMMENTS         */
.hp .sidebar .reader-comments {
  position: relative;
  width: 100%;
  height: 16.4375rem;
  padding-left: 1rem;
  background-color: #cb8408;
  border-radius: 0 0 0 23.75rem/1.875rem;
  font-size: 0.875rem;
  letter-spacing: .055em;
  line-height: 1.255;
  color: #140001; }

.hp .sidebar .reader-comments .contain {
  height: 10.9375rem;
  padding: 0 .25em 1em 0;
  border-radius: .3125rem;
  margin-top: -.5em;
  background-color: inherit;
  overflow: hidden; }

.hp .sidebar .reader-comments.expand,
.hp .sidebar .reader-comments .contain.expand {
  height: auto; }

.hp .sidebar .reader-comments.expand {
  padding-bottom: 2.5rem; }

.hp .sidebar .reader-comments a {
  color: #beffcc; }

.hp .sidebar .reader-comments a.switch {
  color: #fff; }

.hp .sidebar .reader_comments p {
  margin-bottom: .2em; }

.hp .sidebar .reader-comments .subject-title {
  padding-top: 0.625rem;
  margin-top: 0;
  margin-bottom: .1em;
  color: #fff; }

.reader-comments .switch {
  position: relative;
  top: -.1em;
  float: right;
  font-weight: 700;
  text-decoration: none;
  padding: 0 .4em .35em .5em; }

.reader-comments .switch.expand {
  position: relative;
  top: 0;
  left: 0;
  text-decoration: none;
  font-weight: 700;
  height: auto;
  padding: 0 .4em .35em .5em;
  background-color: #000;
  color: #fff;
  content: "X"; }

/*       @TOP TEN CHARTS         */
.charts {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 1em 1em 1rem 1rem;
  margin: 1em 0 .5em 0;
  background-color: #060301;
  overflow: hidden;
  font-size: 0.875rem; }

.charts table.top-ten {
  display: none; }

.charts .top-ten.active {
  display: table; }

.charts td {
  line-height: 1.32;
  word-spacing: .012em;
  letter-spacing: .089em;
  color: #fff; }

.charts header {
  margin-left: 0.125rem; }

.charts h1 {
  margin-bottom: .18em; }

.charts header h4 {
  font-size: 1.25rem;
  color: #fff;
  margin-left: 0;
  margin-bottom: -.5em; }

.charts header nav {
  margin-left: 0;
  text-align: center; }

.charts header p {
  margin-top: .5em;
  margin-left: 0;
  color: #bbff62; }

.charts nav a.active {
  color: #343537; }

#movies {
  margin: 0; }

#pop {
  margin-left: .7em;
  margin-right: .7em; }

#rnb {
  margin-right: 0; }

.movies {
  color: #fff; }

.pop tr:hover, .rnb tr:hover {
  color: black;
  background-color: #92ffab;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s; }

.pop td:hover, .rnb td:hover {
  color: white;
  background-color: #161413; }

.charts header nav a {
  margin-right: 11.569%; }

.charts header nav a:nth-child(0) {
  margin-left: 2px;
  display: none; }

.charts header nav a:hover {
  color: #ffed24; }

.charts header p {
  margin-top: .5em;
  margin-left: 0;
  color: #bbff62; }

.charts header p .gross,
.charts header p .weeks {
  display: none; }

.charts header p .soundscan {
  display: none; }

.charts header p .gross,
.charts header p .soundscan {
  margin-left: 5.2em; }

.charts header p .weeks {
  margin-left: .5em; }

.top-ten {
  width: 100%;
  height: auto;
  padding: .05em .5em .625em .86em;
  margin-top: .75rem;
  border-radius: .3125rem; }

.movies {
  background-color: #000;
  color: #fff; }

.movies, .pop {
  border-radius: .3125rem 0 0 .3125rem; }

.pop, .rnb {
  display: none;
  padding-bottom: 10px;
  background-color: #009865; }

.pop td.note {
  padding: 1em;
  background-color: #d30012;
  font-size: 1em;
  border-radius: 0.5rem; }

.top-ten td {
  vertical-align: top;
  height: 1.6em; }

.top-ten td:nth-child(1) {
  width: 6px; }

.top-ten td:nth-child(2) {
  width: 178px; }

.top-ten td:nth-child(3) {
  width: 90px; }

.top-ten td:nth-child(4) {
  width: 6px; }

.charts ol {
  margin-top: .5em 0 -.5em -.4em;
  font-size: 1.25rem; }

.charts .title, .gross {
  position: relative;
  top: -.45rem;
  font-size: 1rem; }

.charts .gross {
  display: block; }

/*       CATEGORY CONTAINER         */
.charts.expand,
#category-container.expand {
  display: none; }

#category-container {
  float: left;
  position: relative;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0;
  margin-right: 1rem;
  background-color: #060301; }

#category-container .subject-title {
  margin: 0.25rem 0 0.25rem 1rem; }

/*       RECENT BLURBS           */
#recent-blurbs-container {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  padding: 0;
  margin-left: 0;
  margin-top: 1rem;  
  border-radius: 9% 9% 5% 5%; }

.archive-grid #recent-blurbs-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  transition: opacity .27s ease;
 }

.archive-grid #recent-blurbs-container {
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap:.55rem;
  border-radius:0;
}


.archive-grid .recent-blurbs {
  margin-right:initial;
  margin:initial;
  }





#recent-blurbs-container .subject-title {
  color: #060301;
  padding-top: .35em;
  margin-left: .5rem; }

.single-blurb #recent-blurbs-container {
  width: 100%;
  padding-top: 0;
  margin-left: 0; }

#recent-blurbs-container .header {
  padding: 0 .5em 0 0;
  margin-bottom: 1rem;
  margin-left: 0; }

.single-blurb #recent-blurbs-container .subject-title {
  color: #fff; }

.recent-blurbs {
  width: 100%;
  height: auto;
  padding: 0.5rem;
  margin-bottom: 0.625rem;
  margin-left: 0;
  border-radius: 0.5rem;
  background-color: #fff000;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s; }

.archive-grid .recent-blurbs {
  flex: 0 1 18%;
  margin-right: 0.625rem; }

.recent-blurbs:hover {
  cursor: pointer;
  background-color: white; }

.recent-blurbs .comment-text {
  font-weight: normal; }

.recent-blurbs a {
  font-size: 0.875rem;
  color: #080302;
  text-decoration: none; }

.single-blurb .recent-blurbs h1 {
  font-weight: 400;
  line-height: 1.15;
  margin-top: 0; }

.recent-blurbs .comment-number {
  color: #fb6400;
  font-weight: 600;
  font-size: 1.25rem; }

.recent-blurbs img {
  width: 100%;
  height: auto; }

.recent-blurbs img:hover {
  cursor: pointer; }

.archive-grid .recent-blurbs .title {
  display: inline-block;
  line-height: 1.5; }

.archive-grid .content-container {
  flex-direction: column; }

/* CATEGORY SECTION */
.section-category .archive-title {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  width: 80%;
  padding: 0 .875rem;
  background-color: #9db446;
  transition: opacity .17s ease; }

.section-category .category-title {
  flex: 1 1 60%;
  align-self: center; }

.section-category #nav_categories a {
  font-size: 1.1875rem; }

.subnav-toggle .patty {
  /*
  display: none;
  width:100%;
  height:100%;
  background-color:#fff;
  */ }

.section-category .subnav-toggle {
  width: 2rem;
  height: 2rem;
  padding: .625rem 0;
  border-radius: 0.5rem;
  flex: 0 0 2.6rem;
  background-color: #ece9e8;
  border-radius: 0; }

.archive-grid .container.show {
  overflow: visible; }

.archive-grid #category-container {
  position: absolute;
  top: 19.85vh;
  height: auto;
  float: none;
  background-color: initial;
  transform: translateX(100vw);
  transition: transform .37s ease; }

.archive-grid #category-container.show {
  transform: translateX(0); }

.archive-grid #recent-blurbs-container.show,
.archive-grid .archive-title.show {
  opacity: .5; }

.archive-grid #nav_categories {
  left: 0;
  padding: 0.5rem 1rem; }

.archive-grid #nav_categories li ul li {
  width: 50%;
  padding-left: 0;
  float: left; }

/*
.archive-grid .category-header.subnav-toggle
{
	width: vh(235);
	padding: 0 .2em;
	margin-bottom:0;
	border-radius: rem(4);
	background-color: #fff;
	font-size: vh(25);
	color: #060301;
	float: right;
	position: relative;
	left: calc(100% - 17vh);
	}
*/
.subnav-toggle:hover {
  cursor: pointer; }

/*       RELATED CATEGORIES      */
.related_category_box {
  position: relative;
  left: 0px;
  top: 41px;
  width: 328px;
  height: 693px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  background-color: #fff000; }

/*
.ssingle-blurb .sidebar .related_category_box {
  position: relative;
  left: -15px;
  top: 77px;
  width: 329px;
  height: 770px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fbe600; }

.ssingle-blurb .sidebar .related_category_box h1 {
  width: 80%;
  height: 22px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 3px;
  padding-left: 10px;
  background-color: $site-color; }

.ssingle-blurb .sidebar .related_category_box .category_container {
  padding: 0 10px;
  margin-bottom: 13px;
  background-color: inherit; }

.ssingle-blurb .sidebar .related_category_box .category_container:hover {
  background-color: #fff; }

.ssingle-blurb .sidebar .related_category_box .category_container:hover {
  -webkit-transition: background-color .41s;
  -moz-transition: background-color .41s;
  -o-transition: background-color .41s;
  transition: background-color .41s; }

.ssingle-blurb .sidebar .related_category_box .category_container h1 {
  font-size: 1.1em;
  font-weight: 600;
  width: 310px;
  height: auto;
  margin-bottom: 5px;
  padding-left: 0;
  background-color: inherit; }

.ssingle-blurb .sidebar .related_category_box .category_container h1 a {
  color: $site-color;
  text-decoration: none; }

.ssingle-blurb .sidebar .related_category_box .category_container img {
  display: block;
  margin-bottom: 5px; }
  
+/


/*          FOOTER               */
#footer {
  clear: both;
  width: 100%;
  height: auto;
  padding: 1.25rem 0 1.875rem 0rem;
  margin-bottom: 0;
  background-color: #060301; }

/*       MOST POPULAR STORIES    */
#most-pop {
  float: right;
  width: 50%;
  padding: 0; }

#most-pop h3 {
  margin-left: 1rem; }

#most-pop ul {
  list-style-type: none;
  margin-top: 3.2rem;
  padding: .6rem 1rem;
  background-color: #ffed24;
  border-radius: 0.5rem; }

#most-pop a {
  color: #080302;
  line-height: 1.7;
  text-decoration: none;
  font-weight: 400; }

#most-pop a:hover {
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
  background-color: #fff; }

#most-pop .comment-count {
  display: inline;
  color: #fb6400;
  font-weight: 600; }

/*     BLURB ARCHIVE LINKS    */
#blurb-archive {
  width: 48%;
  float: left;
  padding-bottom: 0;
  text-align: left; }

#blurb-archive .menu
{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  grid-gap:.55rem;
  border-radius:0;
}



#blurb-archive .menu div {
  float: left; }

#blurb-archive .menu ul {
  margin-right: 40px;
  margin-bottom: 80px; }

#blurb-archive a {
  font-size: 1rem; }

#blurb-archive a:hover {
  padding: 2px;
  margin-right: -4px;
  background-color: #fff;
  color: #ff4b00; }

.back-in-the-days .subject-title {
  margin-top: 0.125rem;
  color: #ffa500; }

/*   SINGLE PAGE BLURBS */
/* BLURB COMMENTS */
.single-blurb .comments {
  width: 85%; }

.blurb_comments {
  position: relative;
  left: 0;
  width: inherit;
  height: auto;
  padding: 0.3125rem;
  margin: 2rem 0;
  background-color: #fff; }

.blurb_comments img {
  width: auto;
  height: auto; }

.comment_id {
  color: #fff;
  background-color: #060301;
  padding: 0.3125rem; }

.comment_name {
  color: #ff7301;
  font-weight: 600;
  font-size: 1.5rem;
  margin-top: 0.3125rem; }

.comment_date {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  display: block; }

.comment_icon {
  padding-right: 0.3125rem;
  float: left; }

.display_comment {
  width: auto;
  margin-bottom: 1.5625rem;
  margin-left: 0.3125rem;
  color: #060301;
  letter-spacing: .016em;
  word-spacing: .075em; }

.display_comment a {
  color: #22af57; }

.featcomment {
  width: 20rem;
  height: auto;
  color: #000;
  background-color: white;
  border: 1px;
  border-color: black;
  border-style: dashed;
  padding: 0.3125rem; }

.lilletters {
  font-size: 9px;
  position: relative;
  left: -5px; }

#gravatar_icon {
  border-color: #ffffcc;
  float: left; }

#gravatar_instructions {
  position: relative;
  left: 35px;
  font-size: 11px;
  color: white;
  width: 410px; }

#reader_opinion_header {
  font-weight: bold;
  font-size: 1.25rem;
  color: #fff; }

#comment_form_box {
  margin: 2.5rem 0 1rem 0; }

#comment_form_box input {
  font-size: 1rem;
  padding: .875rem; }

#form_input_name {
  width: 70%; }

#form_input_comment,
#form_input_comment textarea {
  width: 100%; }

#form_input_comment {
  color: #fff;
  letter-spacing: .016em;
  word-spacing: .075em; }

#form_input_comment textarea {
  font-size: 1rem;
  height: 11.25rem; }

#comment_form input[type=submit] {
  font-size: 1.5rem; }

.archive-title {
  font-size: 1.40625rem;
  padding: .1rem .5rem;
  line-height: 1.2;
  margin: 1rem 0 1.5rem 0; }

.archive-title .archive-date {
  display: block;
  color: #ffa500; }

.archive-title .archive-date {
  color: #bbff62; }

.subject-title, .charts nav a, #form_input_name, #comment-header {
  font-family: "Poppins", sans-serif;
  font-size: 1.39063rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize; }

@media screen and (min-width: 1184px) {
  .menu-toggle {
    right: 0; }

  .content-container {
    padding-right: 0; } }
@media screen and (max-width: 1183px) {
  .menu-toggle {
    right: 0.5rem; } }
.subject-title, .charts nav a, #form_input_name, #comment-header {
  font-family: "Poppins", sans-serif;
  font-size: 1.39063rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize; }

@media screen and (max-width: 800px) {

.archive-grid #footer
  {
  display:flex;
  flex-direction: column;
  }

.archive-grid #blurb-archive,
.archive-grid #most-pop
  {
  width:100%;
  }



  .content-container {
    padding-right: .875rem; }

  #whudat {
    line-height: 1.07; }

  .blurb .pic-container,
  .single-blurb .blurb .pic-container.portrait {
    max-width: 100vw;
    width: 100vw;
    justify-content: flex-start;
    left: -.875rem; }

  .pic-container img,
  .pic-container.portrait img {
    flex: 0 1 100vw; }

  .blurb header {
    margin-top: 0;
    margin-bottom: -.65rem; }

  .blurb .text-container,
  .hp .blurb-summary {
    padding: 0 0 1rem 0; }

  .single-blurb .comments {
    width: 100%; }

  .archive-grid #recent-blurbs-container {
    margin-top:1rem;
    justify-content: space-between; }

  .archive-grid .recent-blurbs {
    flex: 0 1 32%;
    margin-right: 0; }

  /*
  #whudat {
  	color: $site-highlight-color-2;
  	}
  
  .blurbs-wrapper {
  	width:100%;
  	}
  
  	.hp .blurb-summary{
  	//display:block;
  	}
  	
  	.hp .blurb .text-container{
  	//display:none;
  	}
  
  	
  #footer{
  	height:auto;
  }
  
  #blurb-archive{
  	position:relative;
  }

#blurb-archive .menu
{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  grid-gap:.55rem;
  border-radius:0;
}


  
  #blurb-archive, #most-pop{
  	float: left;
  	width:100%;
  }
  */ }
.subject-title, .charts nav a, #form_input_name, #comment-header {
  font-family: "Poppins", sans-serif;
  font-size: 1.39063rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize; }

@media screen and (max-width: 620px) {
  .blurb header h1 a {
    font-size: 1.8125rem; }

  .blurb .pubdate {
    font-size: 1.45371vh;
    width: 9.5vh;
    height: 9.5vh; }

  .blurb .text-container, .hp .blurb-summary {
    font-size: 1.0625rem; }

  .archive-grid #recent-blurbs-container {
    justify-content: space-between; }

  .archive-grid .recent-blurbs {
    flex: 0 1 48.5%;
    margin-right: 0; }

  .archive-grid #nav_categories li ul li {
    width: 100%;
    float: none; }

  .single-blurb .sidebar {
    flex: 1 1 100%;
    margin-right: 0; }

  /*
  #whudat{
  	margin-bottom: 3rem;
  	margin-right: 0;
  	}
  
  #subhead{
  	top: auto;
  	right: 1rem;
  	bottom: 1rem;
  	height: 2rem;
  	border-radius: .5em;
  	}
  */ }
@media screen and (max-width: 540px) and (min-height: 700px) and (max-height: 900px) {
  .menu-toggle {
    margin-top: 2.75vh;
    width: 5.59969vh;
    height: 4.66962vh; } }
/*
@media screen and (max-width:450px) {

.blurb header h1 a
  {
   font-size: rem(28);
  }
	
.blurb .pubdate {
	font-size: vh(19); 
	width: 9.5vh;  
    height: 9.5vh;
	}


.blurb .text-container, .hp .blurb-summary
  {
   font-size: rem(17);
  }
}
*/