/*  **************************************************************************  *\
	Title: The Bootstrap
	Description: This file (bootstrap.less) imports all the LESS files
	responsible for	styling the website. These imports are then compiled to
	bootstrap.css which is included in the HTML head section of the website.
	Any style revisions should be made to the appropriate imported less files
	(*.less) and then this file should be recompiled to update (bootstrap.css).
	Created by | on: Circulation Studio (Brian) | 05.08.2012
	Modified by | on: 06.05.2012
\*  **************************************************************************  */
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}
/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}
/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}
/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}
/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */
}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
  background-color: #b1d6e9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  outline: none;
  color: #0f4b6d !important;
  padding: 4px 20px 5px 20px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #89c1de;
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*  **************************************************************************  *\
	Fixes for known browser issues
\*  **************************************************************************  */
/********************************************************************************
The Micro Clearfix
Nicolas Gallagher
April 21, 2011
http://nicolasgallagher.com/micro-clearfix-hack/
*********************************************************************************/
/*  **************************************************************************  *\
	branding
\*  **************************************************************************  */
/* */
@charset "UTF-8";
.ss-standard {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
[class^="ss-"].right:before,
[class*=" ss-"].ss-standard.right:before {
  display: none;
  content: '';
}
.ss-cursor,
.ss-cursor.right:after {
  content: '';
}
.ss-crosshair,
.ss-crosshair.right:after {
  content: '⌖';
}
.ss-search,
.ss-search.right:after {
  content: '🔎';
}
.ss-zoomin,
.ss-zoomin.right:after {
  content: '';
}
.ss-zoomout,
.ss-zoomout.right:after {
  content: '';
}
.ss-view,
.ss-view.right:after {
  content: '👀';
}
.ss-attach,
.ss-attach.right:after {
  content: '📎';
}
.ss-link,
.ss-link.right:after {
  content: '🔗';
}
.ss-move,
.ss-move.right:after {
  content: '';
}
.ss-write,
.ss-write.right:after {
  content: '✎';
}
.ss-writingdisabled,
.ss-writingdisabled.right:after {
  content: '';
}
.ss-erase,
.ss-erase.right:after {
  content: '✐';
}
.ss-compose,
.ss-compose.right:after {
  content: '📝';
}
.ss-lock,
.ss-lock.right:after {
  content: '🔒';
}
.ss-unlock,
.ss-unlock.right:after {
  content: '🔓';
}
.ss-key,
.ss-key.right:after {
  content: '🔑';
}
.ss-backspace,
.ss-backspace.right:after {
  content: '⌫';
}
.ss-ban,
.ss-ban.right:after {
  content: '🚫';
}
.ss-trash,
.ss-trash.right:after {
  content: '';
}
.ss-target,
.ss-target.right:after {
  content: '◎';
}
.ss-tag,
.ss-tag.right:after {
  content: '';
}
.ss-bookmark,
.ss-bookmark.right:after {
  content: '🔖';
}
.ss-flag,
.ss-flag.right:after {
  content: '⚑';
}
.ss-like,
.ss-like.right:after {
  content: '👍';
}
.ss-dislike,
.ss-dislike.right:after {
  content: '👎';
}
.ss-heart,
.ss-heart.right:after {
  content: '♥';
}
.ss-halfheart,
.ss-halfheart.right:after {
  content: '';
}
.ss-star,
.ss-star.right:after {
  content: '⋆';
}
.ss-halfstar,
.ss-halfstar.right:after {
  content: '';
}
.ss-sample,
.ss-sample.right:after {
  content: '';
}
.ss-crop,
.ss-crop.right:after {
  content: '';
}
.ss-layers,
.ss-layers.right:after {
  content: '';
}
.ss-phone,
.ss-phone.right:after {
  content: '📞';
}
.ss-phonedisabled,
.ss-phonedisabled.right:after {
  content: '';
}
.ss-rss,
.ss-rss.right:after {
  content: '';
}
.ss-facetime,
.ss-facetime.right:after {
  content: '';
}
.ss-reply,
.ss-reply.right:after {
  content: '↩';
}
.ss-send,
.ss-send.right:after {
  content: '';
}
.ss-mail,
.ss-mail.right:after {
  content: '✉';
}
.ss-inbox,
.ss-inbox.right:after {
  content: '📥';
}
.ss-chat,
.ss-chat.right:after {
  content: '💬';
}
.ss-user,
.ss-user.right:after {
  content: '👤';
}
.ss-femaleuser,
.ss-femaleuser.right:after {
  content: '👧';
}
.ss-users,
.ss-users.right:after {
  content: '👥';
}
.ss-cart,
.ss-cart.right:after {
  content: '';
}
.ss-creditcard,
.ss-creditcard.right:after {
  content: '💳';
}
.ss-dollarsign,
.ss-dollarsign.right:after {
  content: '💲';
}
.ss-barchart,
.ss-barchart.right:after {
  content: '📊';
}
.ss-piechart,
.ss-piechart.right:after {
  content: '';
}
.ss-box,
.ss-box.right:after {
  content: '📦';
}
.ss-home,
.ss-home.right:after {
  content: '⌂';
}
.ss-globe,
.ss-globe.right:after {
  content: '🌎';
}
.ss-navigate,
.ss-navigate.right:after {
  content: '';
}
.ss-compass,
.ss-compass.right:after {
  content: '';
}
.ss-signpost,
.ss-signpost.right:after {
  content: '';
}
.ss-map,
.ss-map.right:after {
  content: '';
}
.ss-location,
.ss-location.right:after {
  content: '';
}
.ss-pin,
.ss-pin.right:after {
  content: '📍';
}
.ss-database,
.ss-database.right:after {
  content: '';
}
.ss-hdd,
.ss-hdd.right:after {
  content: '';
}
.ss-music,
.ss-music.right:after {
  content: '♫';
}
.ss-mic,
.ss-mic.right:after {
  content: '🎤';
}
.ss-volume,
.ss-volume.right:after {
  content: '🔈';
}
.ss-volumelow,
.ss-volumelow.right:after {
  content: '🔉';
}
.ss-volumehigh,
.ss-volumehigh.right:after {
  content: '🔊';
}
.ss-airplay,
.ss-airplay.right:after {
  content: '';
}
.ss-camera,
.ss-camera.right:after {
  content: '📷';
}
.ss-picture,
.ss-picture.right:after {
  content: '🌄';
}
.ss-video,
.ss-video.right:after {
  content: '📹';
}
.ss-play,
.ss-play.right:after {
  content: '▶';
}
.ss-pause,
.ss-pause.right:after {
  content: '';
}
.ss-stop,
.ss-stop.right:after {
  content: '■';
}
.ss-record,
.ss-record.right:after {
  content: '●';
}
.ss-rewind,
.ss-rewind.right:after {
  content: '⏪';
}
.ss-fastforward,
.ss-fastforward.right:after {
  content: '⏩';
}
.ss-skipback,
.ss-skipback.right:after {
  content: '⏮';
}
.ss-skipforward,
.ss-skipforward.right:after {
  content: '⏭';
}
.ss-eject,
.ss-eject.right:after {
  content: '⏏';
}
.ss-repeat,
.ss-repeat.right:after {
  content: '🔁';
}
.ss-replay,
.ss-replay.right:after {
  content: '↺';
}
.ss-shuffle,
.ss-shuffle.right:after {
  content: '🔀';
}
.ss-book,
.ss-book.right:after {
  content: '📕';
}
.ss-openbook,
.ss-openbook.right:after {
  content: '📖';
}
.ss-notebook,
.ss-notebook.right:after {
  content: '📓';
}
.ss-grid,
.ss-grid.right:after {
  content: '';
}
.ss-rows,
.ss-rows.right:after {
  content: '';
}
.ss-columns,
.ss-columns.right:after {
  content: '';
}
.ss-thumbnails,
.ss-thumbnails.right:after {
  content: '';
}
.ss-desktop,
.ss-desktop.right:after {
  content: '💻';
}
.ss-laptop,
.ss-laptop.right:after {
  content: '';
}
.ss-tablet,
.ss-tablet.right:after {
  content: '';
}
.ss-cell,
.ss-cell.right:after {
  content: '📱';
}
.ss-battery,
.ss-battery.right:after {
  content: '🔋';
}
.ss-batteryhigh,
.ss-batteryhigh.right:after {
  content: '';
}
.ss-batterymedium,
.ss-batterymedium.right:after {
  content: '';
}
.ss-batterylow,
.ss-batterylow.right:after {
  content: '';
}
.ss-batteryempty,
.ss-batteryempty.right:after {
  content: '';
}
.ss-clouddownload,
.ss-clouddownload.right:after {
  content: '';
}
.ss-download,
.ss-download.right:after {
  content: '';
}
.ss-cloudupload,
.ss-cloudupload.right:after {
  content: '';
}
.ss-upload,
.ss-upload.right:after {
  content: '';
}
.ss-fork,
.ss-fork.right:after {
  content: '';
}
.ss-merge,
.ss-merge.right:after {
  content: '';
}
.ss-refresh,
.ss-refresh.right:after {
  content: '↻';
}
.ss-sync,
.ss-sync.right:after {
  content: '';
}
.ss-loading,
.ss-loading.right:after {
  content: '';
}
.ss-wifi,
.ss-wifi.right:after {
  content: '';
}
.ss-connection,
.ss-connection.right:after {
  content: '';
}
.ss-file,
.ss-file.right:after {
  content: '📄';
}
.ss-folder,
.ss-folder.right:after {
  content: '📁';
}
.ss-quote,
.ss-quote.right:after {
  content: '“';
}
.ss-text,
.ss-text.right:after {
  content: '';
}
.ss-font,
.ss-font.right:after {
  content: '';
}
.ss-print,
.ss-print.right:after {
  content: '⎙';
}
.ss-fax,
.ss-fax.right:after {
  content: '📠';
}
.ss-list,
.ss-list.right:after {
  content: '';
}
.ss-layout,
.ss-layout.right:after {
  content: '';
}
.ss-action,
.ss-action.right:after {
  content: '';
}
.ss-redirect,
.ss-redirect.right:after {
  content: '↪';
}
.ss-expand,
.ss-expand.right:after {
  content: '⤢';
}
.ss-contract,
.ss-contract.right:after {
  content: '';
}
.ss-help,
.ss-help.right:after {
  content: '❓';
}
.ss-info,
.ss-info.right:after {
  content: 'ℹ';
}
.ss-alert,
.ss-alert.right:after {
  content: '⚠';
}
.ss-caution,
.ss-caution.right:after {
  content: '⛔';
}
.ss-logout,
.ss-logout.right:after {
  content: '';
}
.ss-plus,
.ss-plus.right:after {
  content: '+';
}
.ss-hyphen,
.ss-hyphen.right:after {
  content: '-';
}
.ss-check,
.ss-check.right:after {
  content: '✓';
}
.ss-delete,
.ss-delete.right:after {
  content: '␡';
}
.ss-settings,
.ss-settings.right:after {
  content: '⚙';
}
.ss-dashboard,
.ss-dashboard.right:after {
  content: '';
}
.ss-notifications,
.ss-notifications.right:after {
  content: '🔔';
}
.ss-notificationsdisabled,
.ss-notificationsdisabled.right:after {
  content: '🔕';
}
.ss-clock,
.ss-clock.right:after {
  content: '⏲';
}
.ss-stopwatch,
.ss-stopwatch.right:after {
  content: '⏱';
}
.ss-calendar,
.ss-calendar.right:after {
  content: '📅';
}
.ss-calendaradd,
.ss-calendaradd.right:after {
  content: '';
}
.ss-calendarremove,
.ss-calendarremove.right:after {
  content: '';
}
.ss-calendarcheck,
.ss-calendarcheck.right:after {
  content: '';
}
.ss-calendardelete,
.ss-calendardelete.right:after {
  content: '';
}
.ss-briefcase,
.ss-briefcase.right:after {
  content: '💼';
}
.ss-cloud,
.ss-cloud.right:after {
  content: '☁';
}
.ss-droplet,
.ss-droplet.right:after {
  content: '💧';
}
.ss-up,
.ss-up.right:after {
  content: '⬆';
}
.ss-upright,
.ss-upright.right:after {
  content: '⬈';
}
.ss-right,
.ss-right.right:after {
  content: '➡';
}
.ss-downright,
.ss-downright.right:after {
  content: '⬊';
}
.ss-down,
.ss-down.right:after {
  content: '⬇';
}
.ss-downleft,
.ss-downleft.right:after {
  content: '⬋';
}
.ss-left,
.ss-left.right:after {
  content: '⬅';
}
.ss-upleft,
.ss-upleft.right:after {
  content: '⬉';
}
.ss-navigateup,
.ss-navigateup.right:after {
  content: '';
}
.ss-navigateright,
.ss-navigateright.right:after {
  content: '▻';
}
.ss-navigatedown,
.ss-navigatedown.right:after {
  content: '';
}
.ss-navigateleft,
.ss-navigateleft.right:after {
  content: '◅';
}
.ss-directup,
.ss-directup.right:after {
  content: '▴';
}
.ss-directright,
.ss-directright.right:after {
  content: '▹';
}
.ss-dropdown,
.ss-dropdown.right:after {
  content: '▾';
}
.ss-directleft,
.ss-directleft.right:after {
  content: '◃';
}
.ss-retweet,
.ss-retweet.right:after {
  content: '';
}
/* */
.ss-social {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.ss-social-circle {
  font-weight: bold;
}
[class^="ss-"].right:before,
[class^="ss-"][class*=" ss-social"].right:before {
  display: none;
  content: '';
}
.ss-facebook,
.ss-facebook.right:after {
  content: '';
}
.ss-twitter,
.ss-twitter.right:after {
  content: '';
}
.ss-linkedin,
.ss-linkedin.right:after {
  content: '';
}
.ss-googleplus,
.ss-googleplus.right:after {
  content: '';
}
.ss-tumblr,
.ss-tumblr.right:after {
  content: '';
}
.ss-wordpress,
.ss-wordpress.right:after {
  content: '';
}
.ss-blogger,
.ss-blogger.right:after {
  content: '';
}
.ss-posterous,
.ss-posterous.right:after {
  content: '';
}
.ss-youtube,
.ss-youtube.right:after {
  content: '';
}
.ss-vimeo,
.ss-vimeo.right:after {
  content: '';
}
.ss-flickr,
.ss-flickr.right:after {
  content: '';
}
.ss-instagram,
.ss-instagram.right:after {
  content: '';
}
.ss-pinterest,
.ss-pinterest.right:after {
  content: '';
}
.ss-dribbble,
.ss-dribbble.right:after {
  content: '';
}
.ss-behance,
.ss-behance.right:after {
  content: '';
}
.ss-github,
.ss-github.right:after {
  content: '';
}
.ss-octocat,
.ss-octocat.right:after {
  content: '';
}
.ss-paypal,
.ss-paypal.right:after {
  content: '';
}
.ss-foursquare,
.ss-foursquare.right:after {
  content: '';
}
.ss-skype,
.ss-skype.right:after {
  content: '';
}
.ss-rdio,
.ss-rdio.right:after {
  content: '';
}
.ss-spotify,
.ss-spotify.right:after {
  content: '';
}
.ss-lastfm,
.ss-lastfm.right:after {
  content: '';
}
.ss-mail,
.ss-mail.right:after {
  content: '✉';
}
.ss-like,
.ss-like.right:after {
  content: '👍';
}
.ss-rss,
.ss-rss.right:after {
  content: '';
}
/*  **************************************************************************  *\
	css3 mixins
\*  **************************************************************************  */
.pictos {
  font-family: pictos;
}
.fontsmooth-ai {
  -webkit-font-smothing: antialiasing !important;
}
.fontsmooth-sub {
  -webkit-font-smothing: subpixel-antialiased !important;
}
.hidden {
  display: none;
}
.default-link {
  color: #1b88c7 !important;
}
.default-link:visited {
  color: #1b88c7 !important;
}
.default-link:hover {
  color: #0f4b6d !important;
}
.default-link:active {
  color: #092c41 !important;
}
a:link,
a:visited {
  color: #1b88c7;
}
a:hover {
  color: #0f4b6d;
}
a:active {
  color: #092c41;
}
section.post-content * {
  font-family: "freight-sans-pro", sans-serif;
  font-weight: 500;
  color: #555555;
}
section.post-content strong,
section.post-content b {
  font-weight: 700;
}
section.post-content a:link,
#footnotediv a:link {
  color: black;
  text-decoration: none !important;
  border-bottom: 1px solid #c6c6c6;
}
section.post-content a:link:hover,
#footnotediv a:link:hover {
  border-color: black !important;
}
section.post-content a img,
section.post-content img {
  border-bottom: none !important;
  text-decoration: none !important;
}
section.post-content a img:hover,
section.post-content img:hover {
  border: none !important;
  text-decoration: none !important;
}
section.post-content .powerpress_player a:link img,
section.post-content .powerpress_player a:visited img,
section.post-content .powerpress_player a:link,
section.post-content .powerpress_player a:visited {
  border: none !important;
}
ul.cat-list li,
.cat-list ul li {
  color: #c6c6c6;
}
ul.cat-list li a:link,
.cat-list ul li a:link {
  color: #49ace6 !important;
  padding: 2px 6px 2px 6px;
}
ul.cat-list li a:visited,
.cat-list ul li a:visited {
  color: #add2e8;
  border-bottom: 1px solid #c6c6c6;
}
ul.cat-list li a:hover,
.cat-list ul li a:hover {
  color: #0f4b6d !important;
  border-color: black !important;
}
ol.footnotes li {
  font-family: "freight-sans-pro";
}
body {
  font-family: "freight-sans-pro";
  font-weight: 600;
  color: #333333;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: #1b88c7;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #0f4b6d;
}
header h2 {
  font-family: "adelle";
  font-weight: 100 !important;
}
section.post-content h1,
section.post-content h2,
section.post-content h3 {
  font-weight: 700;
}
hr {
  outline: none;
  border: none;
  clear: both;
  display: block;
  height: 2px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  background-color: #f4f2eb;
}
table {
  font-family: "freight-sans-pro", sans-serif;
}
table td {
  color: #555555;
}
aside.meta,
footer {
  font-family: "freight-sans-pro" !important;
}
aside.meta a,
footer a {
  font-weight: 600 !important;
}
.highlight {
  background-color: #fffaa3;
}
@media screen {
  /* Basic styling */
  html {
    height: 100%;
    overflow-y: scroll;
  }
  body {
    margin: 0 auto;
  }
  /* Font sizes */
  header h2 {
    font-size: 2.625em;
    line-height: 1.1428571428571428;
    margin: 0.5714285714285714em 0 0;
  }
  h2 {
    font-size: 1.5em;
    line-height: 1;
    margin: 1em 0 0;
  }
  h3 {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin: 1.3333333333333333em 0 0;
  }
  ul,
  ol {
    margin: 1.5em 0 0;
  }
  p,
  dt,
  h4,
  h5,
  h6,
  address,
  hr,
  tt {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0;
  }
  dt {
    font-weight: bold;
  }
  dd {
    font-size: 1em;
    line-height: 1.5;
    margin: 0em 0 0;
    padding-left: 27px;
    font-style: italic;
  }
  section li {
    font-size: 1em;
    line-height: 1.5;
    margin: 0em 0 0;
  }
  section ol li {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0;
  }
  footer.post-footer,
  ol.footnotes,
  aside.meta,
  ul.post-categories,
  div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting,
  div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt {
    font-size: 14px !important;
  }
  blockquote {
    font-style: italic;
    margin: 0 1.5em;
    border-left: 2px solid #eeeeee !important;
    padding-left: 20px;
    margin-top: 1.5em;
  }
  pre {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0;
  }
  /* Generic font-size classes. These names are obviously non-semantic and purely to show the font-size being set for each one. */
  .f10 {
    font-size: 0.625em;
    line-height: 2;
    margin: 2.4em 0 0;
  }
  .f11 {
    font-size: 0.6875em;
    line-height: 1.8181818181818181;
    margin: 2.1818181818181817em 0 0;
  }
  .f12 {
    font-size: 0.75em;
    line-height: 2;
    margin: 2em 0 0;
  }
  .f13 {
    font-size: 0.8125em;
    line-height: 1.8461538461538463;
    margin: 1.8461538461538463em 0 0;
  }
  .f14 {
    font-size: 0.875em;
    line-height: 1.7142857142857142;
    margin: 1.7142857142857142em 0 0;
  }
  .f15 {
    font-size: 0.9375em;
    line-height: 1.6;
    margin: 1.6em 0 0;
  }
  .f16 {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0;
  }
  .f18 {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin: 1.3333333333333333em 0 0;
  }
  .f21 {
    font-size: 1.3125em;
    line-height: 1.1428571428571428;
    margin: 1.1428571428571428em 0 0;
  }
  .f24 {
    font-size: 1.5em;
    line-height: 1;
    margin: 1em 0 0;
  }
  .f30 {
    font-size: 1.875em;
    line-height: 0.8;
    margin: 0.8em 0 0;
  }
  .f36 {
    font-size: 2.25em;
    line-height: 1.3333333333333333;
    margin: 0.6666666666666666em 0 0;
  }
  .f42 {
    font-size: 2.625em;
    line-height: 1.1428571428571428;
    margin: 0.5714285714285714em 0 0;
  }
  .f48 {
    font-size: 3em;
    line-height: 1;
    margin: 0.5em 0 0;
  }
  .f54 {
    font-size: 3.375em;
    line-height: 1.3333333333333333;
    margin: 0.4444444444444444em 0 0;
  }
  .f60 {
    font-size: 3.75em;
    line-height: 1.2;
    margin: 0.4em 0 0;
  }
  .f66 {
    font-size: 4.125em;
    line-height: 1.0909090909090908;
    margin: 0.36363636363636365em 0 0;
  }
  /* From here on, I'm setting the top margin of each class to be double the default line-height, i.e. 48px instead of 24px because I think that for larger sized blocks of text, a gap of a single line-height's height isn't enough to separate the headings from the rest of the content. */
  .f72 {
    font-size: 4.5em;
    line-height: 1;
    margin: 0.6666666666666666em 0 0;
  }
  .f84 {
    font-size: 5.25em;
    line-height: 1.1428571428571428;
    margin: 0.5714285714285714em 0 0;
  }
  .f96 {
    font-size: 6em;
    line-height: 1;
    margin: 0.5em 0 0;
  }
  .f108 {
    font-size: 6.75em;
    line-height: 1.1111111111111112;
    margin: 0.4444444444444444em 0 0;
  }
  .f120 {
    font-size: 7.5em;
    line-height: 1;
    margin: 0.4em 0 0;
  }
  /* Boxes */
  .box {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0 solid #999;
    padding: 0 15px;
  }
  .box h3:first-child,
  .box p:first-child {
    margin-top: 0;
  }
  .box + .box {
    margin-top: 1.5em;
  }
  .two {
    padding-top: 1.375em; border-top-width: 2px;
    padding-bottom: 2.875em; border-bottom-width: 2px;
  }
  .three {
    padding-top: 0.4375em; border-top-width: 5px;
    padding-bottom: 0.5625em; border-bottom-width: 3px;
  }
  .four {
    padding-top: 0.5625em; border-top-width: 3px;
    padding-bottom: 0.5625em; border-bottom-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
  }
  .five {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  .round {
    border-radius: 8px;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1.8em;
  margin-bottom: 1.9em;
}
.table,
table {
  width: 100%;
}
.table th,
table th,
.table td,
table td {
  padding: .444em;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th,
table th {
  font-weight: bold;
}
.table thead th,
table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td,
table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody,
table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
table tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th,
table tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
/*  **************************************************************************  *\
	Grid Styles
\*  **************************************************************************  */
/* @group Scaffolding */
body {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.video-container,
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 1.5em;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p.grid {
  margin: .5em 0;
  padding: .7em 0;
  color: #333;
  text-align: center;
  background: #ddd;
  background: #eeeeee;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbbbb), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #bbbbbb, #ffffff);
  background: -moz-linear-gradient(center bottom, #bbbbbb 0%, #ffffff 100%);
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
[class*="col"] {
  display: inline-block;
  float: left;
  *zoom: 1;
}
[class*="col"]:before,
[class*="col"]:after {
  content: "";
  display: table;
}
[class*="col"]:after {
  clear: both;
}
[class*="row"] {
  display: block;
  *zoom: 1;
}
[class*="row"]:before,
[class*="row"]:after {
  content: "";
  display: table;
}
[class*="row"]:after {
  clear: both;
}
.in-progress {
  opacity: 0.4;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
/* @end */
/* @group Main Content */
#main {
  background-color: #ffffff;
  padding-bottom: 1.5em;
}
body.admin-bar #main {
  padding-top: 28px;
}
#frosting {
  padding-top: 0;
}
#infscr-loading img {
  height: 16px;
  width: 16px;
}
.dingbat {
  display: block;
  clear: both;
  overflow: hidden;
  height: 22px;
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 12%, #000000 88%, rgba(0, 0, 0, 0) 100%);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  background: url(../_images/ja-article-hr.png) repeat-x center;
  margin-top: 1.5em !important;
}
.dingbat hr {
  display: block;
  height: 22px;
  background: url(../_images/dingbat.png) no-repeat center center;
  background-image: url('../_images/dingbat.png');
  border: none;
  outline: none;
  margin: 0;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dingbat hr {
    background-image: url('../_images/dingbat@2x.png');
    background-size: 62px 22px;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dingbat hr {
    background-image: url('../_images/dingbat@2x.png');
    background-size: 62px 22px;
  }
}
article {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
  overflow: hidden;
}
article header {
  margin-bottom: 2em;
}
article header h2 {
  margin-top: 0;
}
article aside.meta a,
article footer a {
  text-decoration: none;
}
article aside.meta ul.post-categories,
article footer ul.post-categories {
  padding: 0;
  margin: 0;
}
article aside.meta ul.post-categories li,
article footer ul.post-categories li {
  margin: 0;
  padding: 0;
  list-style: none;
}
article aside.meta a.postdate,
article footer a.postdate,
article aside.meta ul.post-categories li a,
article footer ul.post-categories li a,
article aside.meta a.permalink,
article footer a.permalink {
  margin-bottom: 6px !important;
  display: inline-block;
}
article aside.meta a.postdate,
article footer a.postdate,
article aside.meta ul.post-categories li,
article footer ul.post-categories li,
article aside.meta a.permalink,
article footer a.permalink,
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt,
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
}
article aside.meta a.postdate:before,
article footer a.postdate:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '⏲';
}
article aside.meta ul.post-categories li:first-child a:before,
article footer ul.post-categories li:first-child a:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '';
}
article aside.meta a.permalink:before,
article footer a.permalink:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '🔗';
}
article aside.meta a.postdate:before,
article footer a.postdate:before,
article aside.meta ul.post-categories li:first-child a:before,
article footer ul.post-categories li:first-child a:before,
article aside.meta a.permalink:before,
article footer a.permalink:before,
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt:before,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt:before,
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt:before,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt:before {
  position: absolute;
  left: 0;
  top: 2px;
  vertical-align: middle;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt:before,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt:before {
  top: 0 !important;
}
article aside.meta ul.post-categories.hova li:first-child a:before,
article footer ul.post-categories.hova li:first-child a:before {
  color: #0f4b6d;
}
article aside.meta .related-posts h4,
article footer .related-posts h4 {
  color: #555555;
}
article aside.meta .related-posts h4:before,
article footer .related-posts h4:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '🔖';
  position: relative;
  top: 2px;
  margin-left: -4px;
}
article aside.meta .related-posts ul,
article footer .related-posts ul {
  margin-top: .5em;
  padding: 0;
}
article aside.meta .related-posts ul li,
article footer .related-posts ul li {
  padding: 0;
  margin-bottom: 4px;
  list-style: none;
}
article aside.meta .related-posts ul li a abbr,
article footer .related-posts ul li a abbr {
  display: none;
}
article aside.meta div.wpv_postvote,
article footer div.wpv_postvote {
  margin: 0;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votecount,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votecount {
  display: none;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting {
  color: #1b88c7 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:visited,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:visited {
  color: #1b88c7 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:hover,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:hover {
  color: #0f4b6d !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:active,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:active {
  color: #092c41 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:visited,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:visited {
  color: #1b88c7 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:hover,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:hover {
  color: #0f4b6d !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:active,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:active {
  color: #092c41 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_vote_icon,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_vote_icon,
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_voted_icon,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_voted_icon {
  display: none;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:link span.wpv_votebtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:link span.wpv_votebtn_txt,
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:visited span.wpv_votebtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:visited span.wpv_votebtn_txt {
  color: #1b88c7 !important;
  font-weight: 600 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:hover span.wpv_votebtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:hover span.wpv_votebtn_txt {
  color: #0f4b6d !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:active span.wpv_votebtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting:active span.wpv_votebtn_txt {
  color: #092c41 !important;
  font-weight: 600 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt {
  color: #df5050 !important;
  font-weight: 600 !important;
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt:before,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtn a.wpv_voting span.wpv_votebtn_txt:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '👍';
}
article aside.meta div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt:before,
article footer div.wpv_postvote span.wpv_votewidget span.wpv_votebtncon span.wpv_votebtn span.wpv_votebtn_txt.wpv_votedbtn_txt:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '♥';
}
article section.post-content:not(.scriptnotes-ep) p:first-child {
  margin-top: 0;
}
article section.post-content img {
  margin-top: 27px;
}
article div.related {
  width: auto !important;
  margin-top: 1em !important;
}
article div.related ul {
  margin-left: 0;
  padding-left: 0;
}
article div.related ul li {
  list-style: none;
  padding-left: 0;
}
article section.post-content a.footnote-link {
  color: #1b88c7 !important;
  font-weight: 600;
  border-bottom: none;
}
article section.post-content a.footnote-link:hover {
  color: #0f4b6d !important;
}
article ol.footnotes {
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
article #footnotediv li,
article #footnotediv ol {
  padding-left: 0;
  margin-left: 0;
}
article ol.footnotes {
  display: block;
  padding-left: 39px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 1.5em 0 1.5em 0;
}
article ol.footnotes li a.footnote-back-link {
  text-decoration: none;
  font-size: 11px;
}
article .para-list li {
  margin-bottom: 1em;
}
div.navigation {
  display: none;
}
#footnotediv {
  background-color: white;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  padding: 1em;
  font-weight: 500;
  font-size: 14px;
}
/* @end */
/* @group Category Archives */
#main.archives section.post-content p {
  margin-top: .5em !important;
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.7142857142857142;
  margin: 1.7142857142857142em 0 0;
  padding-left: 1.5em;
}
#main.archives article {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#main.archives header h2 {
  margin-top: 0 !important;
}
#main.archives header {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
#main.archives header strong {
  color: #555555;
}
/* @end */
aside.episode-header {
  margin-bottom: 1.5em !important;
  font-size: 1.2em !important;
  color: white;
  position: relative;
  background: #ff9600 url(../_images/scriptnotes-header.png) no-repeat top left;
  background-size: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: block;
  overflow: hidden;
}
aside.episode-header .episode-title-block {
  position: relative;
}
aside.episode-header .episode-meta {
  display: block;
  font-size: 100%;
  padding-top: 8%;
  padding-bottom: 10px;
  padding-left: 3%;
  padding-right: 3%;
  color: white;
  line-height: 1;
}
aside.episode-header .episode-meta .episode {
  font-size: 80%;
}
aside.episode-header .episode-meta h2.episode-title {
  font-size: 160%;
  display: block;
  max-width: 75%;
  font-weight: 300;
  margin: 0;
}
aside.episode-header .episode-meta span.date {
  font-size: 80%;
}
aside.episode-header h2.episode-title a:link,
aside.episode-header h2.episode-title a:visited,
aside.episode-header h2.episode-title a:hover,
aside.episode-header h2.episode-title a:active {
  color: white !important;
}
aside.episode-header .episode-meta a:link {
  color: white;
  text-decoration: none;
}
a.itunes-link.mobile,
a.premium-link.mobile {
  display: none;
}
a.itunes-link,
a.premium-link {
  text-decoration: none !important;
  font-size: 70%;
  color: #ae4600 !important;
}
a.itunes-link:hover,
a.premium-link:hover {
  font-size: 70%;
  color: #481d00 !important;
}
a.itunes-link:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '♫';
  font-size: 80%;
  margin-right: 5px;
}
a.premium-link:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '🔗';
  font-size: 80%;
  margin-right: 5px;
}
aside.episode-header .episode-player-block {
  clear: both;
  display: block;
  background-color: #ff7d00;
  border-top: 1px solid #ff6700;
  border-bottom: 1px solid #ff6700;
  padding: 6px;
  position: relative;
  *zoom: 1;
}
aside.episode-header .episode-player-block:before,
aside.episode-header .episode-player-block:after {
  content: "";
  display: table;
}
aside.episode-header .episode-player-block:after {
  clear: both;
}
aside.episode-header .episode-player-block a.itunes-link,
aside.episode-header .episode-player-block a.premium-link {
  margin-top: 10px;
  margin-left: 5px;
}
aside.episode-header .episode-player-block a.premium-link {
  margin-right: 15px !important;
}
aside.episode-header .episode-player-block .player {
  float: right;
  padding-right: 6px;
}
aside.episode-header .episode-player-block .player a,
aside.episode-header .episode-player-block a.itunes-link,
aside.episode-header .episode-player-block a.premium-link {
  display: inline-block;
  text-decoration: none;
}
aside.episode-header img {
  margin: 0;
}
.powerpress_player img {
  display: none;
}
.powerpress_player img:before {
  content: 'Play';
}
.powerpress_player a {
  font-size: 95%;
  color: #49ace6 !important;
  background: #b9e5ff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9cdaff), color-stop(1, #b6e4ff));
  background: -ms-linear-gradient(bottom, #9cdaff, #b6e4ff);
  background: -moz-linear-gradient(center bottom, #9cdaff 0%, #b6e4ff 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  padding: 2px 14px 2px 14px;
}
.powerpress_player a:hover {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
  color: #1b88c7 !important;
}
.powerpress_player a:active {
  -webkit-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.4);
  color: #1b88c7;
}
.powerpress_player a:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '▶';
  font-size: 50%;
  margin-right: 6px;
  position: relative;
  top: -2px;
}
.powerpress_player audio {
  display: inline-block;
  position: relative;
  top: 3px;
}
.scriptnotes-archive-header {
  margin-top: 1.5em !important;
  font-size: 1.2em !important;
  color: white;
  position: relative;
  display: block;
  overflow: hidden;
}
.scriptnotes-archive-header .branding {
  background: #ff7d00;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff9600), color-stop(1, #ff5e00));
  background: -ms-linear-gradient(bottom, #ff9600, #ff5e00);
  background: -moz-linear-gradient(center bottom, #ff9600 0%, #ff5e00 100%);
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  width: 100%;
  overflow: hidden;
  display: block;
}
.scriptnotes-archive-header .branding h2 {
  display: inline-block;
  width: 70%;
  height: 100%;
  background-image: url(../_images/scriptnotes-title@2x.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 8% 50%;
  padding: 8% 0 8% 0;
  overflow: hidden;
  text-indent: -9999px;
  margin-top: 0;
}
.scriptnotes-archive-header .branding .branding-inner {
  background-image: url(../_images/scriptnotes-typewriter.png);
  background-size: 12% auto;
  background-repeat: no-repeat;
  background-position: 90% center;
}
.scriptnotes-archive-header .branding a.itunes-link,
.scriptnotes-archive-header .branding a.premium-link {
  float: right;
}
.scriptnotes-archive-header .scriptnotes-description {
  display: block;
  padding: 2%;
  background-color: #ff7d00;
  border-bottom: 1px solid #ff6700;
  border-top: 1px solid #ff6700;
  overflow: hidden;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
.scriptnotes-archive-header .scriptnotes-description h3 {
  margin-top: 0;
  color: white;
  font-weight: 100;
  font-size: 70% !important;
}
.scriptnotes-archive-header .scriptnotes-description a.itunes-link,
.scriptnotes-archive-header .scriptnotes-description a.premium-link {
  display: inline-block;
  float: right;
  margin-right: 4px;
  margin-top: 10px;
}
.scriptnotes-archive-header .scriptnotes-description a.premium-link {
  margin-right: 15px;
}
section.post-content .episode-player-block {
  display: block;
  width: 45%;
  min-width: 330px;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}
section.post-content .episode-player-block span.episode {
  border-top: 2px solid #ff6700 !important;
  display: block;
  color: white !important;
  text-align: center;
  background-color: #ff6700;
  padding-bottom: 5px;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
section.post-content .episode-player-block span.episode strong {
  color: white;
  font-weight: 600;
}
section.post-content .episode-player-block a.itunes-link,
section.post-content .episode-player-block a.premium-link {
  display: inline-block;
  text-decoration: none !important;
}
section.post-content .episode-player-block div.player {
  background-color: #ff7d00;
  border-top: 1px solid #ff6700 !important;
  border-bottom: 1px solid #ff6700 !important;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  display: block;
  text-align: center;
}
section.post-content .episode-player-block div.player .powerpress_player {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  display: block;
}
section.post-content .episode-player-block div.player audio {
  width: 90%;
}
section.post-content .episode-player-block div.player a.premium-link {
  font-size: 15px;
  text-decoration: none !important;
  font-weight: 600;
  border: none;
}
section.post-content .episode-player-block div.player a.premium-link:hover {
  color: #481d00 !important;
}
aside.meta .episode-player-block {
  float: none;
  width: auto;
  margin-left: 0;
}
aside.meta .episode-player-block audio {
  display: auto;
}
.scriptnotes-archive section.post-content *:nth-child(2) {
  margin-top: 0;
}
p.premium-disclaimer {
  background-color: #fff8cc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
}
/* @group Search */
body.search article,
body.search section.post-content {
  margin-bottom: 0 !important;
}
ul#search-results {
  padding: 0;
}
ul#search-results li {
  margin-top: 1.5em;
  list-style: none;
}
section.post-content li:first-child {
  margin-top: 0 !important;
}
ul#search-results a {
  font-size: 1.2em;
}
ul#search-results span.result-url {
  display: block;
  color: #959595;
}
ul#search-results span.result-excerpt {
  display: block;
}
ul#search-results span.result-excerpt time {
  display: inline;
}
ul#search-results span.result-excerpt p {
  display: inline;
}
ul#search-results ul.post-categories {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
ul#search-results ul.post-categories li {
  display: inline-block;
  margin-top: 0;
  margin-right: 4px;
}
ul#search-results ul.post-categories li a:link,
ul#search-results ul.post-categories li a:visited {
  color: #1b88c7;
}
ul#search-results ul.post-categories li a:hover {
  color: #0f4b6d;
}
ul#search-results ul.post-categories li a:active {
  color: #092c41;
}
ul#search-results ul.post-categories li a {
  border: none;
}
ul#search-results ul.post-categories li:first-child a:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '';
  position: relative;
  left: -10px;
  vertical-align: middle;
  padding-left: 10px;
}
/* @end */
/* @group Explore */
ul.cat-list,
.cat-list ul {
  padding: 0;
  margin-top: 27px !important;
}
ul.cat-list li,
.cat-list ul li {
  list-style-type: none;
  padding: 0;
  font-size: 1em;
}
ul.cat-list li a,
.cat-list ul li a {
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
}
ul.cat-list.inline li,
.cat-list.inline ul li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}
ul.cat-list li a,
.cat-list ul li a {
  font-size: 90%;
}
ul.cat-list.inline li a,
.cat-list.inline ul li a {
  display: inline-block;
}
/* @end */
/* @group Year of Citizenship */
.page-template-page-citizenship-php header h2 a {
  display: none;
}
img#citizenship-banner {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.page-template-page-citizenship-php .requirement {
  background: url(../_images/citizenship-unchecked.png) no-repeat left top;
  padding-left: 40px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.page-template-page-citizenship-php .requirement.checked {
  background: url(../_images/citizenship-checked.png) no-repeat left top;
}
.page-template-page-citizenship-php .post-content h3,
.citizenship h3 {
  border-bottom-style: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 9px;
  color: black;
  font: 18px/1.2 Futura, "Gill Sans", Verdana, Arial, sans-serif !important;
  padding-top: 2px;
}
.citizenship {
  background: #fcfcfc url(../_images/citizenship-unchecked.png) no-repeat 30px 22px;
  background-image: url(../_images/citizenship-blog-checkbox.png), url(../_images/citizenship-texture.jpg);
  background-repeat: no-repeat, repeat;
  background-position: 30px 20px;
  border: 1px solid #cacaca;
  padding: 20px 20px 20px 70px;
  margin-bottom: 20px;
  display: block;
  overflow: hidden;
}
.citizenship {
  font: 18px/1.2 Futura, "Gill Sans", Verdana, Arial, sans-serif !important;
}
/* @end */
/* @group Library */
/*
.page-id-340 section.post-content li {
	list-style: none;

}
.page-id-340 section.post-content li a[href$='.pdf']:before {
	.ss-standard;
	.ss-download;
	margin-right: 4px;
	font-size: 70%;
	color: @gray;
}
*/
/* @end */
/* @group Shortcuts */
.alignright {
  float: right;
  margin-left: 20px;
}
.alignleft {
  float: left;
  margin-right: 20px;
}
img.alignright,
img.alignleft {
  max-width: 50%;
}
.tablet-only {
  display: none;
}
.mobile-only {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/* @end */
/* @group Footer */
footer {
  clear: both;
}
/* @end */
div.cool-container a:first-child {
  font-size: 90%;
}
div.cool-container a:first-child strong {
  display: inline-block;
  width: 50px;
  text-align: right;
  margin-left: -50px;
}
div.cool-container ul {
  margin-top: .5em;
  padding: 0;
}
div.cool-container ul li {
  list-style: none;
}
div.cool-container ul li span.label {
  color: white;
  background-color: #969696;
  font-size: 70%;
  padding: .2em .6em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 2px;
}
div.cool-container ul li span.label.john {
  background-color: #54aad9;
}
div.cool-container ul li span.label.craig {
  background-color: #ff984c;
}
/*  **************************************************************************  *\
	css3 mixins
\*  **************************************************************************  */
.pictos {
  font-family: pictos;
}
.fontsmooth-ai {
  -webkit-font-smothing: antialiasing !important;
}
.fontsmooth-sub {
  -webkit-font-smothing: subpixel-antialiased !important;
}
.hidden {
  display: none;
}
.default-link {
  color: #1b88c7 !important;
}
.default-link:visited {
  color: #1b88c7 !important;
}
.default-link:hover {
  color: #0f4b6d !important;
}
.default-link:active {
  color: #092c41 !important;
}
.scriptnotes-archive-header .scriptnotes-description h3 {
  font-size: 80% !important;
  margin-top: 1.5em;
}
.scriptnotes-archive-header .scriptnotes-description h3:first-child {
  margin-top: 0;
}
div.scriptnotes-premium-header {
  *zoom: 1;
  font-size: 90%;
  margin-top: 1.5em !important;
}
div.scriptnotes-premium-header:before,
div.scriptnotes-premium-header:after {
  content: "";
  display: table;
}
div.scriptnotes-premium-header:after {
  clear: both;
}
div.scriptnotes-premium-header div.about-scriptnotes {
  *zoom: 1;
  padding-bottom: 1em !important;
}
div.scriptnotes-premium-header div.about-scriptnotes:before,
div.scriptnotes-premium-header div.about-scriptnotes:after {
  content: "";
  display: table;
}
div.scriptnotes-premium-header div.about-scriptnotes:after {
  clear: both;
}
div.scriptnotes-premium-header div.about-scriptnotes h3 {
  margin-top: 0;
}
div.scriptnotes-premium-header div.about-premium {
  background-color: #f4f2eb;
  border-top: 2px solid #ff6700;
  padding-bottom: 1em;
  *zoom: 1;
}
div.scriptnotes-premium-header div.about-premium:before,
div.scriptnotes-premium-header div.about-premium:after {
  content: "";
  display: table;
}
div.scriptnotes-premium-header div.about-premium:after {
  clear: both;
}
div.scriptnotes-premium-header div.about-premium div.premium-apps {
  background-image: url('../_images/scriptnotes-apps.png');
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
div.scriptnotes-premium-header div.about-premium h3 {
  margin-top: 1em;
}
div.scriptnotes-premium-header p {
  font-weight: 100;
  margin-top: 0;
  color: #767676;
}
div.scriptnotes-premium-header h3 {
  color: #ff6700;
}
div.scriptnotes-premium-header ul {
  margin-top: .5em;
  padding-left: 0;
}
div.scriptnotes-premium-header ul li {
  list-style: none;
}
div.scriptnotes-premium-header ul li a {
  text-decoration: none !important;
}
div.scriptnotes-premium-header ul li a:before {
  text-decoration: none;
  font-size: 80%;
  margin-right: 8px;
  color: #767676;
}
div.scriptnotes-premium-header ul li a.itunes:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '♫';
}
div.scriptnotes-premium-header ul li a.archives:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '🔗';
}
div.scriptnotes-premium-header ul li a.app:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '📱';
}
div.scriptnotes-premium-header ul li a.rss:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '';
}
ul#scriptnotes-list {
  padding: 0;
  border-top: 1px #edf1f5 solid;
}
ul#scriptnotes-list li {
  list-style: none;
  display: block;
  border-bottom: 1px #edf1f5 solid;
  padding: 1em;
  position: relative;
  /*		.archived a.episode-permalink:before {
			text-decoration: none;
			color: lighten(@jaBlue, 10%);
			.ss-standard;
			.ss-lock;
			font-size: 80%;
			margin-right: 5px;
			bottom: -2px;
			position: relative;
		}
*/
}
ul#scriptnotes-list li:hover,
ul#scriptnotes-list li.expanded {
  background-color: #f8fcff;
  border-bottom: 1px #c6d8e4 solid;
  border-top: 1px #c6d8e4 solid;
  margin-top: -1px;
  cursor: pointer;
}
ul#scriptnotes-list li:hover div.disclosure {
  color: #454545 !important;
}
ul#scriptnotes-list li div.episode-container {
  padding-right: 95px;
  position: relative;
  padding-left: 20px;
  clear: both;
}
ul#scriptnotes-list li div.episode-container div.disclosure {
  display: inline-block;
  width: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s ease-in-out;
  -webkit-animation-direction: alternate;
  font-size: 50%;
  color: #787878;
  text-align: center;
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -10px;
}
ul#scriptnotes-list li div.episode-container div.disclosure.expanded {
  -webkit-transform: rotate(180deg);
}
ul#scriptnotes-list li div.episode-container div.episode-link {
  text-decoration: none;
  overflow: hidden;
  padding-right: 85px;
  position: relative;
}
ul#scriptnotes-list li div.episode-container div.episode-link.archived {
  padding-right: 82px;
}
ul#scriptnotes-list li div.episode-container div.episode-link a.episode-permalink {
  text-decoration: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
