/* ============================================================
National Geographic Music Global CSS

Notes:
================

In This CSS:
================
+ArticlePages
============================================================ */

/* ------------------------------------------------------------
+ArticlePages
------------------------------------------------------------ */
#news div.image_frame,
#news .metadata.artist {
  float: left;
  margin: 0 18px 18px 0;
  border: 0;
  width: 300px;
  height: 300px;
}

#news .metadata.artist p b {
  font-weight: bold;
  font-size: 12px;
  font-style: italic;
}

#news .metadata.artist p.photo_credits b {
  font-size: 10px;
}

#news .metadata.artist p {
  margin-bottom: 4px;
  padding: 0 10px;
}

#news .metadata.artist {
  height: auto;
  margin-bottom: 0;
}

#news div.article div.info h5 {
  font-size: 11px;
  color: #999;
  margin: 0;
}

#news div.article div.info h3 {
  padding: 4px 0 2px 0;
  color: #2c7fd2;
  font-size: 16px;
  font-weight: bold;
}

#news div.article div.info h4 {
  padding: 0 0 6px 0;
  font-size: 12px;
  font-weight: bold;
  margin-top: 6px;
}

#news div.article div.info h4.special_line {
  color: #646464;
  font-weight: normal;
  font-style: italic;
}

div.article em.byline {
  font-style: italic;
  display: block;
  padding-bottom: 8px;
}

div.featured_article {
  padding: 10px 13px;
}

div.news_archive div.frame div.contents {
  padding: 0;
}


#news div.news_archive div.image_frame {
  width: 200px;
  height: 200px;
}

#news div.news_archive div.description {
  width: 401px;
  margin: 0;
}

#news div.news_archive div.description h5 {
  font-size: 11px;
  color: #999;
  margin: 0;
}

#news div.news_archive div.description h4 {
  padding: 4px 0 6px 0;
  color: #2c7fd2;
  font-size: 16px;
  font-weight: bold;
}

#news ul.articles {
  clear: both;
}

#news ul.articles li,
#news ul.pagination {
  padding:  3px 13px;
}

#news div.pagination {
  width: 623px;
  text-align: center;
  border-top: 1px solid #E8E8E8;
}

#news div.pagination ul li {
  float: left;
  width: auto;
}

#news div.pagination ul li.first,
#news div.pagination ul li.last {
  padding: 10px;
}
