/* @license
 * MyFonts Webfont Build ID 2450418, 2013-01-15T17:33:21-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed ../fonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Letter Gothic Std Regular by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/letter-gothic/std-regular/
 * 
 * Webfont: Letter Gothic Std Bold by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/letter-gothic/std-bold/
 * 
 * Webfont: Letter Gothic Std Bold Oblique by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/letter-gothic/std-bold-oblique/
 * 
 * Webfont: Letter Gothic Std Oblique by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/letter-gothic/std-oblique/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2450418
 * ../fonts copyright: Font software Copyright 1994 Adobe Systems Incorporated. Typeface designs Copyright 1994 The Monotype Corporation. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/******************************

								THIS REQUIRES LESS >= 1.4.0

/******************************/
@import url("//hello.myfonts.net/count/2563f2");
@font-face {
  font-family: 'LetterGothicMTStd';
  src: url('fonts/2563F2_0_0.eot');
  src: url('fonts/2563F2_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/2563F2_0_0.woff') format('woff'), url('fonts/2563F2_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'LetterGothicMTStd-Bold';
  src: url('fonts/2563F2_1_0.eot');
  src: url('fonts/2563F2_1_0.eot?#iefix') format('embedded-opentype'), url('fonts/2563F2_1_0.woff') format('woff'), url('fonts/2563F2_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'LetterGothicMTStd-BoldObl';
  src: url('fonts/2563F2_2_0.eot');
  src: url('fonts/2563F2_2_0.eot?#iefix') format('embedded-opentype'), url('fonts/2563F2_2_0.woff') format('woff'), url('fonts/2563F2_2_0.ttf') format('truetype');
}
@font-face {
  font-family: 'LetterGothicMTStd-Oblique';
  src: url('fonts/2563F2_3_0.eot');
  src: url('fonts/2563F2_3_0.eot?#iefix') format('embedded-opentype'), url('fonts/2563F2_3_0.woff') format('woff'), url('fonts/2563F2_3_0.ttf') format('truetype');
}
/*
@font-face {
	font-family: 'OratorSTD';
	src: local('OratorSTD'),
		 url('fonts/orator-std.woff') format('woff'),
		 url('fonts/orator-std.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
*/
@font-face {
  font-family: 'OratorStd';
  src: url('fonts/orator-std.eot');
  /* IE9 Compat Modes */
  src: url('fonts/orator-std.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/orator-std.woff') format('woff'), /* Modern Browsers */ url('fonts/orator-std.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/orator-std.svg#Orator') format('svg');
  /* Legacy iOS */
}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
::-moz-selection {
  background: white;
  color: black;
  text-shadow: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
::selection {
  background: white;
  color: black;
  text-shadow: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
a,
a:link,
a:visited {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:focus {
  outline: none;
}
input[type=submit] {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
h2 {
  font-size: 1em;
  font-weight: normal;
}
html,
body,
#wrap-content {
  height: 100%;
  width: 100%;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
input[type=submit],
.submitbutton {
  font-family: 'OratorSTD', monospace;
  border: 1px solid transparent;
  color: #fff;
  padding: 9px 10px 5px;
  border-color: #fff;
  background: #000;
  cursor: pointer;
}
input[type=submit]:hover,
.submitbutton:hover {
  background: #fff;
  border-color: #000;
  color: #000;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
input[type=submit][disabled],
.submitbutton[disabled],
input[type=submit].disabled,
.submitbutton.disabled {
  color: #636363;
  border-color: #636363;
}
form.no-buttons input[type=submit] {
  border: 0;
  background: transparent;
  padding: 0;
}
form.no-buttons input[type=submit]:hover {
  color: transparent;
  color: #fff;
}
.error main {
  color: #f81313;
}
.bracketed::before,
.bracketed::after {
  color: #fff;
}
.bracketed::before {
  content: '[';
}
.bracketed::after {
  content: ']';
}
button {
  font-family: 'OratorSTD', monospace;
  border: 1px solid transparent;
  color: #fff;
  padding: 9px 10px 5px;
  border-color: #fff;
  background: #000;
  cursor: pointer;
}
button:hover {
  background: #fff;
  border-color: #000;
  color: #000;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
button[disabled],
button.disabled {
  color: #636363;
  border-color: #636363;
}
button.linkstyle {
  border: 0;
  background: transparent;
  text-decoration: underline;
}
button.linkstyle:hover {
  color: #fff;
}
#burger {
  display: none;
  position: absolute;
  border: 0;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0 10px;
  vertical-align: top;
}
@media (max-width: 600px) {
  #burger {
    display: inline-block;
  }
}
#burger span {
  display: block;
  position: relative;
  text-indent: 100%;
}
#burger span,
#burger span:before,
#burger span:after {
  background-color: #fff;
  height: 1px;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 100%;
  right: 0;
}
#burger span:before,
#burger span:after {
  content: ' ';
  margin-top: -6px;
  position: absolute;
}
#burger span:after {
  margin-top: 6px;
}
#burger:hover {
  background-color: #000;
}
#burger.open span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#burger.open span:before {
  -webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
  -ms-transform: rotate(45deg) translate(0.5em, 0.4em);
  transform: rotate(45deg) translate(0.5em, 0.4em);
}
#burger.open span:after {
  -webkit-transform: rotate(-45deg) translate(0.45em, -0.35em);
  -ms-transform: rotate(-45deg) translate(0.45em, -0.35em);
  transform: rotate(-45deg) translate(0.45em, -0.35em);
}
main#content {
  position: relative;
  z-index: 0;
}
#issues {
  position: absolute;
  left: 50%;
  top: 30vh;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  max-width: 400px;
  display: flex;
  flex-wrap: wrap;
}
#issues a {
  line-height: 18px;
  display: block;
  padding: 0 7px;
  flex: 0 0 3.2em;
  text-align: center;
}
#issues a.active {
  color: #ffcb2e;
}
#issues a.current {
  color: #ff2e2e;
}
#issues .future {
  opacity: 0.5;
}
body {
  background-color: #1c1c1c;
  color: white;
  font-size: 0.625em;
  line-height: 16px;
  font-family: OratorStd, Courier, monospace;
}
body > header,
body > main,
body > footer {
  position: relative;
}
body > header {
  z-index: 2;
}
body > main {
  z-index: 0;
}
body > main > section {
  margin-top: 70px;
  margin-bottom: 50px;
}
body > main > section#issue-bg {
  margin: 0;
}
body > main .popin,
body > main #dialog {
  z-index: 2;
}
body > footer {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
body > header {
  min-height: 40px;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
body > header #primary {
  display: table;
  table-layout: fixed;
  width: 100%;
}
body > header #primary #logo,
body > header #primary #actions,
body > header #primary #player {
  display: table-cell;
}
body > header #primary #logo,
body > header #primary #player {
  width: 180px;
}
body > header #primary #logo {
  text-align: left;
  padding-left: 1.3em;
}
body > header #primary #logo a {
  display: block;
}
body > header #primary #actions {
  text-align: center;
  position: relative;
}
body > header #primary #player {
  text-align: right;
  box-sizing: content-box;
  padding-right: 1.3em;
}
body > header #secondary {
  display: block;
}
body > header #secondary h2 {
  background-color: #1c1c1c;
  border: 1px solid #333;
  border-width: 0 0 1px 0;
  margin: 0;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 1em;
}
body.error p.title {
  text-align: center;
  margin-top: 200px;
  font-size: 5.143em;
}
body.error p.message {
  text-align: center;
  margin-top: 50px;
}
body.error p.message a {
  text-decoration: underline;
}
body.error .back {
  position: absolute;
  left: 20px;
  top: 20px;
  margin: 0;
}
@media (min-width: 601px) {
  body.error .back:hover {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }
}
body.error pre {
  width: 80%;
  margin: 0 auto;
  background: #fff;
  padding: 7px 10px;
  color: #000;
}
body.signup #main p.title strong {
  text-transform: uppercase;
  font-weight: normal;
}
body.signup #main .account {
  color: orange;
  text-transform: uppercase;
}
body.signup #main p.description {
  width: auto;
  margin-top: 0;
  margin-bottom: 2em;
}
body.signup #main p.description a {
  text-decoration: underline;
}
body.signup #main ul.description {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.signup #main p.price {
  margin-top: 5px;
  bottom: auto;
}
body.signup #main.signup-index p.plan-name {
  margin: 4em 0 0;
}
body.signup #main.signup-index p.price {
  margin-top: 0;
  position: static;
}
body.signup #main.signup-index form {
  margin: 0;
}
body.signup #main.signup-index form fieldset {
  margin: 2em 0 0;
}
body.signup #main.signup-index form fieldset.details,
body.signup #main.signup-index form fieldset.actions {
  margin-top: 4em;
}
body.signup #main.signup-index form p.item.checkbox {
  padding: 0;
  margin: 1em 0 0;
}
body.signup #main.signup-index form p.item.submit {
  padding: 0;
  margin: 0;
}
body.signup #main.signup-index form p.item.submit input {
  font-family: 'OratorSTD', monospace;
  border: 1px solid transparent;
  color: #fff;
  padding: 9px 10px 5px;
  border-color: #fff;
  background: #000;
  cursor: pointer;
}
body.signup #main.signup-index form p.item.submit input:hover {
  background: #fff;
  border-color: #000;
  color: #000;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
