@charset "UTF-8";
.clear {
  clear: both; }

body {
  font-family: Optima, Candara, Verdana, Palatino, Serif;
  background-color: white;
  color: #333333;
  margin: 0;
  padding: right;
  min-width: 300px; }

body.embedded {
  margin: 0;
  padding: 0;
  font-size: 90%;
  min-width: 300px; }

a {
  text-decoration: none;
  border-bottom: 1px solid #e5e8ff; }
  a:link {
    color: #485aaa; }
  a:visited {
    color: #485aaa; }
  a:active {
    color: #7780ff; }
  a:hover {
    color: #4444ff;
    border-bottom: 1px solid #ccccff; }

img {
  image-rendering: auto !important; }

a img,
.imglink,
.imglink:hover {
  border: none; }

p {
  padding: 0;
  margin: 0.8em 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #646468;
  padding: 0;
  margin: 1.2em 0 0.6em 0; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0; }
  h1 .aside, h2 .aside, h3 .aside, h4 .aside, h5 .aside, h6 .aside {
    display: inline;
    padding-left: 1.4em;
    font-weight: normal; }

h1 {
  font-size: 1.8em; }
  h1 .aside {
    font-size: 70%; }

h2 {
  font-size: 1.4em; }
  h2 .aside {
    font-size: 90%; }

h3 {
  font-size: 1em; }

#body_content_left {
  padding: 0.3em 0 0 0;
  margin: 0 7%; }
  @media all and (max-width: 768px) {
    #body_content_left {
      margin: 0 5%; } }
  @media all and (max-width: 480px) {
    #body_content_left {
      margin: 0 18px; } }

#body_content_title {
  display: none; }

.two_column {
  padding: 0.3em 18em 0 0; }
  .two_column .column {
    float: left;
    padding-left: 4%; }
    .two_column .column .post blockquote {
      margin: 0.6em 4%; }
  .two_column .column0 {
    width: 50%; }
  .two_column .column1 {
    width: 42%; }
  @media all and (max-width: 1000px) {
    .two_column .column0, .two_column .column1 {
      float: none;
      width: 96%;
      margin-bottom: 6.9em; } }
  @media all and (max-width: 720px) {
    .two_column {
      padding-right: 4%; } }

.loading {
  content: url('/music/images/loading.gif');
  margin-top: -8px;
  margin-bottom: -3px; }

.error, .errorExplanation {
  font-weight: bold;
  color: #880000; }

.fieldWithErrors input, .fieldWithErrors textarea {
  border: 1px solid #880000 !important;
  border-left-width: 3px !important;
  background: #fffcf6; }

.flash {
  background: #f6f6bb;
  border: 1px solid #9b9b76;
  border-radius: 1ex;
  padding: 2ex 2em;
  color: black;
  width: 64%;
  margin: 2em 0; }

.innig-logo-mini {
  content: "";
  display: inline-block;
  background-image: url("//innig.net/images/innig_FFFFFF@2x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 25px;
  height: 47px; }

.nav-top {
  position: fixed;
  width: 100%;
  top: -2em;
  left: 0;
  border-top: 1.8em solid white;
  border-bottom: 0.6em solid white;
  background: #eeeeee;
  z-index: 1000;
  white-space: nowrap;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-weight: bold;
  font-size: 0.92em;
  margin: 0.8em 0 0 0;
  color: #888888; }
  .nav-top a {
    border: none; }
    .nav-top a:hover {
      text-decoration: underline; }
  .nav-top .breadcrumbs, .nav-top .contact {
    padding: 0.3em 0 0.38em 0; }
    .nav-top .breadcrumbs a, .nav-top .contact a {
      padding: 0.3em 1em; }
  .nav-top .breadcrumbs {
    float: left;
    padding-left: 0.6em; }
    .nav-top .breadcrumbs a {
      border-right: 1px solid #dcdcde; }
    .nav-top .breadcrumbs a:last-child {
      color: #444466;
      border: none; }
  .nav-top .contact {
    float: right; }
  .nav-top .fan {
    background: #5a5a52;
    float: right;
    padding: 0.3em 1.6em;
    border-top-left-radius: 0.9em;
    border-bottom-left-radius: 0.9em;
    margin-left: 1em; }
    .nav-top .fan .name {
      margin: 1em;
      color: #bbbbbb;
      display: inline; }
    .nav-top .fan a, .nav-top .fan a:visited, .nav-top .fan a:hover {
      color: #cccdff;
      border: none; }

.nav-top-spacer {
  height: 2.4em; }

@media all and (max-width: 720px) {
  .nav-top {
    font-size: 80%;
    position: static;
    top: 0;
    border-top: 0.2em;
    overflow: hidden; }
    .nav-top .breadcrumbs, .nav-top .contact {
      padding: 0.5em 0 0.5em 0.6em;
      float: none; }
      .nav-top .breadcrumbs a, .nav-top .contact a {
        padding: 0 1em; }
    .nav-top .breadcrumbs a {
      border: none; }
    .nav-top .contact {
      border-top: 1px solid #dcdcde; }

  .nav-top-spacer {
    height: 0.5em; } }
@media all and (max-width: 640px) {
  .nav-top {
    margin-top: 0;
    font-size: 75%; }
    .nav-top .breadcrumbs a:nth-of-type(n+4) {
      display: none; } }
#site_bar {
  position: relative;
  top: 3em; }

.nav-bottom {
  margin: 6em 0 1em 0;
  padding: 1em;
  clear: both; }
  .nav-bottom > * {
    font-size: 85%; }
  .nav-bottom .nav-element, .nav-bottom .nav-element-left, .nav-bottom .poem, .nav-bottom .amateur {
    float: right;
    margin: 0 1.6em 0 1.6em;
    padding: 0;
    padding-bottom: 1em; }
  .nav-bottom .nav-element-left {
    float: left; }
    .nav-bottom .nav-element-left a {
      display: block;
      text-align: center; }
  .nav-bottom .poem, .nav-bottom .amateur {
    color: #888888;
    text-align: left; }
  .nav-bottom .poem .attribution {
    font-style: italic;
    text-align: right; }
  .nav-bottom .amateur {
    padding: 0;
    margin: 3em 0 0 0;
    float: none;
    text-align: center; }

.pagination {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  padding: 2.6em 0;
  padding-left: 4em;
  text-align: center; }
  .pagination:first-child {
    padding-top: 0; }
  .pagination:last-child {
    padding-bottom: 0; }
  .pagination .disabled {
    display: none; }
  .pagination .previous_page, .pagination .next_page {
    font-weight: bold; }
  .pagination .previous_page {
    margin-right: 0.5em; }
    .pagination .previous_page:after {
      content: " Previous page"; }
  .pagination .next_page {
    margin-left: 0.5em; }
    .pagination .next_page:before {
      content: "Next page "; }
  .pagination em {
    font-weight: inherit;
    font-style: inherit; }
  .pagination a {
    margin: 0 0.5ex; }
  .pagination .current {
    background: #dddddd;
    padding: 0.2em 0.35em;
    margin: 0 0.1em; }

.feature-image {
  float: right;
  position: relative;
  top: -30px;
  margin-bottom: -36px;
  z-index: 1; }

.page-title-container {
  position: relative; }

.page-title {
  position: relative;
  left: 50%;
  background: url('/music/images/inthehands/logo-main.jpeg?v2') no-repeat top left; }
  .page-title .logo-link {
    display: block;
    width: 100%;
    height: 300px;
    border: none;
    z-index: -1; }
  .page-title .subtitle {
    color: #5a6491;
    font-size: 14px;
    font-family: Optima, Candara, Verdana, Palatino, Serif;
    position: absolute; }
  .page-title .tagline {
    position: absolute;
    font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    color: #666666;
    text-align: center; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .page-title {
    background: url('/music/images/inthehands/logo-main@2x.jpeg') no-repeat top left; } }
.page-title-container {
  margin-left: 7%;
  margin-right: 27px;
  margin-top: 12px;
  margin-bottom: 32px; }

.page-title {
  margin: 0 -328px;
  width: 650px;
  height: 360px;
  background-size: 482px 360px; }
  .page-title .logo-link {
    margin-bottom: -300px; }
  .page-title .subtitle {
    left: 311px;
    top: 204px;
    width: 306px; }
  .page-title .tagline {
    top: 260px;
    left: 297px;
    width: 353px; }

@media all and (max-width: 640px) {
  .page-title-container {
    margin-left: 6.36364%;
    margin-right: 24.54545px;
    margin-top: 10.90909px;
    margin-bottom: 37.81818px; }

  .page-title {
    margin: 0 -298.18182px;
    width: 590.90909px;
    height: 327.27273px;
    background-size: 438.18182px 327.27273px; }
    .page-title .logo-link {
      margin-bottom: -272.72727px; }
    .page-title .subtitle {
      left: 283px;
      top: 185px;
      width: 278px; }
    .page-title .tagline {
      top: 250px;
      left: 238px;
      width: 353px; } }
@media all and (max-width: 600px) {
  .page-title-container {
    margin-left: 5.93939%;
    margin-right: 22.90909px;
    margin-top: 10.18182px;
    margin-bottom: 41.69697px; }

  .page-title {
    margin: 0 -278.30303px;
    width: 551.51515px;
    height: 305.45455px;
    background-size: 408.9697px 305.45455px; }
    .page-title .logo-link {
      margin-bottom: -254.54545px; }
    .page-title .subtitle {
      left: 264px;
      top: 173px;
      width: 260px; }
    .page-title .tagline {
      top: 243px;
      left: 199px;
      width: 353px; } }
@media all and (max-width: 560px) {
  .page-title-container {
    margin-left: 5.51515%;
    margin-right: 21.27273px;
    margin-top: 9.45455px;
    margin-bottom: 45.57576px; }

  .page-title {
    margin: 0 -258.42424px;
    width: 512.12121px;
    height: 283.63636px;
    background-size: 379.75758px 283.63636px; }
    .page-title .logo-link {
      margin-bottom: -236.36364px; }
    .page-title .subtitle {
      left: 245px;
      top: 161px;
      width: 241px; }
    .page-title .tagline {
      top: 237px;
      left: 159px;
      width: 353px; } }
@media all and (max-width: 520px) {
  .page-title-container {
    margin-left: 5.09091%;
    margin-right: 19.63636px;
    margin-top: 8.72727px;
    margin-bottom: 49.45455px; }

  .page-title {
    margin: 0 -238.54545px;
    width: 472.72727px;
    height: 261.81818px;
    background-size: 350.54545px 261.81818px; }
    .page-title .logo-link {
      margin-bottom: -218.18182px; }
    .page-title .subtitle {
      left: 226px;
      top: 148px;
      width: 223px; }
    .page-title .tagline {
      top: 230px;
      left: 120px;
      width: 353px; } }
@media all and (max-width: 480px) {
  .page-title-container {
    margin-left: 4.66667%;
    margin-right: 18px;
    margin-top: 8px;
    margin-bottom: 53.33333px; }

  .page-title {
    margin: 0 -218.66667px;
    width: 433.33333px;
    height: 240px;
    background-size: 321.33333px 240px; }
    .page-title .logo-link {
      margin-bottom: -200px; }
    .page-title .subtitle {
      left: 207px;
      top: 136px;
      width: 204px; }
    .page-title .tagline {
      top: 223px;
      left: 4%;
      width: 373px;
      text-align: left; } }
@media all and (max-width: 440px) {
  .page-title-container {
    margin-left: 4.24242%;
    margin-right: 16.36364px;
    margin-top: 7.27273px;
    margin-bottom: 57.21212px; }

  .page-title {
    margin: 0 -198.78788px;
    width: 393.93939px;
    height: 218.18182px;
    background-size: 292.12121px 218.18182px; }
    .page-title .logo-link {
      margin-bottom: -181.81818px; }
    .page-title .subtitle {
      left: 188px;
      top: 124px;
      width: 185px; }
    .page-title .tagline {
      top: 217px;
      left: 4%;
      width: 339px;
      text-align: left; } }
@media all and (max-width: 400px) {
  .page-title-container {
    margin-left: 3.81818%;
    margin-right: 14.72727px;
    margin-top: 6.54545px;
    margin-bottom: 61.09091px; }

  .page-title {
    margin: 0 -178.90909px;
    width: 354.54545px;
    height: 196.36364px;
    background-size: 262.90909px 196.36364px; }
    .page-title .logo-link {
      margin-bottom: -163.63636px; }
    .page-title .subtitle {
      left: 170px;
      top: 111px;
      width: 167px; }
    .page-title .tagline {
      top: 210px;
      left: 4%;
      width: 305px;
      text-align: left; } }
@media all and (max-width: 360px) {
  .page-title-container {
    margin-left: 3.39394%;
    margin-right: 13.09091px;
    margin-top: 5.81818px;
    margin-bottom: 64.9697px; }

  .page-title {
    margin: 0 -159.0303px;
    width: 315.15152px;
    height: 174.54545px;
    background-size: 233.69697px 174.54545px; }
    .page-title .logo-link {
      margin-bottom: -145.45455px; }
    .page-title .subtitle {
      left: 151px;
      top: 99px;
      width: 148px; }
    .page-title .tagline {
      top: 203px;
      left: 4%;
      width: 272px;
      text-align: left; } }
.pitch {
  text-align: right;
  margin: -38px 0.4em 0 0; }
  .pitch a, .pitch img {
    border: none; }

.album .cover {
  overflow: hidden; }
  .album .cover img {
    width: 220px;
    height: 164px;
    margin-left: -110px;
    position: relative;
    left: 50%; }

.date {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  color: #888888;
  font-size: 0.8em;
  float: right;
  margin: 0.3em 0.2em 0.2em 1.6em; }
  .date .nav {
    display: inline; }

.post {
  margin-bottom: 4.6em; }
  .post .header {
    font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
    color: #888888;
    position: relative; }
    .post .header .title {
      min-height: 30px;
      font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
      font-size: 1.4em;
      font-weight: bold; }
      .post .header .title a:link, .post .header .title a:visited {
        border-bottom-style: none; }
      .post .header .title a:hover {
        border-bottom-style: solid; }
    .post .header .date {
      margin: 0.4em 0; }
      .post .header .date a:link, .post .header .date a:visited {
        border-bottom-style: none; }
      .post .header .date a:hover {
        border-bottom-style: solid; }
    .post .header .categories, .post .header .tags {
      font-size: 0.8em;
      font-weight: normal;
      text-align: left;
      position: relative;
      top: -2px; }
      .post .header .categories .category, .post .header .categories .tag, .post .header .tags .category, .post .header .tags .tag {
        margin: 0.4em 0;
        float: left;
        margin-right: 1ex; }
        .post .header .categories .category a, .post .header .categories .tag a, .post .header .tags .category a, .post .header .tags .tag a {
          color: #7f7f7f;
          border-color: #eeeeee; }
  .post.compact .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .post .body {
    clear: left;
    margin: 1.8em 1.2em 0 1.2em; }
    .post .body p {
      text-align: justify;
      margin: 0.8em 0; }
    .post .body blockquote {
      margin: 1.6em 4em;
      padding: 0em 0.6em; }
  .post.compact .body {
    margin-top: 0; }
    .post.compact .body .more {
      display: block;
      float: right;
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      margin-top: 0.1em;
      font-size: 0.85em;
      font-weight: bold; }
      .post.compact .body .more:after {
        margin-left: 1ex;
        font-size: 85%;
        color: #485aaa;
        content: "➤";
        font-weight: normal; }
    .post.compact .body .recording {
      margin: 1.6em; }
      @media all and (max-width: 40em) {
        .post.compact .body .recording {
          margin: 1.6em 0; } }
  .post .footer {
    font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
    min-height: 0.4em;
    color: #888888;
    margin: 0.8em 2.2em 0.8 1.2em; }
    .post .footer .social, .post .footer .more, .post .footer .comments {
      font-size: 0.85em;
      font-weight: bold; }
    .post .footer .more {
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      font-weight: bold; }
      .post .footer .more:after {
        margin-left: 1ex;
        font-size: 85%;
        color: #485aaa;
        content: "➤";
        font-weight: normal; }
    .post .footer .comments {
      float: right; }
      .post .footer .comments .count {
        display: inline;
        font-weight: normal; }

@media all and (max-width: 640px) {
  .post .body {
    margin-left: 0;
    margin-right: 0; } }
@media all and (max-width: 768px) {
  .post .body blockquote {
    margin: 1.6em 3em; } }
@media all and (max-width: 640px) {
  .post .body blockquote {
    margin: 1.6em 2em; } }
@media all and (max-width: 480px) {
  .post {
    margin-top: 0.4em; }
    .post .body p {
      hyphens: auto;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -o-hyphens: auto;
      -ms-hyphens: auto; }
    .post .body blockquote {
      margin: 1.6em 1em; }
    .post .footer {
      margin: 0.8em 0;
      margin-bottom: 3.2em; }
      .post .footer .social {
        margin-bottom: 1.2em;
        float: none; } }
@media all and (max-width: 360px) {
  .post .details {
    display: none; }
  .post .body {
    margin-top: 0; } }
.article-nav, .category-nav {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif; }
  .article-nav a, .category-nav a {
    font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
    font-weight: bold; }
  .article-nav a:link, .article-nav a:visited, .category-nav a:link, .category-nav a:visited {
    border-bottom-style: none; }
  .article-nav a:hover, .category-nav a:hover {
    border-bottom-style: solid; }
  .article-nav .prev, .category-nav .prev {
    width: 42%;
    padding: 0.4em 0;
    position: relative;
    overflow: hidden;
    float: left;
    text-align: left;
    padding-left: 2.2em;
    background-image: url('/music/images/directional-left@2x.png');
    background-image: url('/music/images/directional-left@2x.png'), linear-gradient(left, #f3f4f4 0, white 70%);
    background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-left@2x.png'), -webkit-linear-gradient(left, #f3f4f4 0, white 70%);
    -webkit-background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-left@2x.png'), -moz-linear-gradient(left, #f3f4f4 0, white 70%);
    -moz-background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-left@2x.png'), -o-linear-gradient(left, #f3f4f4 0, white 70%);
    -o-background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-left@2x.png'), -ms-linear-gradient(left, #f3f4f4 0, white 70%);
    -ms-background-size: 110px 220px, auto;
    background-repeat: no-repeat, no-repeat;
    background-position: left center, left center; }
    @media all and (max-width: 480px) {
      .article-nav .prev, .category-nav .prev {
        width: 92%; } }
  .article-nav .next, .category-nav .next {
    width: 42%;
    padding: 0.4em 0;
    position: relative;
    overflow: hidden;
    float: right;
    text-align: right;
    padding-right: 2.2em;
    background-image: url('/music/images/directional-right@2x.png');
    background-image: url('/music/images/directional-right@2x.png'), linear-gradient(right, #f3f4f4 0, white 70%);
    background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-right@2x.png'), -webkit-linear-gradient(right, #f3f4f4 0, white 70%);
    -webkit-background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-right@2x.png'), -moz-linear-gradient(right, #f3f4f4 0, white 70%);
    -moz-background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-right@2x.png'), -o-linear-gradient(right, #f3f4f4 0, white 70%);
    -o-background-size: 110px 220px, auto;
    background-image: url('/music/images/directional-right@2x.png'), -ms-linear-gradient(right, #f3f4f4 0, white 70%);
    -ms-background-size: 110px 220px, auto;
    background-repeat: no-repeat, no-repeat;
    background-position: right center, right center; }
    @media all and (max-width: 480px) {
      .article-nav .next, .category-nav .next {
        width: 92%; } }

.category-nav {
  font-size: 110%; }
  .category-nav .prev, .category-nav .next {
    width: 100%; }

.article-nav {
  overflow: hidden;
  font-size: 90%;
  margin-bottom: 3.2em; }

#comments .comment {
  clear: left;
  margin: 1em 0 1em 2em; }
  #comments .comment .avatar {
    float: left;
    margin: 1em 1em 0.5em 0;
    width: 36px;
    height: 36px; }
  #comments .comment .date {
    margin-top: 1em; }
  #comments .comment .body {
    overflow: hidden; }
    #comments .comment .body .author {
      margin-left: 2em;
      padding-bottom: 1px; }
  @media all and (max-width: 550px) {
    #comments .comment {
      margin-left: 0;
      margin-top: 2em; }
      #comments .comment .avatar {
        margin-top: 0.3em; }
      #comments .comment .body {
        overflow: visible; } }

#new_blog_comment {
  margin: 1.4em 0 1em 2em;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  font-size: 90%; }
  #new_blog_comment .field {
    margin: 0.3em 0; }
    #new_blog_comment .field input[type='text'], #new_blog_comment .field input[type='email'], #new_blog_comment .field input[type='url'], #new_blog_comment .field textarea {
      color: black;
      border: 1px solid #777777;
      border-radius: 4px;
      padding: 1ex;
      margin: 0.2ex; }
    #new_blog_comment .field .annotation {
      color: #888888;
      display: inline;
      margin-left: 1ex;
      font-style: italic;
      font-size: 0.9em; }
    #new_blog_comment .field textarea {
      display: block;
      width: 60%;
      height: 12em; }
  #new_blog_comment .disclaimer {
    font-size: 0.8em;
    color: #888888;
    margin: 1ex; }
  @media all and (max-width: 480px) {
    #new_blog_comment {
      margin-left: 0; }
      #new_blog_comment .field {
        margin-top: 1.2em; }
        #new_blog_comment .field .annotation {
          display: block;
          margin-left: 0;
          font-size: 75%; }
        #new_blog_comment .field textarea {
          width: 94%; } }

