@font-face {
    font-family: 'LearningCurve';
    src: url('/cdn/fonts/Learning-Curve/LearningCurve_OT-webfont.eot');
    src: url('/cdn/fonts/Learning-Curve/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('/cdn/fonts/Learning-Curve/LearningCurve_OT-webfont.woff') format('woff'),
         url('/cdn/fonts/Learning-Curve/LearningCurve_OT-webfont.ttf') format('truetype'),
         url('/cdn/fonts/Learning-Curve/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Benton-Sans-Light";
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
       url("/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BentonSansComp";
  src: url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot");
  src: url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"),
       url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"),
       url("/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

#primary {margin-bottom: 0!important;}
#primary #masthead{margin:0;background:#ce8fa6;}
.article-feature .container {background-color: #f8f9f3;background-image:none;padding-top:40px;}
p.edit-link{display:none;}

/* banner */
.article-feature .banner-container header {border:0;border-bottom:1px solid #e8e7de;margin:0!important;height:700px;background:#f1f1e7 url("love-me-tender-bg-header.gif") repeat-x 0 0;text-align:center;overflow:hidden;}
.article-feature .banner-container header .header-container{position:relative;margin:40px auto 45px;position:relative;width:940px;/*background:transparent url("love-me-tender-arrow.png") no-repeat 100% 253px;*/}
.article-feature .banner-container header hgroup{position:relative;z-index:2;/*background:transparent url("love-me-tender-arrow-feathers.png") no-repeat 0 253px;*/}
.article-feature .banner-container header h1{color:#fff;font-family:'LearningCurve',serif;font-size:120px;line-height:1;font-weight:normal;text-transform:lowercase;padding-top:207px;padding-right: 15px;}
.article-feature .banner-container header h2{color:#db6296;text-transform:uppercase;font-size:20px;line-height:26px;letter-spacing:1px;font-family:"Benton-Sans-Light",helvetica,arial,sans-serif;}
.article-feature .banner-container header h2 .part1{width:200px;position:absolute;top:484px;left:0;text-align:left;z-index:3;}
.article-feature .banner-container header h2 .part2{width:200px;position:absolute;top:484px;right:0;text-align:right;z-index:3;}
.article-feature .banner-container header h2 span{display:block;}
.article-feature .banner-container header .byline{position:relative;color:#fff;font-family:"Benton-Sans",helvetica,arial,sans-serif;font-weight:bold;letter-spacing:1px;font-size:13px;line-height:16px;text-transform:uppercase;margin:192px 0 0;z-index:2;}
.article-feature .banner-container header .byline a{color:#fff;text-decoration:none;display:block;width:12em;margin:0 auto;}
.article-feature .banner-container header .byline a:hover{color:#333;}
.article-feature .banner-container header img{position:absolute;top:0;left:0;z-index:1;}

/* le corps */
.container .island a{color:#db6296;}
.article-feature .island .lede{color:#a3a197;width:auto;}
.lede strong{color:#333;font-family:'LearningCurve',serif;font-size:44px;display:inline-block;margin-right:0.1em;font-weight:normal;}
blockquote{border-left-color:#e8e7de;}
blockquote.healthy-lyrics{color:#da6f9b;}
blockquote.unhealthy-lyrics{color:#88a8b4;}
.island .pullquote {color: #db6296;border-left: 3px solid #e8e7de; font-family:"LearningCurve",sans-serif;font-size: 51px; line-height: 46px;}
.caption cite{color:#a3a197;}

/* infographic */
#songs-of-2011{border-bottom:3px solid #e8e7de;margin-bottom:35px;padding-bottom:35px;}
#songs-of-2011:after{display:block;clear:both;content:" ";height:0;overflow:hidden;}
#songs-of-2011 h4{height:95px;font-family:"BentonSansComp",sans-serif;font-size:23px;line-height:24px;letter-spacing:1px;margin:0;font-weight:normal;text-align:center;color:#f8f9f3;background:#f8f9f3 url("love-me-tender-songs-header.png") repeat-x 50% 0;}
#songs-of-2011 h4 span{display:block;padding-top:22px;}
#songs-of-2011 .caption{clear:both;color:#a3a197;}
#songs-of-2011 .caption strong{color:#333;font-weight:normal;}
.infographic-list{position:relative;}
.infographic-list h5{font-family:"Benton-Sans",helvetica,arial,sans-serif;font-weight:bold;letter-spacing:1px;font-size:13px;line-height:16px;text-transform:uppercase;text-align:center;margin:0 15% 20px 0;}
.infographic-list h5 strong{color:#db6296;display:block;font-family:"BentonSansComp",sans-serif;font-size:26px;line-height:24px;letter-spacing:1px;font-weight:normal;}
.infographic-list ul{list-style:none;margin-left:0;}
.infographic-list li{position:relative;display:block;height:54px;background:#db6396 url("love-me-tender-bg-healthy.gif") repeat-y 0 0;margin:0 0 10px;padding:0 82px 0 10px;overflow:hidden;}
.infographic-list .title{display:block;color:#f8f9f3;font-family:"BentonSansComp",sans-serif;font-size:18px;line-height:18px;letter-spacing:1px;text-transform:uppercase;margin:10px 0 3px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.infographic-list .artist{display:block;color:#333;color:rgba(0,0,0,0.6);font-family:"Benton-Sans",sans-serif;font-size:14px;line-height:14px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.infographic-list .score-label{position:absolute;top:2em;left:0;color:#acaba7;font-family:"Benton-Sans",helvetica,arial,sans-serif;font-weight:bold;letter-spacing:2px;font-size:13px;line-height:16px;text-transform:uppercase;}
.infographic-list .score{display:block;position:absolute;top:0;right:0;height:54px;width:54px;color:#d9739c;font-family:"BentonSansComp",sans-serif;font-size:23px;line-height:54px;letter-spacing:1px;text-transform:uppercase;text-align:center;background:transparent url("love-me-tender-score-r.png") no-repeat 0 0;}
.infographic-list .score-38{padding-right:4px;}
.infographic-list .score-35{padding-right:10px;}
.infographic-list .score-33{padding-right:14px;}
.infographic-list .score-31{padding-right:18px;}
.infographic-list .score-30{padding-right:20px;}
.infographic-list .score-28{padding-right:24px;}
.infographic-list .score-26{padding-right:28px;}
.infographic-list .score-25{padding-right:30px;}
.infographic-list .score-24{padding-right:32px;}
.infographic-list .score-23{padding-right:34px;}
.infographic-list .score-22{padding-right:36px;}
.infographic-list .score-19{padding-right:42px;}
.infographic-list .score-18{padding-right:44px;}
.healthy{float:right;width:50%;}
.healthy ul,.healthy h5, .healthy p{padding-left:5px;}
.healthy .score-label{left:auto;right:0;text-align:right;}
.unhealthy{float:left;width:50%;}
.unhealthy ul,.unhealthy h5, .unhealthy p{padding-right:5px;}
.unhealthy li{background-image:url("love-me-tender-bg-unhealthy.gif");background-color:#a2bfd2;padding-right:98px;}
.unhealthy h5{margin-right:0;margin-left:15%;}
.unhealthy h5 strong{color:#7faeaf;}
.unhealthy .score{color:#a2bfd2;}
.unhealthy li{text-align:right;padding-right:10px;padding-left:98px;}
.unhealthy .score{right:auto;left:0;background-image:url("love-me-tender-score-l.png");background-position:100% 0;}
.unhealthy .score-38{padding-right:0;padding-left:4px;}
.unhealthy .score-35{padding-right:0;padding-left:10px;}
.unhealthy .score-33{padding-right:0;padding-left:14px;}
.unhealthy .score-31{padding-right:0;padding-left:18px;}
.unhealthy .score-30{padding-right:0;padding-left:20px;}
.unhealthy .score-28{padding-right:0;padding-left:24px;}
.unhealthy .score-26{padding-right:0;padding-left:28px;}
.unhealthy .score-25{padding-right:0;padding-left:30px;}
.unhealthy .score-24{padding-right:0;padding-left:32px;}
.unhealthy .score-23{padding-right:0;padding-left:34px;}
.unhealthy .score-22{padding-right:0;padding-left:36px;}
.unhealthy .score-19{padding-right:0;padding-left:42px;}
.unhealthy .score-18{padding-right:0;padding-left:44px;}

/* responsiveness */
@media (max-width: 980px) {
  .article-feature .banner-container header{padding:0 20px;height:578px;}
  .article-feature .banner-container header .header-container{width:100%;}
  .article-feature .banner-container header h1{font-size:100px;padding-top: 166px;}
  .article-feature .banner-container header h2 .part1, .article-feature .banner-container header h2 .part2{top:395px;}
  .article-feature .banner-container header img{width:760px;left:50%;margin-left:-380px;}
  .article-feature .banner-container header .byline{margin: 138px 0 0;}
}

@media (max-width: 820px) {
  .article-feature .island { padding: 0; width: 100%; }
  .article-feature .banner-container header{height:auto;}
  .article-feature .banner-container header .header-container{margin-bottom:39px;}
  .article-feature .banner-container header img {position:static;display:block;width:70%;height:auto;margin:35px auto 0;}
  .article-feature .banner-container header h1{padding:0;margin:0 0 34px;color:#333;line-height:65px;}
  .article-feature .banner-container header h2{margin-bottom:36px;}
  .article-feature .banner-container header h2 .part1, .article-feature .banner-container header h2 .part2{position:static;width:auto;text-align:center;}
  .article-feature .banner-container header h2 span{display:inline;}
  .article-feature .banner-container header .byline,.article-feature .banner-container header .byline a{margin:0;color:#acaba7;}
  .article-feature .banner-container header .byline a{display:inline;}
}

@media (max-width: 660px) {
  .article-feature .photo{float:none;margin:30px auto 28px;}
  .island .pullquote {border: 3px solid #e8e7de;border-left:0; border-right:0;padding-left:0;}
  #songs-of-2011 h4{margin-bottom:35px;}
  .healthy,.unhealthy{float:none;width:80%;margin-left:auto;margin-right:auto;}
  .unhealthy .score-label{left:auto;right:0;text-align:right;}
  .healthy ul,.healthy h5, .healthy p,.unhealthy ul,.unhealthy h5, .unhealthy p{padding-right:0;padding-left:0;}
  .healthy h5,.unhealthy h5 {margin-left:0;margin-right:0;}
  .healthy ul,.unhealthy ul{width:100%;overflow:hidden;}/*deals with % rounding bug*/
  .unhealthy li{text-align:left;padding-right:82px;padding-left:10px;background-position:100% 0;}
  .unhealthy .score{right:0;left:auto;background-image:url("love-me-tender-score-r.png");background-position:0 0;}
  .unhealthy .score-38{padding-right:4px;padding-left:0;}
  .unhealthy .score-35{padding-right:10px;padding-left:0;}
  .unhealthy .score-33{padding-right:14px;padding-left:0;}
  .unhealthy .score-31{padding-right:18px;padding-left:0;}
  .unhealthy .score-30{padding-right:20px;padding-left:0;}
  .unhealthy .score-28{padding-right:24px;padding-left:0;}
  .unhealthy .score-26{padding-right:28px;padding-left:0;}
  .unhealthy .score-25{padding-right:30px;padding-left:0;}
  .unhealthy .score-24{padding-right:32px;padding-left:0;}
  .unhealthy .score-23{padding-right:34px;padding-left:0;}
  .unhealthy .score-22{padding-right:36px;padding-left:0;}
  .unhealthy .score-19{padding-right:42px;padding-left:0;}
  .unhealthy .score-18{padding-right:44px;padding-left:0;}
}

@media (max-width: 560px) {
  .article-feature .banner-container header h1{font-size:100px;line-height:70px;margin-bottom:26px;}
  .article-feature .banner-container header h2 .part1, .article-feature .banner-container header h2 .part2{display:inline;}
  .article-feature .banner-container header img{width:90%;}
  .healthy,.unhealthy{width:100%;}
}

@media (max-width: 460px) {
  .article-feature .banner-container header h1{font-size:85px;}
  .article-feature .banner-container header h2{line-height:24px;letter-spacing:1px;margin-bottom:34px;}
  .article-feature .banner-container header img{width:100%;}
  .island .caption {margin-bottom: 0;}
  .article-feature .photo {width:100%;}
  .article-feature .photo img {width:100%;height:auto;}
}

@media (max-width: 400px) {
  .article-feature .banner-container header h1{font-size:65px;margin-bottom:19px;}
}

/* UI style overrides */

.article-feature .article-meta-footer .article-meta a { color: #cd6c86; }