body.signup #main.signup-index form p.item.submit input[disabled],
body.signup #main.signup-index form p.item.submit input.disabled {
  color: #636363;
  border-color: #636363;
}
body.signup #main.signup-index form p.item a {
  color: #30dc19;
}
body.signup #main p.errors {
  margin-top: 25px;
  color: #f81313;
}
body.signup #main p.success {
  margin-top: 25px;
  color: white;
}
body.signup #main form {
  margin-top: 50px;
}
body.signup #main form.renew {
  margin: 20px 0;
}
body.signup #main form.cancel {
  margin: 0;
}
body.signup #main form p.item {
  clear: left;
  margin-bottom: 18px;
}
body.signup #main form p.item.error {
  color: #f81313;
}
body.signup #main form p.item.error input[type=text],
body.signup #main form p.item.error input[type=email],
body.signup #main form p.item.error input[type=password] {
  border-color: #f81313;
}
body.signup #main form p.item.error .error {
  display: inline-block;
  background-color: #f81313;
  color: #000;
}
body.signup #main form p.item.checkbox {
  padding-top: 10px;
}
body.signup #main form p.item.checkbox label {
  margin-left: 10px;
}
body.signup #main form p.item.submit {
  padding-top: 25px;
}
body.signup #main form p.item.submit input {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  color: white;
  font-family: OratorStd, Courier, monospace;
}
@media (min-width: 601px) {
  body.signup #main form p.item.submit input:hover {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }
}
body.signup #main form p.item label {
  display: inline-block;
  line-height: 18px;
  margin-right: 5px;
}
body.signup #main form p.item input[type=text],
body.signup #main form p.item input[type=email],
body.signup #main form p.item input[type=password] {
  background: transparent;
  border: 1px solid #636363;
  border-width: 0 0 1px 0;
  line-height: 16px;
  font-family: 'LetterGothicMTStd', Arial, serif;
  color: white;
  width: 205px;
}
body.signup #main form p.item select {
  width: 207px;
}
body.profile .page a,
body.profile .page .no-buttons input[type=submit] {
  color: #30dc19;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-transform: lowercase;
}
body.profile .page a:hover,
body.profile .page .no-buttons input[type=submit]:hover {
  color: #26ae14;
}
body.profile .page .summary {
  margin-top: 2em;
  text-align: center;
}
body.profile .page .summary p {
  margin: 0;
}
body.profile .page .summary p label,
body.profile .page .summary p span {
  display: inline-block;
}
body.profile .page .actions > * {
  display: block;
}
body.profile .profile-form {
  max-width: 840px;
  margin: 0 auto;
}
body.profile .profile-form fieldset {
  margin: 10px;
  width: 400px;
  padding: 50px 10px 20px;
  background: #111;
  position: relative;
}
@media (max-width: 420px) {
  body.profile .profile-form fieldset {
    width: 100%;
    margin: 10px 0;
  }
}
body.profile .profile-form fieldset.email,
body.profile .profile-form fieldset.mailinglist {
  float: left;
}
body.profile .profile-form fieldset.password {
  float: right;
}
body.profile .profile-form fieldset.actions {
  width: auto;
  clear: both;
  background: transparent;
}
body.profile .profile-form fieldset legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #1c1c1c;
  line-height: 33px;
  height: 30px;
}
body.profile .profile-form fieldset p {
  margin: 1em 0 0;
}
body.profile .profile-form fieldset legend + p {
  margin-top: 0;
}
body.profile .profile-form fieldset.email input,
body.profile .profile-form fieldset.password input {
  background: transparent;
  border: 1px solid #636363;
  border-width: 0 0 1px 0;
  line-height: 16px;
  font-family: 'LetterGothicMTStd', Arial, serif;
  color: white;
  width: 60%;
  text-align: left;
}
body.profile .profile-form fieldset.password label {
  display: inline-block;
  width: 32%;
  text-align: right;
}
@media (max-width: 850px) {
  body.profile .profile-form {
    max-width: 420px;
  }
  body.profile .profile-form fieldset.email,
  body.profile .profile-form fieldset.mailinglist,
  body.profile .profile-form fieldset.password {
    float: none;
  }
}
body.login h1 {
  margin-top: 60px;
}
body.login h1 img {
  display: block;
  margin: 0 auto;
}
body.login #form-login {
  text-align: center;
  margin-top: 0px;
}
body.login #form-login a.forgot-password {
  display: block;
  margin-top: 20px;
}
body.login #form-login .xx {
  display: inline-block;
  vertical-align: middle;
  padding: 0 7px;
}
body.login form.form p {
  margin: 20px 0 0;
}
body.login form.form p:first-child {
  margin-top: 0;
}
body.login form.form p input {
  line-height: 13px;
}
body.login input#mail {
  text-align: right;
}
body.guest #main {
  text-align: center;
}
body.guest #form-guest {
  margin-top: 10px;
}
body.guest #form-guest input[type=text],
body.guest #form-guest input[type=email] {
  width: 450px;
  text-align: center;
}
body.guest,
body.login {
  background-color: #1c1c1c;
}
body.guest form.form p input[type=text],
body.login form.form p input[type=text],
body.guest form.form p input[type=email],
body.login form.form p input[type=email],
body.guest form.form p input[type=password],
body.login form.form p input[type=password] {
  border: none;
  background: none;
  padding: 0;
  color: white;
  font-family: 'LetterGothicMTStd-Oblique', Arial, serif;
}
body.issue #main {
  position: fixed;
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  z-index: 1;
  margin: 0;
}
body.issue #main nav#issues {
  text-align: left;
  overflow: auto;
  width: 66px;
  left: 20px;
  position: absolute;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-top: 90px;
}
body.issue #main nav#issues .year {
  display: none;
}
body.issue #main nav#issues .year.active {
  display: block;
}
body.issue #main nav#issues .year-num {
  text-align: center;
  padding: 0 0 2px;
  border-bottom: 1px solid #ccc;
  border-color: rgba(204, 204, 204, 0.58);
  margin-bottom: 9px;
}
body.issue #main nav#issues .year-num:before,
body.issue #main nav#issues .year-num:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
body.issue #main nav#issues .year-num:after {
  clear: both;
}
body.issue #main nav#issues .year-num .year-nav {
  width: 40%;
}
body.issue #main nav#issues .year-num .year-nav.prev {
  float: left;
  text-align: left;
  padding: 0 3px 0 0;
}
body.issue #main nav#issues .year-num .year-nav.next {
  float: right;
  text-align: right;
  padding: 0 0 0 3px;
}
body.issue #main nav#issues table {
  width: 100%;
  table-layout: fixed;
}
body.issue #main nav#issues table td {
  width: 50%;
}
body.issue #main nav#issues a,
body.issue #main nav#issues .future {
  line-height: 18px;
  display: block;
  padding: 0 7px;
}
body.issue #main nav#issues a.active,
body.issue #main nav#issues .future.active {
  color: #ffcb2e;
}
body.issue #main nav#issues a.current,
body.issue #main nav#issues .future.current {
  color: #ff2e2e;
}
body.issue #main nav#issues .future {
  opacity: 0.5;
}
body.issue #main nav#links {
  margin-top: 5px;
  width: 400px;
  float: left;
  padding-left: 15px;
}
body.issue #main nav#links a {
  display: block;
  width: 140px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 4px;
}
body.issue #main nav#links a:hover {
  width: 150px;
}
body.issue #main nav#links a.archive {
  font-size: 1.286em;
  position: relative;
}
body.issue #main nav#links a.archive span {
  position: absolute;
  left: 0px;
  top: 0px;
}
body.issue #main nav#links a.instructions {
  font-size: 0.857em;
  margin-top: 10px;
}
body.issue #issue-bg div.artwork {
  width: 100%;
  position: relative;
}
body.issue #issue-bg div.artwork img {
  width: 100%;
  display: block;
}
body.issue #issue-bg div.artwork:not(:first-child) {
  margin-top: -45px;
}
body.issue #issue-bg div.legends {
  width: 100%;
  position: relative;
  margin-top: -44px;
}
body.issue #issue-bg div.legends p {
  width: 100%;
  text-align: center;
  height: 44px;
  line-height: 44px;
}
body.issue #issue-bg div.legends p.upper {
  height: 45px;
  background: url('../img/legends-border.png') bottom center no-repeat;
}
body.archive {
  height: auto;
}
body.archive #wrap-content {
  height: auto;
}
body.archive #archives {
  margin-left: 35px;
  margin-right: 35px;
}
body.archive #archives .no-tracks {
  text-align: center;
  margin-top: 10em;
  margin-top: calc(20em);
}
body.archive #archives table {
  width: 100%;
}
body.archive #archives table th.text-only,
body.archive #archives table td.text-only {
  display: none;
}
body.archive #archives table tr.spacer td {
  height: 10px;
}
body.archive #archives table tr.track:hover {
  background: #333;
}
body.archive #archives table tr.track.playing .artist a,
body.archive #archives table tr.track.playing .track a,
body.archive #archives table tr.track.playing .text-only a {
  color: #3cf;
}
body.archive #archives table th,
body.archive #archives table td {
  padding: .55em 0 .2em .5em;
  text-transform: lowercase;
}
body.archive #archives table th input,
body.archive #archives table td input {
  text-transform: lowercase;
}
body.archive #archives table th.release,
body.archive #archives table td.release {
  padding-right: 10px;
}
body.archive #archives table th.duration,
body.archive #archives table td.duration {
  padding-right: 50px;
}
body.archive #archives table th {
  font-weight: normal;
  text-align: left;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body.archive #archives table th.artist,