.sidebar {
  float: right;
  clear: right;
  margin: 0.3em 0 2em 2em; }
  .sidebar .feature-image {
    float: right;
    margin-top: -36px;
    margin-left: -52px; }
  .sidebar .feature {
    float: right; }
    .sidebar .feature .feature-inner {
      border-bottom: 1px solid #cccccc;
      padding: 12px;
      font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
      font-size: 72%;
      text-align: center; }
      .sidebar .feature .feature-inner a {
        border: none; }
      .sidebar .feature .feature-inner .caption {
        font-weight: bold;
        font-size: 120%; }
      .sidebar .feature .feature-inner .quote {
        margin: 0.6em 0; }
        .sidebar .feature .feature-inner .quote .attribution {
          color: #777777; }
      .sidebar .feature .feature-inner .buy .link {
        font-weight: bold;
        font-size: 140%; }

.menu {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  padding: 0.8em 0 1em 0;
  background: #f3f4f4; }
  .menu a:link, .menu a:visited {
    border-bottom-style: none; }
  .menu a:hover {
    border-bottom-style: solid; }
  .menu input[type='search'], .menu input[type='email'], .menu input[type='text'] {
    width: 98%; }
  .menu input[type='submit'] {
    margin-top: 0.2em;
    margin-left: 0; }
  .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 1.2em; }
    .menu ul li {
      border: 0;
      margin-top: 0;
      padding: 0; }
  .menu .group {
    clear: both;
    font-size: 0.9em;
    margin: 1.4em 0 1em 0;
    padding: 0em 1em 0.8em 1.2em; }
    .menu .group:first-child {
      margin-top: 0; }
    .menu .group .label {
      font-weight: bold;
      text-align: left;
      margin: 0.3em 0; }
    .menu .group .fineprint {
      font-family: "Helvetica Neue", Tahoma;
      font-size: 9px;
      text-align: right;
      margin-top: 1px;
      height: 2em;
      margin-bottom: -2.2em;
      padding: 0; }
  .menu .featured-recordings ul {
    padding-left: 0;
    padding-top: 0.4ex; }
    .menu .featured-recordings ul li {
      margin: 0; }
  .menu .featured-recordings .recording-mini {
    background: none;
    padding: 0;
    margin: 0.4em 0; }
    .menu .featured-recordings .recording-mini .player {
      padding: 0;
      position: relative;
      left: -3px; }
    .menu .featured-recordings .recording-mini .recording-title {
      padding-right: 0; }
  .menu .recent-posts {
    width: 14.4em; }
    .menu .recent-posts li {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  .menu .featured-recordings .all, .menu .recent-posts .all {
    font-weight: bold;
    text-align: right;
    padding: 0.65ex 0; }
    .menu .featured-recordings .all:after, .menu .recent-posts .all:after {
      margin-left: 1ex;
      font-size: 85%;
      color: #485aaa;
      content: "➤";
      font-weight: normal; }
  .menu .albums .album {
    margin: 1.2em 0; }
    .menu .albums .album .cover {
      margin: 0.4em 0;
      height: 2.2em; }
    .menu .albums .album .title {
      font-weight: bold;
      text-align: center; }
  .menu .artists {
    width: 14.4em;
    margin-right: -0.4em; }
    .menu .artists li {
      display: inline-block;
      width: 6.3em; }
    .menu .artists .contrib-count {
      display: inline-block;
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      font-size: 0.75em;
      margin-left: 0.4ex;
      color: #bbbbbb; }
  .menu .tags {
    width: 14em; }
    .menu .tags li {
      display: inline;
      white-space: nowrap;
      margin-right: 1ex; }
  .menu .social {
    float: left; }
  .menu .syndication .label:after {
    content: "";
    display: inline-block;
    background-image: url('/music/images/inthehands/livemark-28.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 1ex;
    vertical-align: baseline; }
  .menu .syndication .twitter:before {
    content: "";
    display: inline-block;
    background-image: url('/music/images/inthehands/social-buttons-flat-twitter@2x.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 17px;
    height: 15px;
    vertical-align: middle;
    margin: 0.5ex;
    margin-left: 0; }
  .menu .license {
    text-align: center;
    font-size: 0.8em; }
  .menu .credit {
    color: #888888;
    font-size: 0.7em;
    font-style: italic;
    margin: 0;
    margin-right: 1em;
    text-align: right; }
    .menu .credit a {
      font-weight: bold; }

header .menu {
  float: right;
  clear: right;
  border-left: 1px dotted #dddddd;
  border-bottom: solid 3px #eeeeee;
  margin-bottom: 2em; }

footer .menu {
  display: none;
  margin-top: 2em;
  border-top: 1px dotted #dddddd;
  border-bottom: solid 3px #eeeeee;
  padding-left: 0.5em;
  padding-right: 0.4em; }
  footer .menu .group {
    width: 46%;
    padding: 0;
    margin: 1em 0;
    padding: 0 2%;
    clear: none;
    float: left; }
    footer .menu .group.subscribe, footer .menu .group.search, footer .menu .group.syndication, footer .menu .group.social {
      float: right; }
  footer .menu .search form {
    margin: 0; }
  footer .menu .license {
    display: none; }
  footer .menu ul {
    padding-left: 0; }

@media all and (max-width: 720px) {
  header .menu {
    display: none; }

  footer .menu {
    display: block; }

  .nav-bottom {
    margin-top: 2em; } }
.sidebar .ads {
  float: right;
  clear: right; }

#body_content_left.artists, #body_content_left.artist_detail {
  margin-bottom: 5em; }

.artists {
  list-style: none;
  padding: 0;
  margin: 0; }
  .artists .artist {
    margin: 0.6em 2em;
    padding: 0; }
    .artists .artist .name {
      font-size: 1.1em;
      display: inline; }
    .artists .artist .roles {
      color: #888888;
      display: inline; }
      .artists .artist .roles:before {
        content: "–";
        color: #dddddd;
        padding: 0 1.2ex 0 0.9ex; }
    .artists .artist .contrib-count {
      display: inline-block;
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      font-size: 0.75em;
      margin-left: 0.2ex;
      color: #bbbbbb; }

.artist_detail .contributions h2, .artist_detail .contributions ul {
  clear: left; }
.artist_detail .contributions ul {
  list-style: none;
  padding: 0 0 0 2em; }
  .artist_detail .contributions ul li .loading {
    display: inline;
    padding-left: 1em; }
  .artist_detail .contributions ul li .recording {
    margin: 0.6em 0; }
.artist_detail .other {
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
  margin-top: 2em;
  margin-left: 2em;
  font-weight: bold; }

.recording {
  font-family: Cochin, Georgia, Palatino, "Times New Roman", serif;
  margin: 1.6em 4em;
  border-left: 0.4em solid #cbcbca;
  background-color: #f3f4f4;
  background-image: linear-gradient(left, #f3f4f4 144px, white 70%);
  background-image: -webkit-linear-gradient(left, #f3f4f4 144px, white 70%);
  background-image: -moz-linear-gradient(left, #f3f4f4 144px, white 70%);
  background-image: -o-linear-gradient(left, #f3f4f4 144px, white 70%);
  background-image: -ms-linear-gradient(left, #f3f4f4 144px, white 70%);
  border-radius: 6px;
  padding: 2ex 1ex 2ex 3ex;
  display: table;
  table-layout: fixed; }
  .recording .player, .recording .credits {
    display: table-cell;
    text-align: left;
    vertical-align: middle; }
  .recording .player {
    float: left;
    font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
    padding-right: 1.3em; }
  .recording .credits {
    overflow: hidden;
    width: 100%; }
    .recording .credits .recording-composer,
    .recording .credits .recording-performer,
    .recording .credits .recording-title,
    .recording .credits .recording-link {
      display: block; }
    .recording .credits .recording-composer,
    .recording .credits .recording-performer,
    .recording .credits .recording-title {
      font-size: 1.16em;
      color: black; }
      .recording .credits .recording-composer a:link, .recording .credits .recording-composer a:visited,
      .recording .credits .recording-performer a:link,
      .recording .credits .recording-performer a:visited,
      .recording .credits .recording-title a:link,
      .recording .credits .recording-title a:visited {
        color: #36437f; }
      .recording .credits .recording-composer a:link, .recording .credits .recording-composer a:visited,
      .recording .credits .recording-performer a:link,
      .recording .credits .recording-performer a:visited,
      .recording .credits .recording-title a:link,
      .recording .credits .recording-title a:visited {
        border-bottom-style: none; }
      .recording .credits .recording-composer a:hover,
      .recording .credits .recording-performer a:hover,
      .recording .credits .recording-title a:hover {
        border-bottom-style: solid; }
    .recording .credits .recording-title {
      font-style: italic; }
    .recording .credits .detail {
      display: inline;
      font-size: 86%;
      padding-left: 0.5ex; }
    .recording .credits .flash-player {
      margin: 0.8em 0; }
    .recording .credits .recording-link {
      margin-top: 0.8em;
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      font-size: 90%;
      color: #888888;
      margin-bottom: 1px; }
      .recording .credits .recording-link a:link, .recording .credits .recording-link a:visited {
        border-bottom-style: none; }
      .recording .credits .recording-link a:hover {
        border-bottom-style: solid; }
      .recording .credits .recording-link a {
        font-weight: bold; }
  .recording .end-of-recording {
    clear: left; }

@media all and (max-width: 960px) {
  .recording {
    margin: 1.6em 2em; } }
@media all and (max-width: 768px) {
  .recording-composer,
  .recording-performer,
  .recording-title {
    font-size: 1em !important; }

  .recording-link {
    font-size: 80% !important; } }
@media all and (max-width: 640px) {
  .recording {
    margin: 1.6em 0em;
    width: 90%; }
    .recording .credits {
      overflow: visible;
      display: block; }

  .recording-link {
    font-size: 70% !important; } }
@media all and (max-width: 480px) {
  .recording-composer,
  .recording-performer,
  .recording-title {
    font-size: 0.96em !important; }

  .recording-link {
    font-size: 60% !important; }

  .recording .credits .detail {
    display: block;
    padding: 0; } }
.recording-mini {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  background-color: #f3f4f4;
  background-image: linear-gradient(left, #f3f4f4 54px, white 70%);
  background-image: -webkit-linear-gradient(left, #f3f4f4 54px, white 70%);
  background-image: -moz-linear-gradient(left, #f3f4f4 54px, white 70%);
  background-image: -o-linear-gradient(left, #f3f4f4 54px, white 70%);
  background-image: -ms-linear-gradient(left, #f3f4f4 54px, white 70%);
  border-radius: 6px;
  padding: 6px;
  margin: 0.16em 0;
  table-layout: fixed;
  vertical-align: middle; }
  .recording-mini .player, .recording-mini .recording-title {
    display: table-cell;
    vertical-align: middle;
    margin: 6px; }
  .recording-mini .player {
    padding: 0.1ex 0.7ex; }
  .recording-mini .recording-title {
    padding: 0.5ex 1em 0.5ex 0.4ex; }

.embedded .recording {
  margin: 0 !important;
  font-size: 14px;
  font-family: Optima, "Helvetica Neue", Candara, Verdana; }
  .embedded .recording .credits {
    vertical-align: top; }
  .embedded .recording .detail {
    display: block !important; }

.recording .jp-audio {
  width: 70px; }
  .recording .jp-audio * {
    border: none !important; }
  .recording .jp-audio a {
    display: block; }
  .recording .jp-audio .jp-type-single .jp-interface {
    width: 70px; }
    .recording .jp-audio .jp-type-single .jp-interface .button {
      cursor: pointer;
      width: 70px;
      height: 60px; }
      .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers {
        width: 70px;
        height: 60px;
        overflow: hidden;
        margin-bottom: -60px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .background {
          width: 70px;
          height: 60px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -2px -2px;
          position: relative;
          margin-bottom: -60px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .play {
          width: 70px;
          height: 60px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -218px -2px;
          position: relative;
          margin-bottom: -60px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .pause {
          width: 70px;
          height: 60px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -434px -2px;
          position: relative;
          margin-bottom: -60px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .buffering {
          width: 70px;
          height: 60px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -74px -2px;
          position: relative;
          margin-bottom: -60px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .swirl {
          background: url('/music/images/player/swirl.png') no-repeat;
          width: 256px;
          height: 256px;
          position: relative;
          left: -93px;
          top: -98px;
          margin-bottom: -256px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .playing-overlay {
          width: 70px;
          height: 60px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -362px -2px;
          position: relative;
          margin-bottom: -60px; }
        .recording .jp-audio .jp-type-single .jp-interface .button .cropped-layers .playing-center {
          width: 70px;
          height: 60px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -290px -2px;
          position: relative;
          margin-bottom: -60px; }
      .recording .jp-audio .jp-type-single .jp-interface .button .overlay {
        width: 70px;
        height: 60px;
        background: url('/music/images/player/player.png') no-repeat;
        background-size: 578px 64px;
        background-position: -146px -2px;
        position: relative;
        margin-bottom: -60px;
        outline: 2px solid #f3f4f4;
        outline-offset: -1px; }
    .recording .jp-audio .jp-type-single .jp-interface .jp-progress {
      margin-top: 4px;
      width: 59px;
      padding-left: 6px;
      height: 13px;
      background: url('/music/images/player/player.png') no-repeat;
      background-size: 578px 64px;
      background-position: -506px -2px;
      position: relative; }
      .recording .jp-audio .jp-type-single .jp-interface .jp-progress .jp-seek-bar {
        height: 100%;
        cursor: pointer; }
        .recording .jp-audio .jp-type-single .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
          height: 1px;
          float: left; }
        .recording .jp-audio .jp-type-single .jp-interface .jp-progress .jp-seek-bar .thumb {
          width: 8px;
          height: 13px;
          float: left;
          margin: 0 -4px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 578px 64px;
          background-position: -506px -16px;
          position: relative; }
    .recording .jp-audio .jp-type-single .jp-interface .jp-current-time, .recording .jp-audio .jp-type-single .jp-interface .jp-duration {
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      font-size: 8px;
      margin-top: 2px;
      color: #888888; }
    .recording .jp-audio .jp-type-single .jp-interface .jp-current-time {
      clear: left;
      float: left;
      margin-left: 4px; }
    .recording .jp-audio .jp-type-single .jp-interface .jp-duration {
      float: right;
      margin-right: 4px; }
  .recording .jp-audio .jp-type-single .jp-no-solution {
    font-size: 9px; }
    .recording .jp-audio .jp-type-single .jp-no-solution p {
      text-align: left; }

.recording-mini .jp-audio {
  width: 35px; }
  .recording-mini .jp-audio * {
    border: none !important; }
  .recording-mini .jp-audio a {
    display: block; }
  .recording-mini .jp-audio .jp-type-single .jp-interface {
    width: 35px; }
    .recording-mini .jp-audio .jp-type-single .jp-interface .button {
      cursor: pointer;
      width: 35px;
      height: 30px; }
      .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers {
        width: 35px;
        height: 30px;
        overflow: hidden;
        margin-bottom: -30px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .background {
          width: 35px;
          height: 30px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -1px -1px;
          position: relative;
          margin-bottom: -30px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .play {
          width: 35px;
          height: 30px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -109px -1px;
          position: relative;
          margin-bottom: -30px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .pause {
          width: 35px;
          height: 30px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -217px -1px;
          position: relative;
          margin-bottom: -30px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .buffering {
          width: 35px;
          height: 30px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -37px -1px;
          position: relative;
          margin-bottom: -30px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .swirl {
          background: url('/music/images/player/swirl.png') no-repeat;
          width: 128px;
          height: 128px;
          position: relative;
          left: -46.5px;
          top: -49px;
          margin-bottom: -128px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .playing-overlay {
          width: 35px;
          height: 30px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -181px -1px;
          position: relative;
          margin-bottom: -30px; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .button .cropped-layers .playing-center {
          width: 35px;
          height: 30px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -145px -1px;
          position: relative;
          margin-bottom: -30px; }
      .recording-mini .jp-audio .jp-type-single .jp-interface .button .overlay {
        width: 35px;
        height: 30px;
        background: url('/music/images/player/player.png') no-repeat;
        background-size: 289px 32px;
        background-position: -73px -1px;
        position: relative;
        margin-bottom: -30px;
        outline: 2px solid #f3f4f4;
        outline-offset: -1px; }
    .recording-mini .jp-audio .jp-type-single .jp-interface .jp-progress {
      margin-top: 2px;
      width: 29px;
      padding-left: 3.5px;
      height: 6.5px;
      background: url('/music/images/player/player.png') no-repeat;
      background-size: 289px 32px;
      background-position: -253px -1px;
      position: relative; }
      .recording-mini .jp-audio .jp-type-single .jp-interface .jp-progress .jp-seek-bar {
        height: 100%;
        cursor: pointer; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .jp-progress .jp-seek-bar .jp-play-bar {
          height: 1px;
          float: left; }
        .recording-mini .jp-audio .jp-type-single .jp-interface .jp-progress .jp-seek-bar .thumb {
          width: 4px;
          height: 6.5px;
          float: left;
          margin: 0 -2px;
          background: url('/music/images/player/player.png') no-repeat;
          background-size: 289px 32px;
          background-position: -253px -8px;
          position: relative; }
    .recording-mini .jp-audio .jp-type-single .jp-interface .jp-current-time, .recording-mini .jp-audio .jp-type-single .jp-interface .jp-duration {
      font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif;
      font-size: 4px;
      margin-top: 1px;
      color: #888888; }
    .recording-mini .jp-audio .jp-type-single .jp-interface .jp-current-time {
      clear: left;
      float: left;
      margin-left: 4px; }
    .recording-mini .jp-audio .jp-type-single .jp-interface .jp-duration {
      float: right;
      margin-right: 4px; }
  .recording-mini .jp-audio .jp-type-single .jp-no-solution {
    font-size: 9px; }
    .recording-mini .jp-audio .jp-type-single .jp-no-solution p {
      text-align: left; }

.player-container:not(.loaded) .player {
  display: none; }

.search-results {
  overflow: hidden; }
  .search-results form {
    margin-bottom: 1em;
    vertical-align: middle; }
    .search-results form input {
      font-size: 150%; }
    .search-results form input[name="query"] {
      width: 60%; }
  .search-results .search-result {
    overflow: hidden;
    white-space: nowrap;
    border: none !important;
    padding-bottom: 0.4em; }
    .search-results .search-result a:link, .search-results .search-result a:visited {
      border-bottom-style: none; }
    .search-results .search-result a:hover {
      border-bottom-style: solid; }
    .search-results .search-result .result-type {
      float: right;
      color: #888888;
      background: white;
      position: relative;
      padding-left: 1em;
      z-index: 2; }

.music-home h1 {
  margin: 3.4em 0em 1.4em 1em;
  text-align: center; }
.music-home .title {
  font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
  font-weight: bold;
  font-size: 2.1em;
  color: #646468;
  margin: 3.2em 0 1.4em 0;
  text-align: center; }
  .music-home .title a:link, .music-home .title a:visited {
    border-bottom-style: none; }
  .music-home .title a:hover {
    border-bottom-style: solid; }
  .music-home .title img {
    max-width: 50%;
    height: auto; }
.music-home h2 {
  margin: 1.2em 12% 1em 10%;
  clear: both; }
.music-home h3 {
  margin: 1.2em 12% 1em 11%; }
.music-home .title .subtitle {
  font-weight: normal;
  font-size: 0.5em; }
.music-home .columns p {
  margin: 0.9em 12%; }
.music-home .callout {
  margin: 2em 24%;
  border-radius: 11px;
  border: 3px solid #eeeeee;
  color: #111111; }
  .music-home .callout .inner {
    border-radius: 8px;
    border: 1px solid #dddddd; }
    .music-home .callout .inner h2 {
      clear: none;
      margin-left: 0;
      margin-top: 1.5ex; }
      .music-home .callout .inner h2 .subtitle {
        font-size: 70%; }
    .music-home .callout .inner .imglink {
      float: left;
      margin: 1ex 1em 1ex 1ex; }
    .music-home .callout .inner p {
      margin: 0.7em 1ex; }
    .music-home .callout .inner .action {
      clear: both;
      text-align: center;
      font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
      font-weight: bold;
      font-size: 106%;
      border-top: 1px solid #dddddd;
      padding: 1em;
      background: #f4f4f4; }
      .music-home .callout .inner .action a {
        color: #4444ff;
        border-bottom: 1px solid #ccccff; }
.music-home .about {
  font-style: italic;
  margin: 2.2em 24%;
  padding: 0.4em 1.3em;
  color: #222222;
  background: #f4f4f4;
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.04) inset;
  border-radius: 0.6em; }
.music-home .event {
  font-size: 110%;
  text-align: center;
  float: right;
  margin: 0 12% 1em 1.2em;
  padding: 0.4em 0.8em;
  color: #222222;
  background: #f4f4f4;
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.04) inset;
  border-radius: 0.6em; }
  .music-home .event p {
    margin: 0.8em 0; }
.music-home .subscribe {
  float: right;
  clear: right;
  text-align: center;
  width: 30%;
  margin: 0 12% 1em 1.2em; }
  .music-home .subscribe .textbox {
    width: 70%;
    margin: 0.6em; }
.music-home .fineprint {
  font-size: 60%;
  padding: 0 1em; }
.music-home .columns {
  width: 90%;
  margin: 0 5%;
  clear: both;
  position: relative; }
  .music-home .columns .column-item {
    width: 49.5%; }
    .music-home .columns .column-item.l {
      float: left;
      clear: left; }
    .music-home .columns .column-item.r {
      float: right;
      clear: right;
      margin-left: 1%; }
  .music-home .columns h2 {
    margin-left: 0;
    margin-right: 0;
    padding: 0.2em 0.2em 0.2em 0.4em; }
    .music-home .columns h2 A {
      border: none; }
      .music-home .columns h2 A:hover {
        border-bottom: 1px solid #bbbbee; }
  .music-home .columns h3 {
    margin-left: 1em;
    clear: both; }
  .music-home .columns p {
    margin-left: 1.4em;
    margin-right: 1em; }
.music-home .albums {
  margin: 0 1% 0 4%; }
  .music-home .albums .album {
    width: 46%;
    min-width: 10em;
    float: left;
    margin-right: 4%;
    margin-bottom: 1em; }
    .music-home .albums .album:nth-child(2n+1) {
      clear: left; }
    .music-home .albums .album .cover {
      margin-bottom: 1ex; }
    .music-home .albums .album h3 {
      margin: 0 0 1em 0;
      padding: none; }
    .music-home .albums .album .lead {
      font-style: italic;
      margin-bottom: 0.4em; }
    .music-home .albums .album .description {
      hyphens: auto;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -o-hyphens: auto;
      -ms-hyphens: auto; }
.music-home .event-listing, .music-home .recent-posts, .music-home .featured-recordings {
  font-family: "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
  font-size: 0.9em; }
.music-home .recent-posts, .music-home .featured-recordings {
  margin: 0.8em 0.5em 0.8em 1.4em; }
  .music-home .recent-posts .caption, .music-home .featured-recordings .caption {
    caption-side: top;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
    padding: 0.4em 0 0.6em 1em; }
.music-home li {
  list-style: none;
  margin-top: 0.6em;
  margin-bottom: 0.6em; }
.music-home .recent-posts ul, .music-home .featured-recordings ul {
  margin: 0;
  padding: 0 1.2em; }
.music-home .recent-posts li, .music-home .featured-recordings li {
  list-style: none;
  margin: 0 0 0.2em 0;
  padding: 0; }
  .music-home .recent-posts li.more, .music-home .featured-recordings li.more {
    font-weight: bold; }
    .music-home .recent-posts li.more:after, .music-home .featured-recordings li.more:after {
      margin-left: 1ex;
      font-size: 85%;
      color: #485aaa;
      content: "➤";
      font-weight: normal; }
.music-home .featured-recordings li {
  margin: 0.4em 0; }
  .music-home .featured-recordings li.more {
    margin-top: 0.6em; }
.music-home .event-listing {
  padding: 0; }
  .music-home .event-listing caption {
    caption-side: top;
    font-weight: bold;
    text-align: left;
    padding: 0.2em 0 0.4em 1em; }
  .music-home .event-listing tr {
    padding: 0;
    margin: 0; }
  .music-home .event-listing td {
    vertical-align: baseline;
    text-align: left;
    margin: 0;
    padding: 0 0em 0 0.94em; }
  .music-home .event-listing .time {
    text-align: right;
    padding-left: 0.6em; }
  .music-home .event-listing .event-sold-out {
    font-size: 0.8em;
    text-transform: uppercase; }
  .music-home .event-listing a {
    font-weight: bold; }
.music-home .works-category {
  margin: 1.4em 0 0 14%; }
.music-home h3.works-category {
  margin-left: 16%; }
.music-home .list-of-works {
  font-size: 0.9em;
  font-family: "Helvetica Neue", Verdana, Helvetica, "Sans Serif", sans-serif;
  margin: 1em 16% 2em 16%;
  border-bottom: 2px solid #f6f6f6; }
  .music-home .list-of-works td {
    padding: 0.14em 1em;
    background: #f0f0f0;
    border-top: 2px solid #f6f6f6; }
  .music-home .list-of-works .work-title {
    font-size: 1.1em;
    font-weight: bold; }
.music-home .social {
  margin: 0 5%; }
@media all and (max-width: 1000px) {
  .music-home .columns {
    width: 94%;
    margin: 0 3%; } }
@media all and (max-width: 900px) {
  .music-home .albums .album {
    float: none;
    width: 100%;
    margin-right: 0; } }
@media all and (max-width: 720px) {
  .music-home .title {
    margin-top: 2.4em; }
  .music-home .columns {
    width: 100%;
    margin: 0; } }
@media all and (max-width: 600px) {
  .music-home .title {
    margin-top: 1.4em; }
  .music-home .columns .recent-posts ul, .music-home .columns .recent-posts .caption {
    padding-left: 0;
    padding-right: 0; }
  .music-home .about {
    margin: 1.6em 4%; }
    .music-home .about p {
      margin: 0.9em 0; } }
@media all and (max-width: 500px) {
  .music-home .title .subtitle {
    font-size: 0.5em; }
  .music-home .columns {
    margin: 0; }
    .music-home .columns .column-item {
      width: 100%;
      float: none; }
      .music-home .columns .column-item h2 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 4%;
        padding-right: 1%; }
      .music-home .columns .column-item p, .music-home .columns .column-item ul, .music-home .columns .column-item > h3 {
        padding: 0;
        margin-left: 4%;
        margin-right: 1%; } }

.fan-account {
  margin-top: 6em;
  text-align: center; }
  .fan-account h1 {
    margin-bottom: 2em; }
  .fan-account p {
    text-align: justify;
    margin: 1em 21%;
    padding: 0em 1em; }
  .fan-account form {
    background: #eeeeee;
    box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.04) inset;
    border-radius: 0.6em;
    padding: 1.2em 1.6em;
    margin: 1.8em 24%;
    text-align: left;
    font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif; }
    .fan-account form .field {
      font-size: 116%;
      margin: 0.4em 0; }
      .fan-account form .field label {
        margin-right: 1ex; }
      .fan-account form .field .error {
        display: inline;
        white-space: nowrap; }
      .fan-account form .field .notes {
        font-family: Optima, Candara, Verdana, Palatino, Serif;
        font-style: italic;
        font-size: 86%;
        margin-top: 0.6em;
        padding: 0.3em 2em;
        color: #555555; }
      .fan-account form .field .privacy {
        float: right;
        margin-top: 1em;
        font-size: 60%;
        font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif; }
      .fan-account form .field input {
        font-size: 100%;
        font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif; }
    .fan-account form .subscription input[type="checkbox"] {
      float: left;
      margin-right: 0.8em; }
    .fan-account form .subscription .info {
      overflow: hidden;
      margin-bottom: 1em; }
      .fan-account form .subscription .info .title {
        font-family: "Helvetica Neue", Calibri, Helvetica, Verdana, "Sans Serif", sans-serif;
        font-weight: bold;
        cursor: default;
        padding-bottom: 0.4em; }
      .fan-account form .subscription .info .description {
        font-family: Optima, Candara, Verdana, Palatino, Serif; }
    .fan-account form .subscription-reason {
      margin: 0 12%;
      font-family: Optima, Candara, Verdana, Palatino, Serif;
      font-style: italic; }
      .fan-account form .subscription-reason textarea {
        width: 100%;
        display: block;
        margin-top: 0.8em;
        font-size: 100%; }
    .fan-account form .buttons {
      padding: 1.2em 0em 0.7em 1em;
      text-align: right; }
      .fan-account form .buttons input {
        font-size: 110%; }
  .fan-account .flash {
    margin: 1.8em 24%;
    width: auto; }
  @media all and (max-width: 1000px) {
    .fan-account form, .fan-account p {
      margin: 1em 20%; } }
  @media all and (max-width: 768px) {
    .fan-account form, .fan-account p {
      margin: 1em 10%; } }
  @media all and (max-width: 720px) {
    .fan-account {
      margin-top: 2em; }
      .fan-account form .subscription-reason {
        margin: 0; } }
  @media all and (max-width: 480px) {
    .fan-account form, .fan-account p {
      margin: 1em 4%; }
    .fan-account .field .notes {
      padding: 0.3em 0; } }

.social {
  float: right; }
  .social .follow {
    margin-top: 2px;
    margin-right: 1.6em; }

.sharrre {
  white-space: nowrap;
  font-size: 11px;
  font-weight: normal;
  font-family: "Lucida Grande", Calibri, Verdana, Lucida Sans Unicode, "Sans Serif", sans-serif; }
  .sharrre .bubble {
    float: left;
    margin-top: 2px;
    margin-right: 4px;
    padding: 0 5px;
    border-style: solid;
    border-color: white;
    border-width: 17px 10px 3px 3px;
    border-image: url('/music/images/inthehands/social-buttons-flat-bubble@2x.png') 34 20 6 6 repeat; }
    .sharrre .bubble .count {
      color: #888888;
      margin: -17px -3px -3px -3px;
      height: 20px;
      line-height: 20px; }
    .sharrre .bubble.count-0 {
      display: none; }
  .sharrre .buttons {
    float: left;
    height: 8px;
    border-radius: 6px;
    border: 8px solid #f2f2f2;
    background: #f2f2f2; }
    .sharrre .buttons .button {
      float: left;
      height: 21px;
      margin: -7px 0;
      border-left: 1px solid #f6f6f6;
      border-right: 1px solid #cacaca;
      border-bottom: 1px solid rgba(0, 0, 0, 0);
      padding: 0 9px 0 8px;
      line-height: 21px; }
      .sharrre .buttons .button:first-child {
        margin-left: -7px;
        border-left: none;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px; }
      .sharrre .buttons .button:last-child {
        margin-right: -7px;
        border-right: none;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px; }
      .sharrre .buttons .button:active {
        background-color: rgba(0, 0, 160, 0.4);
        border-color: #888899;
        color: white; }
      .sharrre .buttons .button.facebook {
        padding-right: 10px; }
      .sharrre .buttons .button:before {
        content: "";
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
        display: block;
        float: left;
        opacity: 0.8; }
      .sharrre .buttons .button.twitter:before {
        background-image: url('/music/images/inthehands/social-buttons-flat-twitter@2x.png');
        width: 17px;
        height: 15px;
        margin-bottom: -14px;
        top: 4px;
        margin-right: 5px; }
      .sharrre .buttons .button.facebook:before {
        background-image: url('/music/images/inthehands/social-buttons-flat-facebook@2x.png');
        width: 17px;
        height: 15px;
        margin-bottom: -14px;
        top: 2px;
        margin-right: 5px; }
      .sharrre .buttons .button.googleplus:before {
        background-image: url('/music/images/inthehands/social-buttons-flat-googleplus@2x.png');
        width: 11px;
        height: 18px;
        margin-bottom: -17px;
        top: 4px;
        left: -9px;
        margin-right: -2px; }

.recording .social {
  padding-right: 2%; }

@media all and (max-width: 700px) {
  .post .header .social {
    float: none !important;
    height: 24px;
    margin-bottom: 1em; } }
#idl_alert {
  top: 2em !important; }

@keyframes rotate-ccw {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(-360deg); } }

@keyframes rotate-cw {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate-ccw {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(-360deg); } }

@-webkit-keyframes rotate-cw {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate-ccw {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(-360deg); } }

@-moz-keyframes rotate-cw {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate-ccw {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(-360deg); } }

@-o-keyframes rotate-cw {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

@-ms-keyframes rotate-ccw {
  from {
    -ms-transform: rotate(0deg); }

  to {
    -ms-transform: rotate(-360deg); } }

@-ms-keyframes rotate-cw {
  from {
    -ms-transform: rotate(0deg); }

  to {
    -ms-transform: rotate(360deg); } }

.style-needed {
  color: #ff4444;
  font-size: 9px;
  font-weight: bold;
  font-family: "Menlo"; }
