#content h2 { clear:both;margin:12px 0 8px 0;color:#9bd921 !important;background-image:none !important; }
#content h3 { clear:both;margin:12px 0 8px 0;color:#9bd921 !important;background-image:none !important; }
#content h4 { clear:both;margin:12px 0 8px 0;color:#9bd921 !important;background-image:none !important;height:auto !important; }
#content h5 { clear:both;margin:12px 0 8px 0;color:#9bd921 !important;background-image:none !important;height:auto !important; }

p { line-height:1.75em !important;margin:0 0 1.75em 0; }
/* hr { clear:both;display:none; } */

.feature_img {  }
.image_with_cap { }

h5.title { margin:0 !important; }

#center { 
  display:table-cell !important;float:left;vertical-align:top; 
  max-width:725px; 
  text-align:left; 
}

#article {
    max-width:700px;
    margin-top:0;
    font-size:14px;
    text-align: left;
    padding:0;   
    margin-left: 10px;
    margin-right: 10px;
}

#article h1 {
    margin-bottom: 24px;
    line-height: 1.3;
}
#article h1 > span{
    font-size:28px !important;
    color: #000 !important;
    font-family: sans-serif !important;
    letter-spacing: -0.01em;
}

@media screen and (max-width:480px) {
  #article h1 > span{
    font-size:20px !important;
  }
}

#article h2.article-header,
#article h3.article-header,
#article h4.article-header,
#article h5.article-header {
    margin-top:4em;
    margin-bottom:2em !important;
    padding:5px 0;
    width:auto;
    border-left:0 !important;
    border-width:2px;
    line-height: 1.5;
    letter-spacing: -0.01em;    
}

#article h2.article-header > span,
#article h3.article-header > span,
#article h4.article-header > span,
#article h5.article-header > span {
    padding:0;    
    color: #000 !important;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif !important;
}

#article h2.article-header > span { font-size:24px !important; }
#article h3.article-header > span { font-size:20px !important; }
#article h4.article-header > span { font-size:18px !important; }
#article h5.article-header > span { font-size:16px !important; }

#article p, #article b {
    font-size:15px;
    line-height:1.75em;
    color:#505050;
    margin-bottom:1.25em;
}

#article p b {
    color:#333;
}

#article .image_with_cap {
    max-width:700px !important;
    overflow:hidden;
}

#article .image_with_cap.center {
  max-width: 100% !important;
}

.image_with_cap.right {
  margin-left: 16px;
}

.image_with_cap.left {
  margin-right: 16px;
}

@media screen and (max-width:480px) {
  #article .image_with_cap {
    width: 100% !important;
  }
}


#article .image_with_cap img.feature_img {
    max-width:700px;
    width: 100%;
}
#article .image_caption {
    font-size:13px;
    color:#999;
}

#article .youtube_box_small_center,
#article .youtube_box_small_left,
#article .youtube_box_small_right {
    color:#666;
}

@media screen and (max-width:768px) {
  #article .youtube_box_small_center iframe {
    width: 320px !important;
    height: 240px !important;
  }
}

@media screen and (max-width:480px) {
  #article .youtube_box_small_center iframe {
    width: 240px !important;
    height: 180px !important;
  }
}

#article blockquote {
    margin-bottom:24px !important;
    border:0 !important;
    background:#efefef !important;
    border-radius:4px;
    box-sizing: border-box;
    padding:16px 24px;
    font-size:13px;
}

@media screen and (max-width:768px) {
  #article blockquote {
    padding:16px 0px;
  }
}

#article blockquote > iframe {
    max-width:560px !important;
}

#article .package_box_large {
    margin:0 auto 16px auto;
    padding:0;
    border:1px;
    text-align:left;
}

#article .package_box_large .package_title > p {
    font-size:18px;
    line-height:1.25em !important;
    margin-bottom:8px !important;
}
#article .package_box_large .package_info > p {
    font-size:12px;
    color:#999;
    line-height:1.25em !important;
    margin-bottom:16px !important;
}
#article .package_box_large .tracks > p {
    font-size:12px;
    line-height:1.5em !important;    
    margin-bottom:4px !important;
}
#article .package_box_large p.note {
    font-size:10px;
    text-align:right;
    color:#999;
}

#article .package_box_large .internal_left {
    width:160px;
    min-heith:160px;
    margin:0 16px 16px 0;
    border:0 !important;
}
#article .package_box_large .internal_left.jacket-container img { width:100%; }
#article .package_box_large .internal_right {
    width:160px;
    min-heith:160px;
    margin:0 0 16px 16px;
    border:0 !important;
}
#article .package_box_large .internal_right.jacket-container img { width:100%; }

#article .package { position:relative;display:inline-block;width:152px;height:242px;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); }
@media screen and (max-width:480px) {
  #article .package {
    /*
    width:120px;
    height:216px;
    */
  }
}
#article .package.left  { float:left; margin:0 20px 20px 0; }
#article .package.right { float:right; margin:0 0 20px 20px; }
#article .package > figure { width:100%;height:150px;background:#ccc;background-size:cover;margin:0 !important; }
@media screen and (max-width:480px) {
  #article .package > figure { 
    /*
    height:120px;
    */
  }
}
#article .package > .package-content { padding:6px;text-align:left; }
#article .package > .package-content > p.artist { font:normal 85% Arial,Verdana,sans-serif;color:#000;line-height:1.4em !important;height:1.4em;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;word-break:break-all; }
#article .package > .package-content > p.artist > a { font:inhefit;color:#888 !important;text-decoration:none; }
#article .package > .package-content > p.artist > a:hover { text-decoration:underline; }
#article .package > .package-content > p.package-title { font:bold 93% sans-serif;line-height:1.4em !important;height:2.8em;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;word-break:break-all; }
#article .package > .package-content > p.package-title > a { font:inherit;color:#000;text-decoration:none; }
#article .package > .package-content > p.package-title > a:hover { text-decoration:underline; }
#article .package .buttons { margin-top:4px; }
#article .package .buttons > div {
    float:left;
    width:74px;
    height:24px;
    line-height:24px;
    background:#B0BEC5;
    text-align:center;
    margin-left:1px;
    font-size:12px;
}
#article .package .buttons > div.add-cart { width:75px; }
@media screen and (max-width:480px) {
    /*
  #article .package .buttons > div.add-cart  { 
    width:60px;
  }
  #article .package .buttons > div { 
    width:58px;
  }
    */
}
#article .package.opus .buttons > div { width:150px; }
#article .package .buttons > div:hover { background:#81D4FA; }
#article .package .buttons > div > a,
#article .package .buttons > div > span { color:#fff;display:block;height:24px; }
figure img { width:100%;height:auto; }
figure:hover { opacity:0.95; }

.tweet-button { display:inline-block;width:180px;margin-left:8px; }


.archive {
    margin-bottom:24px;
}
.archive .archive-link {
    text-align:right;
    margin: 8px 0;
}
.archive .archive-link i.fa {
    color:#9bd921;
}

#content .archive h2.section-header {
    text-align:left;
    color:#333 !important;
    font-size:24px;
    padding:4px 0;
    border-bottom:4px solid #e0e0e0;
}
#content .archive h2.section-header > span {
    font-size:18px;
}

.section-header a {
  color: black
}

#article span.doubledash {
    letter-spacing:0 !important;
}
#article h1 span.doubledash {
    letter-spacing:-0.075em !important;
    color:inherit;
}

.fig { overflow: hidden; }