body.archive #archives table th.track {
  padding-left: 5px;
}
body.archive #archives table td {
  position: relative;
}
body.archive #archives table td.artist a,
body.archive #archives table td.track a {
  display: block;
  padding: 0 10px 0 5px;
  line-height: 1.2;
}
body.archive #archives table td.release {
  width: 7%;
  text-transform: uppercase;
}
body.archive #archives table td.artist {
  width: 20%;
}
body.archive #archives table td.track {
  width: calc(33% - 100px);
}
body.archive #archives table td.duration {
  width: 8%;
}
body.archive #archives table td.download {
  width: 12%;
  white-space: nowrap;
  padding-right: 20px;
}
body.archive #archives table td .dl-links a {
  text-transform: uppercase;
}
body.archive #archives table td.share {
  width: 7%;
}
body.archive #archives table td.gift {
  width: 7%;
}
body.archive #archives table td.gift div.send-gift {
  display: none;
  position: absolute;
  top: 0px;
  left: -38%;
  width: 130%;
}
body.archive #archives table td.gift div.send-gift input {
  width: 100%;
  text-align: center;
  border: none;
  background: none;
  padding: 0;
  color: white;
  font-family: 'LetterGothicMTStd-Oblique', Arial, serif;
  font-size: 0.750em;
}
body.archive #archives div.send-gift {
  display: none;
  position: absolute;
  top: 0px;
  left: -38%;
  width: 130%;
}
body.archive #archives div.send-gift input {
  width: 100%;
  text-align: center;
  border: none;
  background: none;
  padding: 0;
  color: white;
  font-family: 'LetterGothicMTStd-Oblique', Arial, serif;
  font-size: 0.750em;
}
body.archive #archives .featured:before,
body.archive #archives .featured:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
body.archive #archives .featured:after {
  clear: both;
}
body.archive #archives .featured .coverart {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid #666;
  margin-right: 20px;
  background: #000 none scroll center center no-repeat;
  background-size: cover;
}
body.archive #archives .featured svg {
  margin: 35px 0 0 38px;
  width: 30px;
  height: 30px;
}
body.archive #archives .featured svg polygon {
  stroke-width: 0px;
  fill: #fff;
}
body.archive #archives .featured ul {
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
}
body.archive #archives .featured li {
  margin: 0;
  padding: 0;
}
body.archive #archives span {
  color: #cccccc;
}
.page {
  width: 95%;
  max-width: 500px;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}
