/* = 11.0 Widgets
-------------------------------------------------------------- 
   = 11.0.1 ----- Widget Structure
   = 11.0.2 ----- Ads
   = 11.0.3 ----- Photo Post
   = 11.0.4 ----- Video Post
   = 11.0.5 ----- Popular Post
-------------------------------------------------------------- */
/* = 11.0.1 ----- Widget Structure
-------------------------------------------------------------- */
.side {
  height: 100%;
  position: relative;
}
.side-post {
  min-width: 300px;
  margin: 10px 0 0;
}
.auxis .side-post:hover, .auxis .side-post .post:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.side-post:hover, .side-post div:hover, .side-post li:hover {
  box-shadow: none;
  /* Photo/video post title hover */
}
.photo-post-title h3:hover, .video-side-title:hover {
  color: #00aeef;
  /* = 11.0.2 ----- Ads
-------------------------------------------------------------- */
}
.ad {
  padding: 5px 0;
}
.ad-space {
  margin: 0 auto 10px !important;
  padding: 30px 0 !important;
}
.ad-lg {
  width: 728px;
  height: 90px;
  background-color: #434548;
  margin: 0 auto;
}
.ad-sm {
  width: 300px;
  background-color: #fff;
}
.billboard {
  background-color: #2c3035;
}
.native-header-link {
  display: block;
  width: 924px;
  margin: 0 auto;
  /* DoubleClick for Publishers */
}
.dfp-featured-title {
  padding-bottom: 20px !important;
}
.dfp-featured-more {
  margin-top: 35px !important;
  display: block;
  max-width: 61px;
  padding-top: 0;
  float: right;
}
.dfp-featured-sponsor {
  max-width: 150px !important;
  margin-top: 34px !important;
  /* = 11.0.3 ----- Photo Post
-------------------------------------------------------------- */
}
.photo-side-post {
  padding-bottom: 5px;
  /* uses .previously-title (see 3.2 [previous.css]) */
}
.photos-side-title {
  margin-bottom: 7px;
}
.photo-post {
  padding: 5px 0;
}
.photo-post-img, .photo-post-title {
  display: inline-block;
  vertical-align: top;
}
.photo-post-title {
  max-width: 150px;
}
.photo-post-title h3 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  margin: 0;
  padding: 0 10px;
}
.photo-post-img {
  max-width: 135px;
  padding-left: 15px;
  height: 69px;
  /* = 11.0.4 ----- Video Post
-------------------------------------------------------------- */
  /* uses .previously-title (see 3.2 [previous.css]) */
}
.video-side-post {
  margin: 0 !important;
}
.video-side-title {
  margin-bottom: 10px !important;
  margin-top: -10px !important;
  /* YouTube thumbnail styling */
}
.video-side-post .youtube-thumbnail {
  margin-bottom: 20px !important;
}
.youtube-thumbnail {
  max-height: 152px;
  overflow: hidden;
}
.youtube-thumbnail img {
  margin-top: -28px;
  /* = 11.0.5 ----- Popular Post
-------------------------------------------------------------- */
  /* uses .previously-title (see 3.2 [previous.css]) */
}
ol.popular-post {
  padding-bottom: 10px;
  padding-right: 20px;
  font-weight: 300;
}
.popular-post li {
  border-top: 1px solid #ebebeb;
  padding: 10px 0;
}
.popular-post li:first-child {
  border-top: none;
  padding-top: 0;
}
.popular-post a {
  color: #000;
  text-decoration: none;
  font-weight: 500;
}
.popular-post a:hover {
  color: #00aeef;
  text-decoration: underline;
}
.ncm-widget-title {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 0px 3px 8px;
  margin-bottom: 13px;
}
.ncm-widget-artist {
  border-bottom: 1px solid #f1f1f1;
  margin: 8px;
  padding-bottom: 5px;
}
.ncm-widget-table {
  display: table;
  width: 100%;
}
.ncm-widget-img, .ncm-widget-content {
  display: table-cell;
  vertical-align: top;
}
.ncm-widget-content {
  padding-left: 5px;
}
.ncm-widget-name a {
  color: #000;
}
.ncm-widget-name a:hover {
  color: #00aeef;
}
.ncm-widget-album {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.ncm-widget-img {
  width: 40px;
}
.ncm-widget-img img {
  display: block;
  margin-bottom: 0px;
}
.ncm-widget-img a {
  display: block;
}
.ncm-widget-link img {
  width: 104px;
  margin-bottom: 0px;
}
.ncm-widget-link {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  margin: 8px 8px 0px;
  padding-bottom: 10px;
}
.see-all {
  color: #000;
  text-transform: uppercase;
  font-family: Oswald;
  font-weight: 100;
  font-size: 14px;
  background-image: url(../img/no-repeat.png);
  background-repeat: no-repeat;
  background-position: -67px -252px;
  padding-right: 17px;
  float: right;
  margin: -30px 8px 0px 0px;
}
.see-all a {
  color: #000;
}
.see-all a:hover {
  color: #00aeef;
}
.see-all:hover {
  background-position: -67px -273px;
}