ul#scriptnotes-list li div.episode-container div.episode-link a.episode-permalink:hover {
  text-decoration: underline;
}
ul#scriptnotes-list li div.episode-container .episode-extras {
  display: inline-block;
  padding-right: 85px;
  position: absolute;
  top: 0;
  right: 0;
}
ul#scriptnotes-list li div.episode-container .episode-extras a.goto-episode {
  text-align: center;
  font-size: 90%;
  overflow: hidden;
  display: inline-block;
  color: white;
  background-color: #49ace6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: .2em .5em;
  text-decoration: none;
  font-size: 70%;
}
ul#scriptnotes-list li div.episode-container .episode-extras a.goto-episode:hover {
  background-color: #33a2e3;
}
ul#scriptnotes-list li div.episode-container .episode-extras a.goto-episode.archived {
  background-color: #ff7d00;
}
ul#scriptnotes-list li div.episode-container .episode-extras a.goto-episode.archived:hover {
  background-color: #e67100;
}
ul#scriptnotes-list li div.episode-container .episode-extras div.date {
  position: absolute;
  right: 0;
  top: 3px;
  font-weight: normal;
  color: #555555;
  font-size: 90%;
  float: right;
}
ul#scriptnotes-list li div.summary {
  font-weight: normal;
  font-size: 90%;
  display: none;
  overflow: hidden;
  margin-right: -95px;
  color: #555555;
}
ul#scriptnotes-list li div.summary p {
  margin-top: .5em;
}
div.ss-item {
  padding-left: 5px;
}
ul.ss-choices {
  padding-left: 5px;
}
ul.ss-choices li {
  list-style-type: none !important;
}
label.ss-q-title {
  font-weight: bold;
  display: block;
}
div.ss-item {
  display: block;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-size: 120%;
}
div.scriptnotes-archive-header div.branding.survey {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
div.scriptnotes-archive-header div.branding.survey div.branding-inner h2 {
  background-image: url(../_images/scriptnotes-survey-title@2x.png);
  background-size: 90%;
  background-position: 30% 50%;
}
textarea {
  -webkit-appearance: none;
  width: 90%;
  border: 2px #c6c6c6 solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  margin-top: 1.5em;
  padding: 4px;
}
textarea:focus {
  border: 2px #939393 solid;
}
.scriptnotes-threepage-header {
  background-image: url('../_images/scriptnotes-threepage-header.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 37%;
  margin-top: 2em !important;
  border-radius: 12px;
}
div.gform_wrapper {
  margin-top: 1em !important;
}
div.gform_wrapper ul {
  padding: 0;
  margin-top: 1em !important;
}
div.gform_wrapper ul li {
  list-style: none;
}
div.gform_wrapper ul li span.gfield_required {
  color: #f73939 !important;
}
div.gform_wrapper ul li label {
  font-size: 100% !important;
}
div.gform_wrapper ul li input,
div.gform_wrapper ul li textarea,
div.gform_wrapper ul li select {
  font-size: 100% !important;
  font-family: "freight-sans-pro", sans-serif;
}
div.gform_wrapper div.gform_body {
  padding-left: 1em;
  padding-right: 1em;
}
div.gform_wrapper .gfield {
  margin-top: 1em !important;
}
div.gform_wrapper form {
  background-color: #fafafa;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}
div.gform_wrapper div.gform_footer {
  padding-left: 1em;
  margin-bottom: 1em;
}
/*  **************************************************************************  *\
	Responsive Rules
\*  **************************************************************************  */
/*  **************************************************************************  *\
	The Organic Grid
\*  **************************************************************************  */
/*  **************************************************************************  *\
	Example of basic grid classes (non-semantic html method)
\*  **************************************************************************  */
/* fixed */
.row {
  margin: 0 -12px;
}
.row .col-1 {
  width: 68px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-2 {
  width: 160px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-3 {
  width: 252px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-4 {
  width: 344px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-5 {
  width: 436px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-6 {
  width: 528px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-7 {
  width: 620px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-8 {
  width: 712px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-9 {
  width: 804px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-10 {
  width: 896px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-11 {
  width: 988px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row .col-12 {
  width: 1080px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
/* fluid */
.row-fluid {
  margin: 0 -1.0869565217391304%;
}
.row-fluid .col-1 {
  width: 7.391304347826087%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-2 {
  width: 17.391304347826086%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-3 {
  width: 27.391304347826086%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-4 {
  width: 37.391304347826086%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-5 {
  width: 47.391304347826086%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-6 {
  width: 57.391304347826086%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-7 {
  width: 67.3913043478261%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-8 {
  width: 77.3913043478261%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-9 {
  width: 87.3913043478261%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-10 {
  width: 97.3913043478261%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-11 {
  width: 107.3913043478261%;
  margin: 0 1.3043478260869565%;
}
.row-fluid .col-12 {
  width: 117.3913043478261%;
  margin: 0 1.3043478260869565%;
}
/*  **************************************************************************  *\
	Example of offsetting, appending and prepending (non-semantic html)
\*  **************************************************************************  */
/* fixed */
.row .push-1 {
  margin-left: 104px;
}
.row .push-2 {
  margin-left: 196px;
}
.row .push-3 {
  margin-left: 288px;
}
.row .push-4 {
  margin-left: 380px;
}
.row .push-5 {
  margin-left: 472px;
}
.row .push-6 {
  margin-left: 564px;
}
.row .push-7 {
  margin-left: 656px;
}
.row .push-8 {
  margin-left: 748px;
}
.row .push-9 {
  margin-left: 840px;
}
.row .push-10 {
  margin-left: 932px;
}
.row .push-11 {
  margin-left: 1024px;
}
.row .push-12 {
  margin-left: 1116px;
}
.row .pull-1 {
  margin-left: -80px;
}
.row .pull-2 {
  margin-left: -172px;
}
.row .pull-3 {
  margin-left: -264px;
}
.row .pull-4 {
  margin-left: -356px;
}
.row .pull-5 {
  margin-left: -448px;
}
.row .pull-6 {
  margin-left: -540px;
}
.row .pull-7 {
  margin-left: -632px;
}
.row .pull-8 {
  margin-left: -724px;
}
.row .pull-9 {
  margin-left: -816px;
}
.row .pull-10 {
  margin-left: -908px;
}
.row .pull-11 {
  margin-left: -1000px;
}
.row .pull-12 {
  margin-left: -1092px;
}
.row .append-1 {
  padding-right: 92px;
}
.row .append-2 {
  padding-right: 184px;
}
.row .append-3 {
  padding-right: 276px;
}
.row .append-4 {
  padding-right: 368px;
}
.row .append-5 {
  padding-right: 460px;
}
.row .append-6 {
  padding-right: 552px;
}
.row .append-7 {
  padding-right: 644px;
}
.row .append-8 {
  padding-right: 736px;
}
.row .append-9 {
  padding-right: 828px;
}
.row .append-10 {
  padding-right: 920px;
}
.row .append-11 {
  padding-right: 1012px;
}
.row .prepend-1 {
  padding-left: 92px;
}
.row .prepend-2 {
  padding-left: 184px;
}
.row .prepend-3 {
  padding-left: 276px;
}
.row .prepend-4 {
  padding-left: 368px;
}
.row .prepend-5 {
  padding-left: 460px;
}
.row .prepend-6 {
  padding-left: 552px;
}
.row .prepend-7 {
  padding-left: 644px;
}
.row .prepend-8 {
  padding-left: 736px;
}
.row .prepend-9 {
  padding-left: 828px;
}
.row .prepend-10 {
  padding-left: 920px;
}
.row .prepend-11 {
  padding-left: 1012px;
}
/* fluid */
.row-fluid .push-1 {
  margin-left: 9.420289855072463%;
}
.row-fluid .push-2 {
  margin-left: 17.753623188405797%;
}
.row-fluid .push-3 {
  margin-left: 26.08695652173913%;
}
.row-fluid .push-4 {
  margin-left: 34.42028985507246%;
}
.row-fluid .push-5 {
  margin-left: 42.7536231884058%;
}
.row-fluid .push-6 {
  margin-left: 51.08695652173913%;
}
.row-fluid .push-7 {
  margin-left: 59.42028985507246%;
}
.row-fluid .push-8 {
  margin-left: 67.7536231884058%;
}
.row-fluid .push-9 {
  margin-left: 76.08695652173913%;
}
.row-fluid .push-10 {
  margin-left: 84.42028985507247%;
}
.row-fluid .push-11 {
  margin-left: 92.7536231884058%;
}
.row-fluid .push-12 {
  margin-left: 101.08695652173913%;
}
.row-fluid .pull-1 {
  margin-left: -7.246376811594203%;
}
.row-fluid .pull-2 {
  margin-left: -15.579710144927537%;
}
.row-fluid .pull-3 {
  margin-left: -23.91304347826087%;
}
.row-fluid .pull-4 {
  margin-left: -32.2463768115942%;
}
.row-fluid .pull-5 {
  margin-left: -40.57971014492754%;
}
.row-fluid .pull-6 {
  margin-left: -48.91304347826087%;
}
.row-fluid .pull-7 {
  margin-left: -57.2463768115942%;
}
.row-fluid .pull-8 {
  margin-left: -65.57971014492753%;
}
.row-fluid .pull-9 {
  margin-left: -73.91304347826087%;
}
.row-fluid .pull-10 {
  margin-left: -82.2463768115942%;
}
.row-fluid .pull-11 {
  margin-left: -90.57971014492753%;
}
.row-fluid .pull-12 {
  margin-left: -98.91304347826087%;
}
.row-fluid .append-1 {
  padding-right: 8.333333333333334%;
}
.row-fluid .append-2 {
  padding-right: 16.666666666666668%;
}
.row-fluid .append-3 {
  padding-right: 25%;
}
.row-fluid .append-4 {
  padding-right: 33.333333333333336%;
}
.row-fluid .append-5 {
  padding-right: 41.666666666666664%;
}
.row-fluid .append-6 {
  padding-right: 50%;
}
.row-fluid .append-7 {
  padding-right: 58.333333333333336%;
}
.row-fluid .append-8 {
  padding-right: 66.66666666666667%;
}
.row-fluid .append-9 {
  padding-right: 75%;
}
.row-fluid .append-10 {
  padding-right: 83.33333333333333%;
}
.row-fluid .append-11 {
  padding-right: 91.66666666666667%;
}
.row-fluid .prepend-1 {
  padding-left: 8.333333333333334%;
}
.row-fluid .prepend-2 {
  padding-left: 16.666666666666668%;
}
.row-fluid .prepend-3 {
  padding-left: 25%;
}
.row-fluid .prepend-4 {
  padding-left: 33.333333333333336%;
}
.row-fluid .prepend-5 {
  padding-left: 41.666666666666664%;
}
.row-fluid .prepend-6 {
  padding-left: 50%;
}
.row-fluid .prepend-7 {
  padding-left: 58.333333333333336%;
}
.row-fluid .prepend-8 {
  padding-left: 66.66666666666667%;
}
.row-fluid .prepend-9 {
  padding-left: 75%;
}
.row-fluid .prepend-10 {
  padding-left: 83.33333333333333%;
}
.row-fluid .prepend-11 {
  padding-left: 91.66666666666667%;
}
/*  **************************************************************************  *\
	Example of nesting (change class names for semantic html). We can't
	predict nesting combo's, so instead nesting should be done with LESS.
\*  **************************************************************************  */
/* fixed */
.row-12-tier-1 {
  margin: 0 -12px;
}
.col-4-tier-1 {
  width: 344px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.col-8-tier-1 {
  width: 712px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row-8-tier-2 {
  margin: 0 -12px;
}
.col-2-tier-2 {
  width: 160px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.col-6-tier-2 {
  width: 528px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.row-6-tier-3 {
  margin: 0 -12px;
}
.col-1-tier-3 {
  width: 68px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.col-2-tier-3 {
  width: 160px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.col-3-tier-3 {
  width: 252px;
  margin: 0 12px;
  float: left;
  display: inline-block;
}
.append-1 {
  padding-right: 92px;
}
.append-2 {
  padding-right: 184px;
}
.prepend-1 {
  padding-left: 92px;
}
.prepend-2 {
  padding-left: 184px;
}
.prepend-3 {
  padding-left: 276px;
}
/* fluid */
.row-fluid-12-tier-1 {
  margin: 0 -1.0869565217391304%;
}
.col-fluid-4-tier-1 {
  width: 31.159420289855074%;
  margin: 0 1.0869565217391304%;
}
.col-fluid-8-tier-1 {
  width: 64.4927536231884%;
  margin: 0 1.0869565217391304%;
}
.row-fluid-8-tier-2 {
  margin: 0 -1.6304347826086956%;
}
.col-fluid-2-tier-2 {
  width: 21.73913043478261%;
  margin: 0 1.6304347826086956%;
}
.col-fluid-6-tier-2 {
  width: 71.73913043478261%;
  margin: 0 1.6304347826086956%;
}
.row-fluid-6-tier-3 {
  margin: 0 -2.1739130434782608%;
}
.col-fluid-1-tier-3 {
  width: 12.318840579710145%;
  margin: 0 2.1739130434782608%;
}
.col-fluid-2-tier-3 {
  width: 28.985507246376812%;
  margin: 0 2.1739130434782608%;
}
.col-fluid-3-tier-3 {
  width: 45.65217391304348%;
  margin: 0 2.1739130434782608%;
}
.col-fluid-4-tier-3 {
  width: 62.31884057971015%;
  margin: 0 2.1739130434782608%;
}
.append-fluid-1 {
  padding-right: 16.666666666666668%;
}
.append-fluid-2 {
  padding-right: 33.333333333333336%;
}
.prepend-fluid-1 {
  padding-left: 16.666666666666668%;
}
.prepend-fluid-2 {
  padding-left: 33.333333333333336%;
}
.prepend-fluid-3 {
  padding-left: 50%;
}
/*  **************************************************************************  *\
	Grid Wrap Styles
\*  **************************************************************************  */
body .wrap-fixed {
  width: 896px;
}
body .wrap-fluid {
  margin-left: 2.608695652173913%;
}
/*  **************************************************************************  *\
	Media Query 480px
	Targets landscape phones and down
\*  **************************************************************************  */
@media only screen and (max-width: 480px) {
  /*  **************************************************************************  *\
	css3 mixins
\*  **************************************************************************  */
  .pictos {
    font-family: pictos;
  }
  .fontsmooth-ai {
    -webkit-font-smothing: antialiasing !important;
  }
  .fontsmooth-sub {
    -webkit-font-smothing: subpixel-antialiased !important;
  }
  .hidden {
    display: none;
  }
  .default-link {
    color: #1b88c7 !important;
  }
  .default-link:visited {
    color: #1b88c7 !important;
  }
  .default-link:hover {
    color: #0f4b6d !important;
  }
  .default-link:active {
    color: #092c41 !important;
  }
  ul#scriptnotes-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  ul#scriptnotes-list li {
    /*		.archived a.episode-permalink:before {
			text-decoration: none;
			color: lighten(@jaBlue, 10%);
			.ss-standard;
			.ss-lock;
			font-size: 80%;
			margin-right: 5px;
			bottom: -2px;
			position: relative;
		}
*/
  }
  ul#scriptnotes-list li:hover,
  ul#scriptnotes-list li.expanded {
    background-color: white;
  }
  ul#scriptnotes-list li div.episode-container {
    padding-right: 0;
    padding-left: 0;
  }
  ul#scriptnotes-list li div.episode-container div.disclosure {
    display: none;
  }
  ul#scriptnotes-list li div.episode-container div.episode-link {
    padding-right: 0 !important;
  }
  ul#scriptnotes-list li div.episode-container div.episode-link a.episode-permalink {
    font-size: 90%;
  }
  ul#scriptnotes-list li div.episode-container .episode-extras {
    display: block;
    padding-right: 0;
    position: relative;
    top: 0;
    right: 0;
    overflow: hidden;
    padding-top: 5px;
  }
  ul#scriptnotes-list li div.episode-container .episode-extras a.goto-episode {
    overflow: visible;
  }
  ul#scriptnotes-list li div.summary {
    margin-right: 0 !important;
    display: block;
  }
  body {
    font-size: 112.5%;
  }
  body.grid {
    background: url('http://www.baselineme.com/27') center top repeat;
  }
  body.stats:before {
    content: 'baseline:1.5  bodypercentage:112.5%  baselinegrid:27';
    position: absolute;
    top: 0;
    left: 0;
  }
  #main {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
  div.scrippet {
    max-width: 85% !important;
  }
  div.scrippet .dialogue {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
/*  **************************************************************************  *\
	Media Query 767px
	Targets landscape phone to portrait tablet
\*  **************************************************************************  */
@media only screen and (max-width: 767px) {
  header#page-header {
    border-left: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin-right: 0 !important;
    z-index: 100;
  }
  .touch header#page-header {
    position: absolute;
  }
  header#page-header.expanded {
    box-shadow: none;
  }
  body.admin-bar header#page-header {
    top: 28px;
  }
  #title-block {
    text-align: left;
    height: auto !important;
    width: 100%;
    display: block;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#ffffff));
    background-image: -moz-linear-gradient(90deg, #f2f2f2 0%, #ffffff 100%);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 100;
  }
  div#menu-block,
  #page-header nav {
    display: block;
    background-color: #60a6cf;
    overflow: hidden;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 50;
    display: none;
    width: 100%;
  }
  .toggle,
  #mobile-twitter,
  #mobile-ask {
    display: inline-block;
    position: absolute;
    top: 0;
    font-size: 14px;
    color: #555555;
    width: 30px;
    height: 26px;
    padding-top: 14px;
    text-align: center;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .toggle:hover,
  .toggle:active,
  #mobile-twitter:hover,
  #mobile-twitter:active,
  #mobile-ask:hover,
  #mobile-ask:active {
    cursor: pointer;
    color: #333333;
  }
  #menu-toggle {
    right: 8px;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
    padding-top: 16px;
  }
  #search-toggle {
    padding-top: 16px;
    right: 38px;
    font-size: 12px;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  #mobile-ask {
    right: 68px;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  #mobile-twitter {
    right: 98px;
    font-family: "SSSocial";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  h1#site-title {
    display: inline-block;
    padding: 8px;
    display: block;
    overflow: hidden;
  }
  h1#site-title a {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    color: #1b88c7;
    display: block;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  h1#site-title a .brad {
    background: no-repeat center center;
    background-size: 100%;
    background-image: url(../_images/ja-logo.png);
    background-color: #1b88c7;
    text-align: center;
    color: #399dd8;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  h1#site-title a em {
    font-style: normal;
    float: left;
    padding-top: 2px;
  }
  h1#site-title a:hover,
  h1#site-title a:active {
    color: #49ace6;
  }
  h1#site-title a:hover .brad,
  h1#site-title a:active .brad {
    background-color: #49ace6;
  }
  h1#site-title {
    margin: 0;
  }
  h1#site-title a {
    font-size: 16px;
  }
  h1#site-title a .brad {
    display: inline-block !important;
    float: left !important;
    height: 24px;
    width: 24px;
    margin-right: 10px;
  }
  h1#site-title a em {
    display: inline-block;
    height: 24px;
  }
  #page-header nav {
    overflow: hidden;
    clear: both;
    margin: 0;
  }
  #main-nav {
    display: block !important;
    position: relative;
    margin: 0;
  }
  #main-nav li {
    font-size: 12px !important;
    margin: 0 !important;
  }
  #main-nav li a {
    background-color: #1d91d5;
    color: white;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    transition: 0.15s;
  }
  #main-nav li a:hover,
  #main-nav li a:active {
    background-color: #1b85c3;
  }
  #page-header form {
    margin: 0;
    padding: 0;
  }
  #page-header form input#search {
    -webkit-appearance: none;
    box-sizing: border-box;
    /* css3 rec */
    -moz-box-sizing: border-box;
    /* ff2 */
    -ms-box-sizing: border-box;
    /* ie8 */
    -webkit-box-sizing: border-box;
    /* safari3 */
    -khtml-box-sizing: border-box;
    /* konqueror */
    font-size: 12px;
    display: block;
    width: 100%;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    box-shadow: 1px 1px rgba(56, 157, 216, 0.75);
    border: none;
    outline: none;
    padding: 4px 10px 4px 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    position: relative;
  }
  #page-header form input#search:after {
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: '🔎';
    color: gray;
    position: absolute;
    top: 4px;
    right: 10px;
  }
  #main-nav {
    padding: 0;
  }
  #main-nav li {
    display: block;
  }
  #main-nav li {
    margin: 2px;
  }
  #main-nav li a {
    font-size: 150%;
    display: block;
    padding: 8px;
    border-bottom: 1px solid #1a82be;
  }
  #page-header form {
    background-color: #60a6cf;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    display: none;
  }
  #page-header fieldset {
    padding: 12px 15px 12px 15px;
  }
  body {
    widows: 100%;
    font-size: 112.5%;
  }
  body.grid {
    background: url('http://www.baselineme.com/27') center top repeat;
  }
  body.stats:before {
    content: 'baseline:1.5  bodypercentage:112.5%  baselinegrid:27';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
  }
  body [class*="wrap-"] {
    width: 100%;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
  }
  body [class*="row"],
  body [class*="row"] [class*="row"],
  body [class*="row"] [class*="col"] {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  body [class*="row"],
  body [class*="row"] [class*="row"] {
    margin: 0;
  }
  body form {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  body form .wide {
    text-align: left;
  }
  body form[class*="row"],
  body form[class*="row"] [class*="row"] {
    margin: 1em 0;
  }
  .ad-box {
    display: none;
  }
  #main {
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    border-left: none;
    padding-top: 40px;
  }
  #main section.post-content {
    margin-bottom: 1em;
  }
  #main aside.meta {
    display: block;
    clear: both;
    overflow: hidden;
  }
  #main aside.meta a.postdate,
  #main aside.meta ul.post-categories,
  #main aside.meta a.permalink {
    margin-right: 20px;
  }
  #main aside.meta ul.post-categories {
    display: inline-block;
  }
  #main aside.meta a.postdate,
  #main aside.meta ul.post-categories li,
  #main aside.meta a.permalink {
    display: inline-block;
    padding: 0 0 0 20px;
    margin-bottom: 10px;
  }
  #main aside.meta ul.post-categories li {
    margin-bottom: 0;
  }
  #main aside.meta div.wpv_postvote {
    display: inline-block;
  }
  .no-mobile {
    display: none;
  }
  h1,
  header h2 {
    font-size: 200% !important;
  }
  body.menu-expanded #frosting {
    padding-top: 240px;
  }
  body.search-expanded #frosting {
    padding-top: 45px;
  }
  ul#answer-finder li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
  }
  ul#answer-finder li a {
    font-size: 90%;
    display: inline-block;
  }
  div#article-summaries {
    padding-top: 2em;
  }
  /* @group Scriptnotes episode */
  article.scriptnotes a.itunes-link.mobile {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 15px;
  }
  aside.episode-header {
    font-size: 1em !important;
  }
  aside.episode-header .episode-meta {
    font-size: 1.2em !important;
    padding-bottom: 20px;
  }
  aside.episode-header .episode-meta span.episode {
    font-size: 80% !important;
  }
  aside.episode-header .episode-meta h2.episode-title {
    font-size: 100% !important;
  }
  aside.episode-header .episode-meta span.date {
    font-size: 80% !important;
    padding-bottom: 20px;
  }
  aside.episode-header .episode-player-block {
    font-size: 120%;
  }
  aside.episode-header .episode-player-block a.itunes-link {
    display: none;
  }
  aside.episode-header .episode-player-block .player {
    float: none;
    display: block;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  section.post-content .episode-player-block {
    width: auto;
    min-width: 100% !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  /* @end */
  div.scrippet {
    max-width: 70%;
  }
  .mobile-only {
    position: relative;
    top: inherit;
    left: inherit;
  }
  /*
	//img:not([width]),
	img:not([src$=".jpg"]),
	img:not([src$=".png"]) {
		float: none;
		width: 100%;
		height: auto;
		clear: both;
		max-width: 100%;
		margin: .5em 0 .5em 0;
	}
	*/
  /*
	img:not([class~="alignright"]) {
		float: none;
		width: 100%;
		height: auto;
		clear: both;
		max-width: 100%;
		margin: .5em 0 .5em 0;
	}
*/
  img:not([class*="align"]) {
    float: none;
    width: 100%;
    height: auto;
    clear: both;
    max-width: 100%;
    margin: .5em 0 .5em 0;
  }
  div.scriptnotes-premium-header {
    margin: 0 -12px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description {
    background-image: url('http://johnaugust.com/Assets/scriptnotes/scriptnotes-600.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 180px auto;
    padding-top: 200px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description p,
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description h3 {
    margin-left: 15px;
    margin-right: 15px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-elsewhere {
    margin-top: 1em;
    margin-left: 15px;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-description {
    margin-left: 15px;
    margin-right: 15px;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps {
    margin-left: 15px;
    margin-right: 15px;
    background-size: auto 80%;
    background-position: right center;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps div.scriptnotes-premium {
    padding-right: 100px !important;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps div.scriptnotes-app {
    padding-right: 100px !important;
  }
}
/*  **************************************************************************  *\
	Media Query 768px
	Target landscape phone to portrait tablet
\*  **************************************************************************  */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header#page-header {
    border-left: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin-right: 0 !important;
    z-index: 100;
  }
  .touch header#page-header {
    position: absolute;
  }
  header#page-header.expanded {
    box-shadow: none;
  }
  body.admin-bar header#page-header {
    top: 28px;
  }
  #title-block {
    text-align: left;
    height: auto !important;
    width: 100%;
    display: block;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#ffffff));
    background-image: -moz-linear-gradient(90deg, #f2f2f2 0%, #ffffff 100%);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 100;
  }
  div#menu-block,
  #page-header nav {
    display: block;
    background-color: #60a6cf;
    overflow: hidden;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 50;
    display: none;
    width: 100%;
  }
  .toggle,
  #mobile-twitter,
  #mobile-ask {
    display: inline-block;
    position: absolute;
    top: 0;
    font-size: 14px;
    color: #555555;
    width: 30px;
    height: 26px;
    padding-top: 14px;
    text-align: center;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .toggle:hover,
  .toggle:active,
  #mobile-twitter:hover,
  #mobile-twitter:active,
  #mobile-ask:hover,
  #mobile-ask:active {
    cursor: pointer;
    color: #333333;
  }
  #menu-toggle {
    right: 8px;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
    padding-top: 16px;
  }
  #search-toggle {
    padding-top: 16px;
    right: 38px;
    font-size: 12px;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  #mobile-ask {
    right: 68px;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  #mobile-twitter {
    right: 98px;
    font-family: "SSSocial";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
  }
  h1#site-title {
    display: inline-block;
    padding: 8px;
    display: block;
    overflow: hidden;
  }
  h1#site-title a {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    color: #1b88c7;
    display: block;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  h1#site-title a .brad {
    background: no-repeat center center;
    background-size: 100%;
    background-image: url(../_images/ja-logo.png);
    background-color: #1b88c7;
    text-align: center;
    color: #399dd8;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  h1#site-title a em {
    font-style: normal;
    float: left;
    padding-top: 2px;
  }
  h1#site-title a:hover,
  h1#site-title a:active {
    color: #49ace6;
  }
  h1#site-title a:hover .brad,
  h1#site-title a:active .brad {
    background-color: #49ace6;
  }
  h1#site-title {
    margin: 0;
  }
  h1#site-title a {
    font-size: 16px;
  }
  h1#site-title a .brad {
    display: inline-block !important;
    float: left !important;
    height: 24px;
    width: 24px;
    margin-right: 10px;
  }
  h1#site-title a em {
    display: inline-block;
    height: 24px;
  }
  #page-header nav {
    overflow: hidden;
    clear: both;
    margin: 0;
  }
  #main-nav {
    display: block !important;
    position: relative;
    margin: 0;
  }
  #main-nav li {
    font-size: 12px !important;
    margin: 0 !important;
  }
  #main-nav li a {
    background-color: #1d91d5;
    color: white;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    transition: 0.15s;
  }
  #main-nav li a:hover,
  #main-nav li a:active {
    background-color: #1b85c3;
  }
  #page-header form {
    margin: 0;
    padding: 0;
  }
  #page-header form input#search {
    -webkit-appearance: none;
    box-sizing: border-box;
    /* css3 rec */
    -moz-box-sizing: border-box;
    /* ff2 */
    -ms-box-sizing: border-box;
    /* ie8 */
    -webkit-box-sizing: border-box;
    /* safari3 */
    -khtml-box-sizing: border-box;
    /* konqueror */
    font-size: 12px;
    display: block;
    width: 100%;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    box-shadow: 1px 1px rgba(56, 157, 216, 0.75);
    border: none;
    outline: none;
    padding: 4px 10px 4px 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    position: relative;
  }
  #page-header form input#search:after {
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: '🔎';
    color: gray;
    position: absolute;
    top: 4px;
    right: 10px;
  }
  header#page-header {
    position: fixed;
  }
  #page-header nav {
    text-align: center;
    position: relative;
    width: 100%;
  }
  #main-nav {
    text-align: center;
    padding: 15px 0 15px 0;
  }
  #main-nav li {
    padding: 0 4px 0 4px !important;
    display: inline-block;
    width: 14%;
  }
  #main-nav li a {
    width: 100%;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    border: 1px solid #1d91d5;
  }
  #main-nav li a:hover {
    border: 1px solid #1878b1;
  }
  #search-toggle {
    display: none;
  }
  #mobile-twitter {
    right: 68px;
    display: inline-block;
  }
  #mobile-ask {
    right: 38px;
    display: inline-block;
  }
  #page-header form {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 29%;
    position: absolute;
    top: 10px;
    right: 98px;
    width: 30%;
    display: block;
  }
  #page-header form input#search {
    -webkit-appearance: none;
    font-size: 12px;
    display: block;
    width: 85%;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    box-shadow: 1px 1px rgba(56, 157, 216, 0.75);
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    float: right;
  }
  /*
#page-header form input#search:after {
 	//.ss-icon;
 	content: "🔎";
 	color: gray;
 	position: absolute;
 	top: 4px;
 	right: 10px;
 }
 */
  body {
    font-size: 112.5%;
  }
  body.grid {
    background: url('http://www.baselineme.com/27') center top repeat;
  }
  body.stats:before {
    content: 'baseline:1.5  bodypercentage:112.5%  baselinegrid:27';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
  }
  body [class*="wrap-"] {
    width: 100%;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
  }
  body [class*="row"],
  body [class*="row"] [class*="row"],
  body [class*="row"] [class*="col"] {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  body [class*="row"],
  body [class*="row"] [class*="row"] {
    margin: 0;
  }
  body form {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  body form .wide {
    text-align: left;
  }
  body form[class*="row"],
  body form[class*="row"] [class*="row"] {
    margin: 1em 0;
  }
  .ad-box {
    display: none;
  }
  #main-nav {
    display: inline-block;
  }
  #main {
    max-width: 528px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 25px;
    padding-right: 25px;
    border-left: none;
    padding-top: 40px;
  }
  section.post-content {
    margin-bottom: 1em;
  }
  article aside.meta {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 1.5em 0;
  }
  article aside.meta a.postdate,
  article aside.meta ul.post-categories,
  article aside.meta a.permalink {
    margin-right: 20px !important;
  }
  article aside.meta ul.post-categories {
    display: inline-block;
  }
  article aside.meta a.postdate,
  article aside.meta ul.post-categories li,
  article aside.meta a.permalink {
    display: inline-block;
    padding: 0 0 0 20px;
    margin-bottom: 10px;
  }
  article aside.meta ul.post-categories li {
    margin-bottom: 0;
  }
  div.wpv_postvote {
    display: inline-block;
  }
  .no-tablet {
    display: none;
  }
  .tablet-only {
    display: inline;
  }
  body.menu-expanded #frosting {
    padding-top: 56px;
  }
  .no-mobile {
    display: none !important;
  }
  .scriptnotes-archive-header {
    min-height: 121px;
  }
  div.scriptnotes-premium-header {
    margin: 0 -12px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description {
    width: 528px;
    margin: 0 12px;
    float: left;
    display: inline-block;
    background-image: url('http://johnaugust.com/Assets/scriptnotes/scriptnotes-600.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px auto;
    margin-left: 0;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description p,
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description h3 {
    margin-left: 120px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-elsewhere {
    width: 344px;
    margin: 0 12px;
    float: left;
    display: inline-block;
    margin-left: 120px;
    margin-top: 1em;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-description {
    width: 528px;
    margin: 0 12px;
    float: left;
    display: inline-block;
    margin-left: 20px;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps {
    margin: 0 -12px;
    width: 528px;
    margin: 0 12px;
    float: left;
    display: inline-block;
    margin-left: 20px;
    background-size: auto 80%;
    background-position: 400px center;
  }
}
/*  **************************************************************************  *\
	Media Query 992px
	Targets portrait tablet to landscape and desktop
\*  **************************************************************************  */
@media only screen and (min-width: 992px) and (max-width: 1169px) {
  /*  **************************************************************************  *\
	Responsive Rules
\*  **************************************************************************  */
  /*  **************************************************************************  *\
	The Organic Grid
\*  **************************************************************************  */
  /*  **************************************************************************  *\
	Example of basic grid classes (non-semantic html method)
\*  **************************************************************************  */
  /* fixed */
  .row {
    margin: 0 -25px;
  }
  .row .col-1 {
    width: 48px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-2 {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-3 {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-4 {
    width: 342px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-5 {
    width: 440px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-6 {
    width: 538px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-7 {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-8 {
    width: 734px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-9 {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-10 {
    width: 930px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-11 {
    width: 1028px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-12 {
    width: 1126px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  /* fluid */
  .row-fluid {
    margin: 0 -2.1258503401360542%;
  }
  .row-fluid .col-1 {
    width: 4.8979591836734695%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-2 {
    width: 14.89795918367347%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-3 {
    width: 24.897959183673468%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-4 {
    width: 34.89795918367347%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-5 {
    width: 44.89795918367347%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-6 {
    width: 54.89795918367347%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-7 {
    width: 64.89795918367346%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-8 {
    width: 74.89795918367346%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-9 {
    width: 84.89795918367346%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-10 {
    width: 94.89795918367346%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-11 {
    width: 104.89795918367346%;
    margin: 0 2.5510204081632653%;
  }
  .row-fluid .col-12 {
    width: 114.89795918367346%;
    margin: 0 2.5510204081632653%;
  }
  /*  **************************************************************************  *\
	Example of offsetting, appending and prepending (non-semantic html)
\*  **************************************************************************  */
  /* fixed */
  .row .push-1 {
    margin-left: 123px;
  }
  .row .push-2 {
    margin-left: 221px;
  }
  .row .push-3 {
    margin-left: 319px;
  }
  .row .push-4 {
    margin-left: 417px;
  }
  .row .push-5 {
    margin-left: 515px;
  }
  .row .push-6 {
    margin-left: 613px;
  }
  .row .push-7 {
    margin-left: 711px;
  }
  .row .push-8 {
    margin-left: 809px;
  }
  .row .push-9 {
    margin-left: 907px;
  }
  .row .push-10 {
    margin-left: 1005px;
  }
  .row .push-11 {
    margin-left: 1103px;
  }
  .row .push-12 {
    margin-left: 1201px;
  }
  .row .pull-1 {
    margin-left: -73px;
  }
  .row .pull-2 {
    margin-left: -171px;
  }
  .row .pull-3 {
    margin-left: -269px;
  }
  .row .pull-4 {
    margin-left: -367px;
  }
  .row .pull-5 {
    margin-left: -465px;
  }
  .row .pull-6 {
    margin-left: -563px;
  }
  .row .pull-7 {
    margin-left: -661px;
  }
  .row .pull-8 {
    margin-left: -759px;
  }
  .row .pull-9 {
    margin-left: -857px;
  }
  .row .pull-10 {
    margin-left: -955px;
  }
  .row .pull-11 {
    margin-left: -1053px;
  }
  .row .pull-12 {
    margin-left: -1151px;
  }
  .row .append-1 {
    padding-right: 98px;
  }
  .row .append-2 {
    padding-right: 196px;
  }
  .row .append-3 {
    padding-right: 294px;
  }
  .row .append-4 {
    padding-right: 392px;
  }
  .row .append-5 {
    padding-right: 490px;
  }
  .row .append-6 {
    padding-right: 588px;
  }
  .row .append-7 {
    padding-right: 686px;
  }
  .row .append-8 {
    padding-right: 784px;
  }
  .row .append-9 {
    padding-right: 882px;
  }
  .row .append-10 {
    padding-right: 980px;
  }
  .row .append-11 {
    padding-right: 1078px;
  }
  .row .prepend-1 {
    padding-left: 98px;
  }
  .row .prepend-2 {
    padding-left: 196px;
  }
  .row .prepend-3 {
    padding-left: 294px;
  }
  .row .prepend-4 {
    padding-left: 392px;
  }
  .row .prepend-5 {
    padding-left: 490px;
  }
  .row .prepend-6 {
    padding-left: 588px;
  }
  .row .prepend-7 {
    padding-left: 686px;
  }
  .row .prepend-8 {
    padding-left: 784px;
  }
  .row .prepend-9 {
    padding-left: 882px;
  }
  .row .prepend-10 {
    padding-left: 980px;
  }
  .row .prepend-11 {
    padding-left: 1078px;
  }
  /* fluid */
  .row-fluid .push-1 {
    margin-left: 10.459183673469388%;
  }
  .row-fluid .push-2 {
    margin-left: 18.792517006802722%;
  }
  .row-fluid .push-3 {
    margin-left: 27.125850340136054%;
  }
  .row-fluid .push-4 {
    margin-left: 35.45918367346939%;
  }
  .row-fluid .push-5 {
    margin-left: 43.79251700680272%;
  }
  .row-fluid .push-6 {
    margin-left: 52.125850340136054%;
  }
  .row-fluid .push-7 {
    margin-left: 60.45918367346939%;
  }
  .row-fluid .push-8 {
    margin-left: 68.79251700680273%;
  }
  .row-fluid .push-9 {
    margin-left: 77.12585034013605%;
  }
  .row-fluid .push-10 {
    margin-left: 85.45918367346938%;
  }
  .row-fluid .push-11 {
    margin-left: 93.79251700680273%;
  }
  .row-fluid .push-12 {
    margin-left: 102.12585034013605%;
  }
  .row-fluid .pull-1 {
    margin-left: -6.207482993197279%;
  }
  .row-fluid .pull-2 {
    margin-left: -14.540816326530612%;
  }
  .row-fluid .pull-3 {
    margin-left: -22.874149659863946%;
  }
  .row-fluid .pull-4 {
    margin-left: -31.207482993197278%;
  }
  .row-fluid .pull-5 {
    margin-left: -39.54081632653061%;
  }
  .row-fluid .pull-6 {
    margin-left: -47.874149659863946%;
  }
  .row-fluid .pull-7 {
    margin-left: -56.20748299319728%;
  }
  .row-fluid .pull-8 {
    margin-left: -64.54081632653062%;
  }
  .row-fluid .pull-9 {
    margin-left: -72.87414965986395%;
  }
  .row-fluid .pull-10 {
    margin-left: -81.20748299319727%;
  }
  .row-fluid .pull-11 {
    margin-left: -89.54081632653062%;
  }
  .row-fluid .pull-12 {
    margin-left: -97.87414965986395%;
  }
  .row-fluid .append-1 {
    padding-right: 8.333333333333334%;
  }
  .row-fluid .append-2 {
    padding-right: 16.666666666666668%;
  }
  .row-fluid .append-3 {
    padding-right: 25%;
  }
  .row-fluid .append-4 {
    padding-right: 33.333333333333336%;
  }
  .row-fluid .append-5 {
    padding-right: 41.666666666666664%;
  }
  .row-fluid .append-6 {
    padding-right: 50%;
  }
  .row-fluid .append-7 {
    padding-right: 58.333333333333336%;
  }
  .row-fluid .append-8 {
    padding-right: 66.66666666666667%;
  }
  .row-fluid .append-9 {
    padding-right: 75%;
  }
  .row-fluid .append-10 {
    padding-right: 83.33333333333333%;
  }
  .row-fluid .append-11 {
    padding-right: 91.66666666666667%;
  }
  .row-fluid .prepend-1 {
    padding-left: 8.333333333333334%;
  }
  .row-fluid .prepend-2 {
    padding-left: 16.666666666666668%;
  }
  .row-fluid .prepend-3 {
    padding-left: 25%;
  }
  .row-fluid .prepend-4 {
    padding-left: 33.333333333333336%;
  }
  .row-fluid .prepend-5 {
    padding-left: 41.666666666666664%;
  }
  .row-fluid .prepend-6 {
    padding-left: 50%;
  }
  .row-fluid .prepend-7 {
    padding-left: 58.333333333333336%;
  }
  .row-fluid .prepend-8 {
    padding-left: 66.66666666666667%;
  }
  .row-fluid .prepend-9 {
    padding-left: 75%;
  }
  .row-fluid .prepend-10 {
    padding-left: 83.33333333333333%;
  }
  .row-fluid .prepend-11 {
    padding-left: 91.66666666666667%;
  }
  /*  **************************************************************************  *\
	Example of nesting (change class names for semantic html). We can't
	predict nesting combo's, so instead nesting should be done with LESS.
\*  **************************************************************************  */
  /* fixed */
  .row-12-tier-1 {
    margin: 0 -25px;
  }
  .col-4-tier-1 {
    width: 342px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-8-tier-1 {
    width: 734px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row-8-tier-2 {
    margin: 0 -25px;
  }
  .col-2-tier-2 {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-6-tier-2 {
    width: 538px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row-6-tier-3 {
    margin: 0 -25px;
  }
  .col-1-tier-3 {
    width: 48px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-2-tier-3 {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-3-tier-3 {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .append-1 {
    padding-right: 98px;
  }
  .append-2 {
    padding-right: 196px;
  }
  .prepend-1 {
    padding-left: 98px;
  }
  .prepend-2 {
    padding-left: 196px;
  }
  .prepend-3 {
    padding-left: 294px;
  }
  /* fluid */
  .row-fluid-12-tier-1 {
    margin: 0 -2.1258503401360542%;
  }
  .col-fluid-4-tier-1 {
    width: 29.081632653061224%;
    margin: 0 2.1258503401360542%;
  }
  .col-fluid-8-tier-1 {
    width: 62.414965986394556%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid-8-tier-2 {
    margin: 0 -3.188775510204082%;
  }
  .col-fluid-2-tier-2 {
    width: 18.622448979591837%;
    margin: 0 3.188775510204082%;
  }
  .col-fluid-6-tier-2 {
    width: 68.62244897959184%;
    margin: 0 3.188775510204082%;
  }
  .row-fluid-6-tier-3 {
    margin: 0 -4.2517006802721085%;
  }
  .col-fluid-1-tier-3 {
    width: 8.16326530612245%;
    margin: 0 4.2517006802721085%;
  }
  .col-fluid-2-tier-3 {
    width: 24.829931972789115%;
    margin: 0 4.2517006802721085%;
  }
  .col-fluid-3-tier-3 {
    width: 41.49659863945578%;
    margin: 0 4.2517006802721085%;
  }
  .col-fluid-4-tier-3 {
    width: 58.16326530612245%;
    margin: 0 4.2517006802721085%;
  }
  .append-fluid-1 {
    padding-right: 16.666666666666668%;
  }
  .append-fluid-2 {
    padding-right: 33.333333333333336%;
  }
  .prepend-fluid-1 {
    padding-left: 16.666666666666668%;
  }
  .prepend-fluid-2 {
    padding-left: 33.333333333333336%;
  }
  .prepend-fluid-3 {
    padding-left: 50%;
  }
  /*  **************************************************************************  *\
	Grid Wrap Styles
\*  **************************************************************************  */
  body .wrap-fixed {
    width: 930px;
  }
  body .wrap-fluid {
    margin-left: 5.1020408163265305%;
  }
  /* @group Sidebar */
  #page-header {
    text-align: center;
    background-color: #f4f2eb;
    position: fixed;
    top: 0;
    left: 0;
    border-right: 1px solid #e5e4e0;
    border-left: 5px solid #1b88c7;
    height: 100% !important;
    min-height: 590px;
  }
  #page-header nav {
    background-color: #f4f2eb;
  }
  #page-header .ad-box {
    text-align: center;
    padding: 0 27px;
    position: absolute;
    botom: auto;
    top: 550px;
  }
  #page-header .ad-box p {
    font-family: "freight-sans-pro", sans-serif;
    font-size: 0.71875em;
    line-height: 1.391304347826087;
    margin: 0em 0 0;
    font-weight: 400;
  }
  #page-header .ad-box.ad-absolute {
    top: auto;
    bottom: 20px;
  }
  #page-header #menu-toggle,
  #page-header #search-toggle,
  #page-header #mobile-twitter,
  #page-header #mobile-ask {
    display: none;
  }
  #page-header #main-nav {
    text-align: left;
    margin-bottom: .75em;
    margin-top: 0;
    padding: 0;
  }
  #page-header #main-nav dt,
  #page-header #main-nav dd,
  #page-header #main-nav li {
    color: #49ace6;
    font-family: "freight-sans-pro", sans-serif;
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.4444444444444444;
    margin: 1.3333333333333333em 0 0;
    font-weight: 600;
    font-style: normal;
    margin: 0;
  }
  #page-header #main-nav dt {
    font-color: #49ace6;
    -webkit-font-smoothing: antialiased !important;
    border-top: 1px solid #d7ebf7;
  }
  #page-header #main-nav dt:first-child {
    border-top: none;
  }
  #page-header #main-nav li {
    -webkit-font-smoothing: antialiased !important;
    margin: 0;
    padding: 0 0 0 30px;
    list-style-type: none;
    color: #49ace6;
    position: relative;
  }
  #page-header #main-nav a {
    text-decoration: none;
    color: #8d8d8d;
    x-webkit-font-smoothing: subpixel-antialiased;
  }
  #page-header #main-nav a:hover {
    text-decoration: none;
    color: #5a5a5a;
  }
  #page-header #main-nav li ul {
    position: absolute;
    top: -30px;
    right: 40px;
    background-color: #49ace6;
    padding-left: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 15em;
    -moz-column-width: 15em;
    column-width: 15em;
    height: 150px;
    display: none;
    overflow: hidden;
  }
  #page-header #main-nav li ul li {
    font-size: 12px;
    list-style: none;
    margin-left: 0;
    position: relative;
  }
  #page-header form {
    position: relative !important;
  }
  #page-header input#search {
    box-sizing: border-box;
    /* css3 rec */
    -moz-box-sizing: border-box;
    /* ff2 */
    -ms-box-sizing: border-box;
    /* ie8 */
    -webkit-box-sizing: border-box;
    /* safari3 */
    -khtml-box-sizing: border-box;
    /* konqueror */
    -webkit-appearance: none;
    border: none;
    outline: none;
    padding: 4px 10px;
    border: 1px solid #e5e4e0;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    font-size: 14px;
    position: relative !important;
    width: 85%;
  }
  #page-header input#search:focus {
    outline-color: transparent;
    outline-style: none;
    border: 1px solid #c3c0b6;
  }
  #page-header #page-header form input#search:after {
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "🔎";
    color: gray;
    position: absolute;
    top: 4px;
    right: 10px;
  }
  body.admin-bar #page-header {
    padding-top: 28px;
  }
  /* @end */
  h1#site-title {
    display: inline-block;
  }
  h1#site-title a {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    color: #1b88c7;
    display: block;
  }
  h1#site-title a .brad {
    display: block;
    height: 95px;
    width: 95px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background: no-repeat center center;
    background-size: 100%;
    background-image: url(../_images/ja-logo.png);
    background-color: #1b88c7;
    text-align: center;
    color: #399dd8;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  h1#site-title a em {
    font-style: normal;
  }
  h1#site-title a em span {
    color: #125a84;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  h1#site-title a:hover,
  h1#site-title a:hover em span {
    color: #49ace6;
  }
  h1#site-title a:hover .brad {
    background-color: #49ace6;
  }
  h1#site-title {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  h1#site-title a {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
  }
  li#contact a {
    margin-right: 5px;
    font-size: 90%;
    display: inline-block;
    padding: 5px;
  }
  #main-nav li#blog:before,
  .page-template-page-scriptnotes-php #main-nav li#scriptnotes:before,
  .podcast #main-nav li#scriptnotes:before,
  .page-id-11379 #main-nav li#one-cool-thing:before,
  .page-template-page-explore-php #main-nav li#explore:before,
  .page-id-340 #main-nav li#library:before,
  .page-id-283 #main-nav li#ask:before,
  .page-id-452 #main-nav li#about:before {
    color: #1b88c7;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: '▹';
    position: absolute;
    left: -4px;
    top: 3px;
  }
  #main-nav li#blog a,
  .page-template-page-scriptnotes-php #main-nav li#scriptnotes a,
  .podcast #main-nav li#scriptnotes a,
  .page-id-11379 #main-nav li#one-cool-thing a .page-template-page-explore-php #main-nav li#explore a .page-id-340 #main-nav li#library a,
  .page-id-283 #main-nav li#ask a,
  .page-id-452 #main-nav li#about a {
    color: #5a5a5a;
  }
  .page-template-page-scriptnotes-php #main-nav li#blog:before,
  .podcast #main-nav li#blog:before,
  .page-id-11379 #main-nav li#blog:before,
  .page-template-page-explore-php #main-nav li#blog:before,
  .page-id-340 #main-nav li#blog:before,
  .page-id-283 #main-nav li#blog:before,
  .page-id-452 #main-nav li#blog:before {
    content: '' !important;
  }
  .page-template-page-scriptnotes-php #main-nav li#blog a,
  .podcast #main-nav li#blog a,
  .page-id-11379 #main-nav li#blog a,
  .page-template-page-explore-php #main-nav li#blog a,
  .page-id-340 #main-nav li#blog a,
  .page-id-283 #main-nav li#blog a,
  .page-id-452 #main-nav li#blog a {
    color: #8d8d8d;
  }
  body {
    font-size: 112.5%;
  }
  body.grid {
    background: url('http://www.baselineme.com/27') center top repeat;
  }
  body.stats:before {
    content: 'baseline:1.5  bodypercentage:112.5%  baselinegrid:27';
    position: absolute;
    top: 0;
    left: 0;
  }
  #frosting {
    margin: 0 -25px;
    left: 12px;
    position: relative;
  }
  #page-header {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: 0!important;
  }
  #main {
    z-index: 999;
    position: relative;
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: 294px;
    padding-left: 50px;
  }
  article {
    margin: 0 -25px;
  }
  header {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  aside.meta {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-top: 1.5em;
  }
  aside.meta a.postdate,
  aside.meta ul.post-categories,
  aside.meta a.permalink {
    margin-right: 20px !important;
  }
  aside.meta ul.post-categories {
    display: inline-block;
  }
  aside.meta a.postdate,
  aside.meta ul.post-categories li,
  aside.meta a.permalink {
    display: inline-block;
    margin-bottom: 10px;
  }
  aside.meta ul.post-categories li:first-child {
    padding: 0 0 0 20px;
  }
  aside.meta div.wpv_postvote {
    display: inline-block;
  }
  .post-body {
    margin: 0 -25px;
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  section.post-content {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-bottom: 1em;
  }
  .dingbat {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  footer.post-footer {
    margin: 0 -25px;
    overflow: hidden;
  }
  footer.post-footer .permalink {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    padding-left: 196px;
  }
  footer.post-footer .related {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-top: 0 !important;
  }
  footer.post-footer .related h3 {
    margin-top: 0 !important;
  }
  div#tabs-container {
    margin: 0 -25px;
  }
  ul#answer-finder {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  ul#answer-finder {
    position: relative;
  }
  div#article-summaries {
    padding-left: 200px;
  }
  .list-wrap {
    width: 490px;
    float: left;
  }
  #tabs-container.affix ul#answer-finder {
    position: fixed;
    top: 30px;
    left: 306px;
  }
  aside.episode-header {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  aside.episode-header .episode-title-block {
    min-height: 145px;
  }
  .blog section.post-content .episode-player-block {
    margin-top: 1.5em !important;
  }
  div.scriptnotes-premium-header {
    margin: 0 -25px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description {
    width: 440px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    background-image: url('http://johnaugust.com/Assets/scriptnotes/scriptnotes-600.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px auto;
    margin-left: 0;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description p,
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description h3 {
    margin-left: 120px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-elsewhere {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: -50px !important;
    margin-right: 0 !important;
    left: 35px !important;
    position: relative;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-description {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps {
    margin: 0 -25px;
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    background-size: auto 100%;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps div.scriptnotes-premium {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: 0;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps div.scriptnotes-app {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: 0;
  }
}
/*  **************************************************************************  *\
	Media Query 1080px
	Targets laptops and large desktops
\*  **************************************************************************  */
@media only screen and (min-width: 1170px) {
  /*  **************************************************************************  *\
	Responsive Rules
\*  **************************************************************************  */
  /*  **************************************************************************  *\
	The Organic Grid
\*  **************************************************************************  */
  /*  **************************************************************************  *\
	Example of basic grid classes (non-semantic html method)
\*  **************************************************************************  */
  /* fixed */
  .row {
    margin: 0 -25px;
  }
  .row .col-1 {
    width: 48px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-2 {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-3 {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-4 {
    width: 342px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-5 {
    width: 440px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-6 {
    width: 538px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-7 {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-8 {
    width: 734px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-9 {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-10 {
    width: 930px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-11 {
    width: 1028px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row .col-12 {
    width: 1126px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  /* fluid */
  .row-fluid {
    margin: 0 -2.1258503401360542%;
  }
  .row-fluid .col-1 {
    width: 4.081632653061225%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-2 {
    width: 12.414965986394558%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-3 {
    width: 20.74829931972789%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-4 {
    width: 29.081632653061224%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-5 {
    width: 37.414965986394556%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-6 {
    width: 45.74829931972789%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-7 {
    width: 54.08163265306123%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-8 {
    width: 62.414965986394556%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-9 {
    width: 70.74829931972789%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-10 {
    width: 79.08163265306122%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-11 {
    width: 87.41496598639456%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid .col-12 {
    width: 95.74829931972789%;
    margin: 0 2.1258503401360542%;
  }
  /*  **************************************************************************  *\
	Example of offsetting, appending and prepending (non-semantic html)
\*  **************************************************************************  */
  /* fixed */
  .row .push-1 {
    margin-left: 123px;
  }
  .row .push-2 {
    margin-left: 221px;
  }
  .row .push-3 {
    margin-left: 319px;
  }
  .row .push-4 {
    margin-left: 417px;
  }
  .row .push-5 {
    margin-left: 515px;
  }
  .row .push-6 {
    margin-left: 613px;
  }
  .row .push-7 {
    margin-left: 711px;
  }
  .row .push-8 {
    margin-left: 809px;
  }
  .row .push-9 {
    margin-left: 907px;
  }
  .row .push-10 {
    margin-left: 1005px;
  }
  .row .push-11 {
    margin-left: 1103px;
  }
  .row .push-12 {
    margin-left: 1201px;
  }
  .row .pull-1 {
    margin-left: -73px;
  }
  .row .pull-2 {
    margin-left: -171px;
  }
  .row .pull-3 {
    margin-left: -269px;
  }
  .row .pull-4 {
    margin-left: -367px;
  }
  .row .pull-5 {
    margin-left: -465px;
  }
  .row .pull-6 {
    margin-left: -563px;
  }
  .row .pull-7 {
    margin-left: -661px;
  }
  .row .pull-8 {
    margin-left: -759px;
  }
  .row .pull-9 {
    margin-left: -857px;
  }
  .row .pull-10 {
    margin-left: -955px;
  }
  .row .pull-11 {
    margin-left: -1053px;
  }
  .row .pull-12 {
    margin-left: -1151px;
  }
  .row .append-1 {
    padding-right: 98px;
  }
  .row .append-2 {
    padding-right: 196px;
  }
  .row .append-3 {
    padding-right: 294px;
  }
  .row .append-4 {
    padding-right: 392px;
  }
  .row .append-5 {
    padding-right: 490px;
  }
  .row .append-6 {
    padding-right: 588px;
  }
  .row .append-7 {
    padding-right: 686px;
  }
  .row .append-8 {
    padding-right: 784px;
  }
  .row .append-9 {
    padding-right: 882px;
  }
  .row .append-10 {
    padding-right: 980px;
  }
  .row .append-11 {
    padding-right: 1078px;
  }
  .row .prepend-1 {
    padding-left: 98px;
  }
  .row .prepend-2 {
    padding-left: 196px;
  }
  .row .prepend-3 {
    padding-left: 294px;
  }
  .row .prepend-4 {
    padding-left: 392px;
  }
  .row .prepend-5 {
    padding-left: 490px;
  }
  .row .prepend-6 {
    padding-left: 588px;
  }
  .row .prepend-7 {
    padding-left: 686px;
  }
  .row .prepend-8 {
    padding-left: 784px;
  }
  .row .prepend-9 {
    padding-left: 882px;
  }
  .row .prepend-10 {
    padding-left: 980px;
  }
  .row .prepend-11 {
    padding-left: 1078px;
  }
  /* fluid */
  .row-fluid .push-1 {
    margin-left: 10.459183673469388%;
  }
  .row-fluid .push-2 {
    margin-left: 18.792517006802722%;
  }
  .row-fluid .push-3 {
    margin-left: 27.125850340136054%;
  }
  .row-fluid .push-4 {
    margin-left: 35.45918367346939%;
  }
  .row-fluid .push-5 {
    margin-left: 43.79251700680272%;
  }
  .row-fluid .push-6 {
    margin-left: 52.125850340136054%;
  }
  .row-fluid .push-7 {
    margin-left: 60.45918367346939%;
  }
  .row-fluid .push-8 {
    margin-left: 68.79251700680273%;
  }
  .row-fluid .push-9 {
    margin-left: 77.12585034013605%;
  }
  .row-fluid .push-10 {
    margin-left: 85.45918367346938%;
  }
  .row-fluid .push-11 {
    margin-left: 93.79251700680273%;
  }
  .row-fluid .push-12 {
    margin-left: 102.12585034013605%;
  }
  .row-fluid .pull-1 {
    margin-left: -6.207482993197279%;
  }
  .row-fluid .pull-2 {
    margin-left: -14.540816326530612%;
  }
  .row-fluid .pull-3 {
    margin-left: -22.874149659863946%;
  }
  .row-fluid .pull-4 {
    margin-left: -31.207482993197278%;
  }
  .row-fluid .pull-5 {
    margin-left: -39.54081632653061%;
  }
  .row-fluid .pull-6 {
    margin-left: -47.874149659863946%;
  }
  .row-fluid .pull-7 {
    margin-left: -56.20748299319728%;
  }
  .row-fluid .pull-8 {
    margin-left: -64.54081632653062%;
  }
  .row-fluid .pull-9 {
    margin-left: -72.87414965986395%;
  }
  .row-fluid .pull-10 {
    margin-left: -81.20748299319727%;
  }
  .row-fluid .pull-11 {
    margin-left: -89.54081632653062%;
  }
  .row-fluid .pull-12 {
    margin-left: -97.87414965986395%;
  }
  .row-fluid .append-1 {
    padding-right: 8.333333333333334%;
  }
  .row-fluid .append-2 {
    padding-right: 16.666666666666668%;
  }
  .row-fluid .append-3 {
    padding-right: 25%;
  }
  .row-fluid .append-4 {
    padding-right: 33.333333333333336%;
  }
  .row-fluid .append-5 {
    padding-right: 41.666666666666664%;
  }
  .row-fluid .append-6 {
    padding-right: 50%;
  }
  .row-fluid .append-7 {
    padding-right: 58.333333333333336%;
  }
  .row-fluid .append-8 {
    padding-right: 66.66666666666667%;
  }
  .row-fluid .append-9 {
    padding-right: 75%;
  }
  .row-fluid .append-10 {
    padding-right: 83.33333333333333%;
  }
  .row-fluid .append-11 {
    padding-right: 91.66666666666667%;
  }
  .row-fluid .prepend-1 {
    padding-left: 8.333333333333334%;
  }
  .row-fluid .prepend-2 {
    padding-left: 16.666666666666668%;
  }
  .row-fluid .prepend-3 {
    padding-left: 25%;
  }
  .row-fluid .prepend-4 {
    padding-left: 33.333333333333336%;
  }
  .row-fluid .prepend-5 {
    padding-left: 41.666666666666664%;
  }
  .row-fluid .prepend-6 {
    padding-left: 50%;
  }
  .row-fluid .prepend-7 {
    padding-left: 58.333333333333336%;
  }
  .row-fluid .prepend-8 {
    padding-left: 66.66666666666667%;
  }
  .row-fluid .prepend-9 {
    padding-left: 75%;
  }
  .row-fluid .prepend-10 {
    padding-left: 83.33333333333333%;
  }
  .row-fluid .prepend-11 {
    padding-left: 91.66666666666667%;
  }
  /*  **************************************************************************  *\
	Example of nesting (change class names for semantic html). We can't
	predict nesting combo's, so instead nesting should be done with LESS.
\*  **************************************************************************  */
  /* fixed */
  .row-12-tier-1 {
    margin: 0 -25px;
  }
  .col-4-tier-1 {
    width: 342px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-8-tier-1 {
    width: 734px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row-8-tier-2 {
    margin: 0 -25px;
  }
  .col-2-tier-2 {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-6-tier-2 {
    width: 538px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .row-6-tier-3 {
    margin: 0 -25px;
  }
  .col-1-tier-3 {
    width: 48px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-2-tier-3 {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .col-3-tier-3 {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .append-1 {
    padding-right: 98px;
  }
  .append-2 {
    padding-right: 196px;
  }
  .prepend-1 {
    padding-left: 98px;
  }
  .prepend-2 {
    padding-left: 196px;
  }
  .prepend-3 {
    padding-left: 294px;
  }
  /* fluid */
  .row-fluid-12-tier-1 {
    margin: 0 -2.1258503401360542%;
  }
  .col-fluid-4-tier-1 {
    width: 29.081632653061224%;
    margin: 0 2.1258503401360542%;
  }
  .col-fluid-8-tier-1 {
    width: 62.414965986394556%;
    margin: 0 2.1258503401360542%;
  }
  .row-fluid-8-tier-2 {
    margin: 0 -3.188775510204082%;
  }
  .col-fluid-2-tier-2 {
    width: 18.622448979591837%;
    margin: 0 3.188775510204082%;
  }
  .col-fluid-6-tier-2 {
    width: 68.62244897959184%;
    margin: 0 3.188775510204082%;
  }
  .row-fluid-6-tier-3 {
    margin: 0 -4.2517006802721085%;
  }
  .col-fluid-1-tier-3 {
    width: 8.16326530612245%;
    margin: 0 4.2517006802721085%;
  }
  .col-fluid-2-tier-3 {
    width: 24.829931972789115%;
    margin: 0 4.2517006802721085%;
  }
  .col-fluid-3-tier-3 {
    width: 41.49659863945578%;
    margin: 0 4.2517006802721085%;
  }
  .col-fluid-4-tier-3 {
    width: 58.16326530612245%;
    margin: 0 4.2517006802721085%;
  }
  .append-fluid-1 {
    padding-right: 16.666666666666668%;
  }
  .append-fluid-2 {
    padding-right: 33.333333333333336%;
  }
  .prepend-fluid-1 {
    padding-left: 16.666666666666668%;
  }
  .prepend-fluid-2 {
    padding-left: 33.333333333333336%;
  }
  .prepend-fluid-3 {
    padding-left: 50%;
  }
  /*  **************************************************************************  *\
	Grid Wrap Styles
\*  **************************************************************************  */
  body .wrap-fixed {
    width: 1126px;
  }
  body .wrap-fluid {
    margin-left: 4.2517006802721085%;
  }
  /* @group Sidebar */
  #page-header {
    text-align: center;
    background-color: #f4f2eb;
    position: fixed;
    top: 0;
    left: 0;
    border-right: 1px solid #e5e4e0;
    border-left: 5px solid #1b88c7;
    height: 100% !important;
    min-height: 590px;
  }
  #page-header nav {
    background-color: #f4f2eb;
  }
  #page-header .ad-box {
    text-align: center;
    padding: 0 27px;
    position: absolute;
    botom: auto;
    top: 550px;
  }
  #page-header .ad-box p {
    font-family: "freight-sans-pro", sans-serif;
    font-size: 0.71875em;
    line-height: 1.391304347826087;
    margin: 0em 0 0;
    font-weight: 400;
  }
  #page-header .ad-box.ad-absolute {
    top: auto;
    bottom: 20px;
  }
  #page-header #menu-toggle,
  #page-header #search-toggle,
  #page-header #mobile-twitter,
  #page-header #mobile-ask {
    display: none;
  }
  #page-header #main-nav {
    text-align: left;
    margin-bottom: .75em;
    margin-top: 0;
    padding: 0;
  }
  #page-header #main-nav dt,
  #page-header #main-nav dd,
  #page-header #main-nav li {
    color: #49ace6;
    font-family: "freight-sans-pro", sans-serif;
    font-size: 18px;
    font-size: 1.125em;
    line-height: 1.4444444444444444;
    margin: 1.3333333333333333em 0 0;
    font-weight: 600;
    font-style: normal;
    margin: 0;
  }
  #page-header #main-nav dt {
    font-color: #49ace6;
    -webkit-font-smoothing: antialiased !important;
    border-top: 1px solid #d7ebf7;
  }
  #page-header #main-nav dt:first-child {
    border-top: none;
  }
  #page-header #main-nav li {
    -webkit-font-smoothing: antialiased !important;
    margin: 0;
    padding: 0 0 0 30px;
    list-style-type: none;
    color: #49ace6;
    position: relative;
  }
  #page-header #main-nav a {
    text-decoration: none;
    color: #8d8d8d;
    x-webkit-font-smoothing: subpixel-antialiased;
  }
  #page-header #main-nav a:hover {
    text-decoration: none;
    color: #5a5a5a;
  }
  #page-header #main-nav li ul {
    position: absolute;
    top: -30px;
    right: 40px;
    background-color: #49ace6;
    padding-left: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 15em;
    -moz-column-width: 15em;
    column-width: 15em;
    height: 150px;
    display: none;
    overflow: hidden;
  }
  #page-header #main-nav li ul li {
    font-size: 12px;
    list-style: none;
    margin-left: 0;
    position: relative;
  }
  #page-header form {
    position: relative !important;
  }
  #page-header input#search {
    box-sizing: border-box;
    /* css3 rec */
    -moz-box-sizing: border-box;
    /* ff2 */
    -ms-box-sizing: border-box;
    /* ie8 */
    -webkit-box-sizing: border-box;
    /* safari3 */
    -khtml-box-sizing: border-box;
    /* konqueror */
    -webkit-appearance: none;
    border: none;
    outline: none;
    padding: 4px 10px;
    border: 1px solid #e5e4e0;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    font-size: 14px;
    position: relative !important;
    width: 85%;
  }
  #page-header input#search:focus {
    outline-color: transparent;
    outline-style: none;
    border: 1px solid #c3c0b6;
  }
  #page-header #page-header form input#search:after {
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: "🔎";
    color: gray;
    position: absolute;
    top: 4px;
    right: 10px;
  }
  body.admin-bar #page-header {
    padding-top: 28px;
  }
  /* @end */
  h1#site-title {
    display: inline-block;
  }
  h1#site-title a {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    color: #1b88c7;
    display: block;
  }
  h1#site-title a .brad {
    display: block;
    height: 95px;
    width: 95px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background: no-repeat center center;
    background-size: 100%;
    background-image: url(../_images/ja-logo.png);
    background-color: #1b88c7;
    text-align: center;
    color: #399dd8;
    -webkit-border-radius: 95px;
    -moz-border-radius: 95px;
    border-radius: 95px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  h1#site-title a em {
    font-style: normal;
  }
  h1#site-title a em span {
    color: #125a84;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
  }
  h1#site-title a:hover,
  h1#site-title a:hover em span {
    color: #49ace6;
  }
  h1#site-title a:hover .brad {
    background-color: #49ace6;
  }
  h1#site-title {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  h1#site-title a {
    font-family: "freight-sans-pro", sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
  }
  li#contact a {
    margin-right: 5px;
    font-size: 90%;
    display: inline-block;
    padding: 5px;
  }
  #main-nav li#blog:before,
  .page-template-page-scriptnotes-php #main-nav li#scriptnotes:before,
  .podcast #main-nav li#scriptnotes:before,
  .page-id-11379 #main-nav li#one-cool-thing:before,
  .page-template-page-explore-php #main-nav li#explore:before,
  .page-id-340 #main-nav li#library:before,
  .page-id-283 #main-nav li#ask:before,
  .page-id-452 #main-nav li#about:before {
    color: #1b88c7;
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    content: '▹';
    position: absolute;
    left: -4px;
    top: 3px;
  }
  #main-nav li#blog a,
  .page-template-page-scriptnotes-php #main-nav li#scriptnotes a,
  .podcast #main-nav li#scriptnotes a,
  .page-id-11379 #main-nav li#one-cool-thing a .page-template-page-explore-php #main-nav li#explore a .page-id-340 #main-nav li#library a,
  .page-id-283 #main-nav li#ask a,
  .page-id-452 #main-nav li#about a {
    color: #5a5a5a;
  }
  .page-template-page-scriptnotes-php #main-nav li#blog:before,
  .podcast #main-nav li#blog:before,
  .page-id-11379 #main-nav li#blog:before,
  .page-template-page-explore-php #main-nav li#blog:before,
  .page-id-340 #main-nav li#blog:before,
  .page-id-283 #main-nav li#blog:before,
  .page-id-452 #main-nav li#blog:before {
    content: '' !important;
  }
  .page-template-page-scriptnotes-php #main-nav li#blog a,
  .podcast #main-nav li#blog a,
  .page-id-11379 #main-nav li#blog a,
  .page-template-page-explore-php #main-nav li#blog a,
  .page-id-340 #main-nav li#blog a,
  .page-id-283 #main-nav li#blog a,
  .page-id-452 #main-nav li#blog a {
    color: #8d8d8d;
  }
  body {
    font-size: 112.5%;
  }
  body.grid {
    background: url('http://www.baselineme.com/27') center top repeat;
  }
  body.stats:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  #frosting {
    margin: 0 -25px;
    left: 12px;
    position: relative;
  }
  #page-header {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: 0!important;
  }
  #main {
    z-index: 999;
    position: relative;
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-left: 294px;
    padding-left: 50px;
  }
  #main article {
    background-position: 330px bottom;
  }
  article {
    margin: 0 -25px;
  }
  header {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  aside.meta {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  aside.meta span.date {
    display: inline-block;
  }
  aside.meta ul.categories,
  aside.meta ul.categories li {
    display: inline-block;
  }
  .post-body {
    position: relative;
    overflow: hidden;
  }
  section.post-content,
  .dingbat {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-bottom: 1em;
  }
  .category-podcast .dingbat {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .page section.post-content {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .archive section.post-content {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .archive.category-podcast section.post-content {
    width: 636px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  .search-results section.post-content {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  #main.archives section.post-content {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-bottom: 1em;
  }
  footer.post-footer {
    width: 146px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    margin-top: 0 !important;
  }
  .blog section.post-content .episode-player-block {
    margin-top: 1.5em !important;
  }
  aside.episode-header {
    width: 832px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    font-size: 1.572em !important;
  }
  aside.episode-header .episode-title-block {
    min-height: 190px;
  }
  aside.episode-header .episode-meta {
    font-size: 100%;
  }
  aside.episode-header .episode-meta .episode {
    font-size: 80%  !important;
  }
  aside.episode-header .episode-meta h2.episode-title {
    font-size: 160%  !important;
  }
  aside.episode-header .episode-meta span.date {
    font-size: 80% !important;
  }
  div.scriptnotes-premium-header {
    margin: 0 -25px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description {
    width: 538px;
    margin: 0 25px;
    float: left;
    display: inline-block;
    background-image: url('http://johnaugust.com/Assets/scriptnotes/scriptnotes-600.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100px auto;
    margin-left: 0;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description p,
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-description h3 {
    margin-left: 120px;
  }
  div.scriptnotes-premium-header div.about-scriptnotes div.scriptnotes-elsewhere {
    width: 244px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-description {
    width: 440px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-description h3,
  div.scriptnotes-premium-header div.about-premium div.premium-description p {
    margin-left: 10px;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps {
    width: 342px;
    margin: 0 25px;
    float: left;
    display: inline-block;
  }
  div.scriptnotes-premium-header div.about-premium div.premium-apps p {
    margin-right: 100px;
  }
}