.page header {
  margin: 3em 0 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #292929;
  border-color: rgba(255, 255, 255, 0.1);
}
.page header:first-child {
  margin-top: 1em;
}
.page hr {
  margin: 2em;
  border: 1px solid #292929;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 0 0 1px;
}
.page ul {
  padding: 0;
  list-style: none;
}
.page ul.artists {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
.profile .page {
  max-width: 840px;
}
.clear {
  display: block;
  clear: both;
}
.popin,
.modal,
#dialog {
  padding: 40px;
  font-family: OratorStd, Courier, monospace;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  background-color: black;
  top: 50%;
  left: 50%;
  margin-left: -170px;
  text-align: center;
  -webkit-box-shadow: 0 0 40px 0 #000;
  box-shadow: 0 0 40px 0 #000;
}
.popin.long,
.modal.long,
#dialog.long {
  width: 600px;
  margin-left: -300px;
  padding: 25px;
  text-align: left;
}
.popin .close + p,
.modal .close + p,
#dialog .close + p,
.popin .close + div,
.modal .close + div,
#dialog .close + div,
.popin .close + fieldset,
.modal .close + fieldset,
#dialog .close + fieldset {
  margin-top: 0;
}
.popin input[type=text],
.modal input[type=text],
#dialog input[type=text],
.popin input[type=email],
.modal input[type=email],
#dialog input[type=email],
.popin input[type=password],
.modal input[type=password],
#dialog input[type=password] {
  background: transparent;
  border: 1px solid #636363;
  border-width: 0 0 1px 0;
  line-height: 16px;
  font-family: 'LetterGothicMTStd', Arial, serif;
  color: white;
}
.popin input.singleline,
.modal input.singleline,
#dialog input.singleline {
  width: 200px;
  max-width: 95%;
  text-align: center;
}
.popin .close,
.modal .close,
#dialog .close {
  background: url('../img/popin-close.png') no-repeat;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: 0;
  display: block;
  height: 13px;
  width: 13px;
  padding: 0;
  text-indent: 200%;
  overflow: hidden;
  position: absolute;
  top: -10px;
  left: -16px;
}
@media (max-width: 600px) {
  .popin .close,
  .modal .close,
  #dialog .close {
    left: 0;
    top: 0;
    width: 4em;
    height: 4em;
    text-indent: 100%;
    background-position: center center;
    -webkit-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    transform: rotate(28deg);
  }
}
.popin a,
.modal a,
#dialog a {
  text-decoration: underline;
}
.popin a:hover,
.modal a:hover,
#dialog a:hover {
  color: #fff;
}
.popin a.play,
.modal a.play,
#dialog a.play,
.popin a.pause,
.modal a.pause,
#dialog a.pause {
  color: #fff;
}
.popin ul,
.modal ul,
#dialog ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popin ul li,
.modal ul li,
#dialog ul li {
  padding: 0;
  margin: 0;
}
.popin ul.bullet,
.modal ul.bullet,
#dialog ul.bullet {
  list-style: disc outside none;
  text-align: left;
  display: inline-block;
}
.popin.guestpurchase p,
.modal.guestpurchase p,
#dialog.guestpurchase p {
  margin-top: 0;
  margin-bottom: 0;
}
.popin.guestpurchase p a,
.modal.guestpurchase p a,
#dialog.guestpurchase p a {
  color: #30dc19;
}
.popin.guestpurchase p a:hover,
.modal.guestpurchase p a:hover,
#dialog.guestpurchase p a:hover {
  color: #fff;
}
.popin > div,
.modal > div,
#dialog > div,
.popin > p,
.modal > p,
#dialog > p,
.popin fieldset,
.modal fieldset,
#dialog fieldset {
  margin: 1em 0 0;
}
.popin > div:first-child,
.modal > div:first-child,
#dialog > div:first-child,
.popin > p:first-child,
.modal > p:first-child,
#dialog > p:first-child,
.popin fieldset:first-child,
.modal fieldset:first-child,
#dialog fieldset:first-child {
  margin-top: 0;
}
.popin h2,
.modal h2,
#dialog h2 {
  margin-bottom: 2em;
}
.popin form,
.modal form,
#dialog form {
  margin: 2em 0;
}
.popin p.title,
.modal p.title,
#dialog p.title {
  padding-bottom: 35px;
  text-transform: uppercase;
}
.popin em,
.modal em,
#dialog em {
  color: #30dc19;
}
.popin {
  position: fixed;
  display: none;
  -webkit-transition: margin-top 250ms ease-out;
  transition: margin-top 250ms ease-out;
}
.close + * {
  margin-top: 0;
}
#modalContainer {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#modalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2PU1dV9BgAChQFvCLvODwAAAABJRU5ErkJggg==');
  background: rgba(46, 46, 46, 0.9);
}
.modal {
  position: absolute;
}
.modal h1 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
}
.modal .actions {
  display: table;
  table-layout: fixed;
  margin: 2em auto 0;
}
.modal .actions * {
  display: table-cell;
  width: 33%;
}
.modal .actions a.submitbutton {
  color: #fff;
  text-decoration: none;
}
.modal .actions a.submitbutton:hover {
  color: #000;
}
.modal .actions .cancel {
  color: #b3b3b3;
}
#popin-signup h2 {
  margin-bottom: 1em;
}
#popin-password p:first-child {
  margin-top: 0;
}
#forgotpass-form {
  padding-top: 10px;
}
#forgotpass-form label {
  display: inline-block;
  padding-right: 10px;
}
#forgotpass-form input[type=text],
#forgotpass-form input[type=email] {
  background: transparent;
  border: 1px solid #636363;
  border-width: 0 0 1px 0;
  line-height: 16px;
  font-family: 'LetterGothicMTStd', Arial, serif;
  color: white;
}
#forgotpass-form p {
  margin: 10px 0 0;
}
#forgotpass-form .error p {
  color: #f81313;
  margin-top: 10px;
}
.form-message {
  margin: 25px;
}
.form-message.error {
  color: #f81313;
}
.form-message.success {
  color: #30dc19;
}
#player {
  position: relative;
  height: 40px;
  vertical-align: top;
}
#player .sc-player {
  position: relative;
}
#player .sc-player.empty {
  visibility: hidden;
}
#player a {
  cursor: pointer;
  display: inline-block;
}
#player a span {
  display: none;
}
#player a.prev,
#player a.next,
#player a.sc-play {
  vertical-align: top;
  font-size: 14px;
  margin: 0 2px;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
#player a.prev:first-child,
#player a.next:first-child,
#player a.sc-play:first-child {
  margin-left: 0;
}
#player a.prev i,
#player a.next i,
#player a.sc-play i {
  line-height: 40px;
  -webkit-transform: scale(1, 0.7);
  -ms-transform: scale(1, 0.7);
  transform: scale(1, 0.7);
}
#player a.prev:hover,
#player a.next:hover,
#player a.sc-play:hover {
  color: #30dc19;
}
#player a.sc-play {
  margin-left: 4px;
}
#player a.sc-play i {
  -webkit-transform: scale(0.8, 0.7);
  -ms-transform: scale(0.8, 0.7);
  transform: scale(0.8, 0.7);
}
#player a.sc-play.nowPlaying {
  margin-right: 4px;
}
#player a.next {
  margin-right: 10px;
}
#player a.track {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
}
#player .controls {
  background-image: none;
  text-transform: lowercase;
  height: 40px;
  margin: 0;
  text-align: right;
  white-space: nowrap;
}
#player .timeline {
  position: absolute;
  top: 25px;
  right: 0;
  height: 1px;
  width: 100px;
  padding: 5px 0;
  cursor: pointer;
}
#player .timeline div {
  height: 1px;
  position: absolute;
  top: 5px;
  left: 0px;
  background-color: #ffffff;
}
#player .timeline div.buffer {
  width: 0%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 2;
}
#player .timeline div.total {
  width: 100%;
  opacity: 0.15;
  filter: alpha(opacity=15);
  z-index: 1;
}
#player .timeline div.play-status {
  width: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 3;
}
#player .timeline span.cursor {
  display: block;
  width: 7px;
  height: 6px;
  background: url('../img/player-cursor.png') top left no-repeat;
  position: absolute;
  margin-left: -4px;
  top: 0px;
  left: 0%;
  z-index: 4;
}
#loader {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  background: black url('../img/loader.gif') scroll center center no-repeat;
}
#loader span {
  display: none;
}
#logo {
  height: 40px;
  line-height: 40px;
}
#logo img {
  width: 44px!important;
  height: auto!important;
}
#actions {
  text-align: center;
}
#actions ul {
  margin: 0;
  padding: 0;
}
#actions ul li {
  text-align: right;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
#actions ul li a {
  display: inline-block;
  height: 40px;
  text-transform: lowercase;
  padding-right: 25px;
}
@media (min-width: 601px) {
  #actions ul li a:hover {
    -webkit-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }
}
#actions ul li.gift-issue {
  position: relative;
}
#actions ul li.gift-issue form {
  display: none;
  width: 170px;
  text-align: left;
}
#actions ul li.gift-issue form label {
  cursor: pointer;
}
#actions ul li.gift-issue form input {
  color: white;
  font-family: 'LetterGothicMTStd-Oblique', Arial, serif;
  line-height: 16px;
  height: 16px;
  background: none;
  border: none;
  width: 285px;
  font-size: 1em;
}
#player p.controls {
  background-image: none;
}
#privacy a {
  color: #30dc19;
}
#privacy a:hover {
  color: #fff;
}
#privacy textarea {
  font-family: OratorStd, Courier, monospace;
  background-color: #1c1c1c;
  color: white;
  font-size: 10px;
  border: 1px solid #1c1c1c;
  overflow-x: hidden;
  resize: vertical;
}
.cell.share {
  display: none;
}
#archives .section {
  background: #1c1c1c !important;
}
#archives .section-other-people .cell.track-id span {
  color: blue !important;
}
#archives .section-clown--sunset,
#archives .section-clown--sunset a {
  color: #ffd250;
}
#archives .section-clown--sunset .cell.track-id span {
  color: red !important;
}
#archives .click-clown--sunset {
  color: #ffd250;
}
#name-wrap {
  display: block;
  width: auto;
  overflow-x: visible;
  text-align: left;
  float: left;
  white-space: nowrap;
}
.grey-back {
  background-color: rgba(0, 0, 0, 0.5);
}
.gift-disabled {
  width: 7%;
  position: relative;
}
#popin-letter,
#popin-voyeur {
  width: 90%;
  max-width: 400px;
}
#popin-letter img,
#popin-voyeur img {
  height: 60px;
  width: auto;
  margin-top: 20px;
}
.nota {
  border-top: 1px solid #333;
  padding-top: 10px !important;
  margin-bottom: 0;
}
.eventbrite-embed {
  width: 90%;
  max-width: 600px;
  margin: 10em auto 0;
}
@media (max-width: 600px) {
  .eventbrite-embed {
    margin-top: 5em;
  }
}
.eventbrite-embed p {
  margin: 0 0 2em;
  text-align: center;
}
.legal {
  width: 90%;
  padding-bottom: 1em;
  max-width: 760px;
  margin: 100px auto;
  font: normal 14px/1.2 Arial, serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: justify;
}
.legal li {
  padding-bottom: 1em;
}
.legal li li:first-child {
  padding-top: 1em;
}
.legal a {
  color: #fff;
  font: bold 14px/1.2 Arial, serif;
}
.legal a:hover {
  text-decoration: underline;
}
.shortpage {
  text-align: center;
}
.csstransforms .shortpage {
  position: absolute;
  left: 50%;
  top: 50%;
  top: calc(50% - 50px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rating {
  display: none;
}
#issue-bg,
.wrap-issue,
.artwork {
  width: 100%;
}
#issue-bg.noscroll,
#issue-bg.noscroll .artwork {
  min-height: calc(100vh - 40px);
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.label-name {
  text-transform: uppercase;
}
.section-click-handle {
  cursor: pointer;
  margin-top: 40px;
}
.section {
  position: relative;
  margin: 10px 0 0 13px;
}
.bg {
  height: 200px;
  width: auto;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -100px;
}
.bg img {
  height: 200px;
  width: auto;
  opacity: 0.3;
}
.glass {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: block;
}
.plan {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  height: 180px;
  position: relative;
  width: 300px;
}
.plan:hover {
  background-color: #111;
}
.plan h2 {
  line-height: auto;
  margin: 1em 0;
}
.plan.description {
  min-height: 100px;
}
#contact-us {
  position: fixed;
  width: 400px;
  bottom: 10px;
  left: 50%;
  margin-left: -200px;
}
.price {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
#plans {
  height: 200px;
  width: 960px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -480px;
  margin-top: -100px;
}
p.learn-more {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
p.learn-more a {
  display: inline-block;
}
@media (min-width: 601px) {
  p.learn-more a:hover {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }
}
#issue-bg {
  position: relative;
  overflow: hidden;
}
#scroller-inner,
#issue-bg {
  line-height: 0px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#up,
#down {
  position: fixed;
  right: 60px;
  bottom: 10px;
  z-index: 1000;
}
#down {
  right: 30px;
}
.logo-small {
  display: inline;
  height: 20px;
  width: auto;
  vertical-align: bottom;
}
iframe.stripe_checkout_app {
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2OsqKg4AwAFDgI21E8WhgAAAABJRU5ErkJggg==') scroll 0 0 repeat;
  background: rgba(120, 120, 120, 0.8) !important;
}
form.stripe-enabled {
  position: relative;
}
form.stripe-enabled .form-processing {
  position: absolute;
  left: 0;
  top: 0;
  padding: 50px 0 0;
  line-height: 19px;
  width: 100%;
  display: none;
}
form.stripe-enabled .form-processing button {
  margin-top: 2em;
  padding-left: 3em;
  padding-right: 3em;
}
form.stripe-enabled.resubscribe .form-processing {
  top: 25px;
  font-family: 'OratorSTD', monospace;
  border: 1px solid transparent;
  color: #fff;
  padding: 9px 10px 5px;
}
form.stripe-enabled.cancel .form-processing {
  padding: 0;
}
form.stripe-enabled.cancel .form-processing button {
  margin: 0;
}
form.stripe-enabled.renew .form-processing {
  font-family: 'OratorSTD', monospace;
  border: 1px solid transparent;
  color: #fff;
  padding: 9px 10px 5px;
}
form.stripe-enabled.archive .form-processing {
  color: #b3b3b3;
  padding-top: 0;
  white-space: nowrap;
}
form.stripe-enabled.archive .form-processing div {
  display: inline-block;
}
form.stripe-enabled.archive .form-processing div button {
  margin: 0 0 0 1em;
}
input#gift-issue-mail {
  width: 100px !important;
  display: inline !important;
  line-height: 12px !important;
  height: 12px !important;
}
#off {
  display: none;
}
.player-controls a {
  display: inline-block;
}
.player-controls .pause {
  display: none;
}
.player-controls.playing .play {
  display: none;
}
.player-controls.playing .pause {
  display: inline-block;
}
.touch #popin-letter p.player-controls a {
  font-size: 2em;
  width: 40px;
  height: 40px;
}
.touch #popin-letter p.player-controls a i {
  line-height: 1.7em;
}
@media (max-width: 600px) {
  #wrap-content {
    min-height: calc(100vh - 40px);
    height: auto;
  }
  html,
  body {
    height: auto;
  }
  body {
    padding-bottom: 50px;
  }
  body.issue {
    padding-bottom: 0;
  }
  body.issue #wrap-content {
    position: absolute;
  }
  body > header {
    position: relative;
  }
  body > header #primary {
    display: block;
  }
  body > header #primary #logo,
  body > header #primary #actions,
  body > header #primary #player {
    display: block;
  }
  body > header #primary #logo {
    width: 100%;
    padding: 0;
    text-align: center;
    line-height: 46px;
  }
  body > header #primary #burger {
    width: 40px;
  }
  body > header #primary #player {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #000000;
    width: 100%;
  }
  body > header #primary #player a {
    /*
					width: 40px;
					text-align: center;
					margin: 0;
					font-size: 2em;
					&:hover {
						color: #fff;
					}
					&.prev, &.next {
						display: none;
					}
					*/
  }
  body > header #primary #actions {
    position: absolute;
    display: none;
    width: 100%;
    top: 38px;
    left: 0;
    height: calc(100vh - 38px);
    background: #fff;
    padding-top: 3em;
  }
  body > header #primary #actions li {
    display: block;
    text-align: center;
    line-height: 3;
  }
  body > header #primary #actions li a {
    color: #000;
    display: block;
    padding: 0;
    line-height: 44px;
  }
  body > main > section {
    margin: 0;
  }
  body > footer {
    top: 40px;
  }
  body.error #wrap-content {
    padding: 4%;
  }
  body.error p.title {
    margin-top: 100px;
  }
  body.popin-underlay > footer {
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.4);
  }
  body.archive #archives {
    margin: 20px;
  }
  body.archive #archives thead {
    display: none;
  }
  body.archive #archives .section {
    margin: 0;
  }
  body.archive #archives table td {
    display: none;
    line-height: 1.2;
  }
  body.archive #archives table td.text-only {
    display: block;
  }
  body.archive #archives table td.text-only a {
    display: block;
    padding: 5px 0 5px 16px;
  }
  body.archive #archives table td.text-only .meta {
    opacity: 0.5;
  }
  body.archive #archives table tr:first-child td.text-only {
    padding-top: 5px;
  }
  body.archive #archives table tr.new-release td {
    padding-top: 0;
  }
  .section-click-handle:first-child {
    margin-top: 0;
  }
  .popin,
  .modal,
  #dialog {
    position: absolute;
    left: 50%;
    top: 0;
    margin: 4% 0 0;
    width: 90%;
    max-width: 400px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 2em;
  }
  body.issue #issue-bg div.artwork {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  body.issue #issue-bg div.artwork img {
    display: none;
  }
  body.issue #issue-bg div.artwork:not(:first-child) {
    margin-top: 0;
  }
  body.issue #issue-bg div.artwork.active {
    opacity: 1;
  }
  #issues {
    top: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  #issues a {
    line-height: 1;
    padding: 12px 7px 7px;
  }
  #issue-bg .artwork {
    background: transparent none scroll center center no-repeat;
    background-size: cover;
  }
  body.login .learn-more {
    display: none;
  }
}
#dialog {
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  width: 400px;
  margin: 0 0 0 -200px;
}
#dialog.vcentered {
  top: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ybshare {
  margin-top: 5px;
  padding: 5px;
  border: 1px solid #333;
}
.ybshare input[type=text],
.ybshare input[type=email] {
  display: block;
  line-height: 20px;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
html.phone #actions li.download-issue,
html.ios #actions li.download-issue {
  display: none !important;
}
html.phone #actions li.gift-issue {
  display: none !important;
}
html.touch .mouse-only {
  display: none !important;
}
html.no-touch .touch-only {
  display: none !important;
}
html.no-touch .popin .close:hover,
html.no-touch .modal .close:hover,
html.no-touch #dialog .close:hover {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
@media (min-width: 601px) {
  .phone-only {
    display: none !important;
  }
}
#preview-bar {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background: #F00;
  padding: 0 0 0 10px;
}
#preview-bar a {
  display: inline-block;
  padding: 10px 10px 6px;
}
#preview-bar a:hover {
  background: #000;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: red;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #888;
  position: relative;
}
.jspDrag {
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 5px;
}
.jspHorizontalBar .jspArrow {
  width: 5px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
.audiojs {
  overflow: hidden;
}
.audiojs audio {
  position: absolute;
  left: -1px;
}
.audiojs button {
  background: transparent;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
  height: 40px;
  color: #ccc;
}
.audiojs button:hover {
  color: #fff;
}
.audiojs .play-pause {
  float: left;
  width: 45px;
}
@media (max-width: 600px) {
  .audiojs .play-pause {
    width: auto;
    padding-left: 5px;
  }
}
.audiojs .play-pause .ghosts {
  display: none;
}
.audiojs .play-pause .ghosts i {
  float: left;
  width: 15px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
@media (max-width: 600px) {
  .audiojs .play-pause .ghosts i {
    width: 21px;
    font-size: 1.5em;
  }
  .audiojs .play-pause .ghosts i.fa-play,
  .audiojs .play-pause .ghosts i.fa-pause {
    width: 27px;
  }
}
.audiojs .play-pause button {
  float: left;
  width: 15px;
  text-align: center;
}
@media (max-width: 600px) {
  .audiojs .play-pause button {
    width: 21px;
    font-size: 1.5em;
  }
  .audiojs .play-pause button.play,
  .audiojs .play-pause button.pause {
    width: 27px;
  }
}
.audiojs .play-pause button.next {
  float: right;
}
.audiojs.error .play-pause .ghosts,
.audiojs.loading .play-pause .ghosts,
.audiojs.no-tracks .play-pause .ghosts {
  display: block;
}
.audiojs.error .play-pause button,
.audiojs.loading .play-pause button,
.audiojs.no-tracks .play-pause button {
  display: none;
}
.audiojs.error .track-name,
.audiojs.loading .track-name,
.audiojs.no-tracks .track-name {
  line-height: 43px;
  text-align: center;
}
@media (max-width: 600px) {
  .audiojs.error .track-name,
  .audiojs.loading .track-name,
  .audiojs.no-tracks .track-name {
    text-align: left;
  }
}
.audiojs.error .scrubber,
.audiojs.loading .scrubber,
.audiojs.no-tracks .scrubber,
.audiojs.error.cs-init .scrubber,
.audiojs.loading.cs-init .scrubber,
.audiojs.no-tracks.cs-init .scrubber {
  display: none;
}
.audiojs .pause {
  display: none;
}
.audiojs .track-name,
.audiojs .scrubber {
  float: right;
  width: 130px;
}
@media (max-width: 600px) {
  .audiojs .track-name,
  .audiojs .scrubber {
    width: calc(100% - 90px);
    margin-right: 10px;
  }
}
.audiojs .track-name {
  height: 23px;
  line-height: 30px;
  text-align: left;
  overflow: hidden;
}
.audiojs .track-name span {
  white-space: nowrap;
  position: relative;
  display: inline-block;
}
.audiojs .track-name.animating span {
  -webkit-animation: backandforth 5s linear infinite alternate;
  animation: backandforth 5s linear infinite alternate;
}
.audiojs .scrubber {
  position: relative;
  height: 7px;
  display: none;
}
.audiojs.cs-init .scrubber {
  display: block;
}
.audiojs .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 14px;
  width: 0px;
  z-index: 1;
}
.audiojs .progress:after {
  position: absolute;
  right: -4px;
  top: 0;
  content: '';
  width: 7px;
  height: 6px;
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAASElEQVR42m3JwQkAEBjFcQM4KaVcbWAPM9jPBrZRriZw4L2ivuTwO7z3V2tOC/HD3DhgCR00I+UnJv4MVz2hcL8xQAMvo+Tk3vPZiY/3ItF6AAAAAElFTkSuQmCC') scroll right top no-repeat;
}
.audiojs .loaded {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  background: #3f3f3f;
}
.audiojs .time {
  display: none;
}
.audiojs .error-message {
  display: none;
}
.audiojs.playing .play,
.audiojs.playing .loading,
.audiojs.playing .error {
  display: none;
}
.audiojs.playing .pause {
  display: block;
}
.audiojs.loading .play,
.audiojs.loading .pause,
.audiojs.loading .error {
  display: none;
}
.audiojs.loading .loading {
  display: block;
}
.audiojs.error .play,
.audiojs.error .pause,
.audiojs.error .scrubber,
.audiojs.error .loading {
  display: none;
}
.audiojs.error .error {
  display: block;
}
.audiojs.error .play-pause * {
  cursor: auto;
}
.audiojs.error .error-message {
  display: block;
}
.audiojs .next,
.audiojs .prev {
  opacity: 0.4;
  cursor: default;
}
.audiojs.nav-next .next,
.audiojs.nav-prev .prev {
  opacity: 1;
  cursor: pointer;
}
@-webkit-keyframes backandforth {
  0% {
    left: 0;
    transform: translateX(0%);
  }
  10% {
    left: 0;
    transform: translateX(0%);
  }
  90% {
    left: 100%;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(-100%);
  }
}
@keyframes backandforth {
  0% {
    left: 0;
    transform: translateX(0%);
  }
  10% {
    left: 0;
    transform: translateX(0%);
  }
  90% {
    left: 100%;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(-100%);
  }
}