/* global.attic.scss */
#attic {
  z-index: 1;
  padding: 10px 20px;
  position: relative;
  background: -moz-linear-gradient(top, #FFF 97%, #ddd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(97%, #FFF), color-stop(100%, #ddd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFF 97%, #ddd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFF 97%, #ddd 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FFF 97%, #ddd 100%);
  /* IE10+ */
  background: linear-gradient(top, #FFF 97%, #ddd 100%);
  /* W3C */
  /* assumes 2 columns in the attic:
      1. for pagetitle and breadcrumb widget
      2. for either the GI search or editorial driver
  */
  /* breadcrumb */
}
#attic .widget_pagetitle h2 {
  display: inline-block;
  font: normal normal 35px/0.8 "PrattRegular", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  color: #333;
  letter-spacing: -0.8px;
  padding-left: 5px;
  border-left: 5px solid #fff;
}
#attic .widget_pagetitle h2 a {
  color: #333;
  text-decoration: none;
}
#attic .widget_pagetitle h3 {
  display: inline-block;
  font: normal normal 24px/1 "PrattRegular", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  text-transform: uppercase;
}
#attic .widget_pagetitle h3 a {
  text-decoration: none;
}
#attic .widget_pagetitle h2, #attic .widget_pagetitle h3 {
  margin-bottom: 10px;
}
#attic .widget_pagetitle p {
  color: #999;
  font: normal normal 13px/1.45 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  letter-spacing: 0.02em;
}
#attic .widget_pagetitle h2 + span, #attic .widget_pagetitle h3 + span {
  display: inline-block;
  height: 20px;
  width: 1px;
  background-color: #333;
  margin: 0 5px;
}
#attic .widget_pagetitle .sponsor {
  display: inline-block;
}
#attic .widget_pagetitle.widget_pagetitle_right h2 {
  display: block;
  font: normal normal 24px/1 "PrattRegular", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  border-left: none;
  padding-left: 0px;
}
#attic .widget_pagetitle.widget_pagetitle_right h2 span {
  float: none;
}
#attic .widget_pagetitle.widget_pagetitle_right div {
  display: block;
  height: 40px;
}
#attic .widget_pagetitle.widget_pagetitle_right div h3 {
  display: inline-block;
  float: left;
  text-transform: none;
  font: normal normal 35px/0.8 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}
#attic .widget_pagetitle.widget_pagetitle_right div span {
  display: inline-block;
  float: left;
  margin: 0px 8px;
  height: 30px;
  width: 2px;
  background-color: #ccc;
}
#attic .widget_pagetitle.widget_pagetitle_right div p {
  display: inline-block;
  float: left;
  color: #999;
  font: normal normal 11px/1.25 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  padding-top: 2px;
}
#attic .widget_stories .img_left {
  float: left;
}
#attic .widget_stories .img_left h4 {
  float: left;
}
#attic .widget_stories .articleTitle,
#attic .widget_stories .art-label {
  float: left;
  width: 150px;
}
#attic .gridcol, #attic .column-2 img, #attic .column-2 h5 {
  float: left;
}
#attic .column-2 {
  width: 310px;
  float: right;
  overflow: hidden;
  max-height: 80px;
}
#attic .column-2 input[type="text"] {
  width: 310px;
}
#attic .column-2 section {
  margin-top: 0;
}
#attic .column-2 p {
  width: 160px;
  margin-left: 10px;
  float: left;
  font: normal normal 12px/1.5 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}
#attic ul {
  color: #df0023;
  font: normal normal 11px/1.5 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}
#attic ul li {
  display: inline-block;
}
#attic ul a {
  color: #333;
  padding: 0 6px;
}
#attic ul a:nth-of-type(1) {
  padding-left: 0;
}
#attic .widget_ad.ldbd {
  width: 1000px !important;
  margin: 5px 0 10px -20px;
}

#attic.home {
  padding: 0;
  background: #fff;
}
#attic.home #feature_nav {
  margin: -20px 0 0;
}

/* when the pencial ad shows up (non subscribers) we need to reposition it */
#topSubscribeBanner + #attic > #feature_nav {
  margin-top: -74px;
}

#topSubscribeBanner + #attic.home > #feature_nav {
  margin-top: -64px;
}

.ie8 #attic ul li {
  display: inline;
}

body.news #attic .widget_pagetitle h2 {
  color: #df0023;
  border-color: #df0023;
}

body.news #attic .widget_pagetitle h2 a span, body.news .widget_pagetitle h2 a:hover {
  color: #df0023;
}

body.news #attic .widget_pagetitle h3, body.news .widget_pagetitle h3 a {
  color: #df0023;
}

body.news #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.business #attic .widget_pagetitle h2 {
  color: #d50202;
  border-color: #d50202;
}

body.business #attic .widget_pagetitle h2 a span, body.business .widget_pagetitle h2 a:hover {
  color: #d50202;
}

body.business #attic .widget_pagetitle h3, body.business .widget_pagetitle h3 a {
  color: #d50202;
}

body.business #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.globeinvestor #attic .widget_pagetitle h2 {
  color: #ff6b00;
  border-color: #ff6b00;
}

body.globeinvestor #attic .widget_pagetitle h2 a span, body.globeinvestor .widget_pagetitle h2 a:hover {
  color: #ff6b00;
}

body.globeinvestor #attic .widget_pagetitle h3, body.globeinvestor .widget_pagetitle h3 a {
  color: #ff6b00;
}

body.globeinvestor #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.commentary #attic .widget_pagetitle h2 {
  color: #fa5443;
  border-color: #fa5443;
}

body.commentary #attic .widget_pagetitle h2 a span, body.commentary .widget_pagetitle h2 a:hover {
  color: #fa5443;
}

body.commentary #attic .widget_pagetitle h3, body.commentary .widget_pagetitle h3 a {
  color: #fa5443;
}

body.commentary #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.technology #attic .widget_pagetitle h2 {
  color: #13B7C6;
  border-color: #13B7C6;
}

body.technology #attic .widget_pagetitle h2 a span, body.technology .widget_pagetitle h2 a:hover {
  color: #13B7C6;
}

body.technology #attic .widget_pagetitle h3, body.technology .widget_pagetitle h3 a {
  color: #13B7C6;
}

body.technology #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.arts #attic .widget_pagetitle h2 {
  color: #2fe5a5;
  border-color: #2fe5a5;
}

body.arts #attic .widget_pagetitle h2 a span, body.arts .widget_pagetitle h2 a:hover {
  color: #2fe5a5;
}

body.arts #attic .widget_pagetitle h3, body.arts .widget_pagetitle h3 a {
  color: #2fe5a5;
}

body.arts #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.life #attic .widget_pagetitle h2 {
  color: #b82eff;
  border-color: #b82eff;
}

body.life #attic .widget_pagetitle h2 a span, body.life .widget_pagetitle h2 a:hover {
  color: #b82eff;
}

body.life #attic .widget_pagetitle h3, body.life .widget_pagetitle h3 a {
  color: #b82eff;
}

body.life #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.sports #attic .widget_pagetitle h2 {
  color: #0099cc;
  border-color: #0099cc;
}

body.sports #attic .widget_pagetitle h2 a span, body.sports .widget_pagetitle h2 a:hover {
  color: #0099cc;
}

body.sports #attic .widget_pagetitle h3, body.sports .widget_pagetitle h3 a {
  color: #0099cc;
}

body.sports #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.globedrive #attic .widget_pagetitle h2 {
  color: #84999a;
  border-color: #84999a;
}

body.globedrive #attic .widget_pagetitle h2 a span, body.globedrive .widget_pagetitle h2 a:hover {
  color: #84999a;
}

body.globedrive #attic .widget_pagetitle h3, body.globedrive .widget_pagetitle h3 a {
  color: #84999a;
}

body.globedrive #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.wealth #attic .widget_pagetitle h2 {
  color: #BBC6CC;
  border-color: #BBC6CC;
}

body.wealth #attic .widget_pagetitle h2 a span, body.wealth .widget_pagetitle h2 a:hover {
  color: #BBC6CC;
}

body.wealth #attic .widget_pagetitle h3, body.wealth .widget_pagetitle h3 a {
  color: #BBC6CC;
}

body.wealth #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.video #attic .widget_pagetitle h2 {
  color: #1E2024;
  border-color: #1E2024;
}

body.video #attic .widget_pagetitle h2 a span, body.video .widget_pagetitle h2 a:hover {
  color: #1E2024;
}

body.video #attic .widget_pagetitle h3, body.video .widget_pagetitle h3 a {
  color: #1E2024;
}

body.video #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

body.globerealestate #attic .widget_pagetitle h2 {
  color: #df0023;
  border-color: #df0023;
}

body.globerealestate #attic .widget_pagetitle h2 a span, body.globerealestate .widget_pagetitle h2 a:hover {
  color: #df0023;
}

body.globerealestate #attic .widget_pagetitle h3, body.globerealestate .widget_pagetitle h3 a {
  color: #df0023;
}

body.globerealestate #attic .widget_pagetitle h3 a:hover {
  color: #333;
}

/* IE styles */
.ie7 #attic {
  display: inline;
  zoom: 1;
}

.ie7 #attic {
  position: relative;
  z-index: 1;
  display: inline-block;
  /* ADDED TO FIX ATTIC NOT DISPLAYING FULL PAGE WIDTH */
}
.ie7 #attic .widget_pagetitle h2, .ie7 #attic .widget_pagetitle h3 {
  display: inline;
  zoom: 1;
}
.ie7 #attic .widget_pagetitle h2 + span, .ie7 #attic .widget_pagetitle h3 + span {
  display: inline;
  zoom: 1;
  margin-top: -32px;
}
.ie7 #attic .widget_pagetitle .sponsor {
  display: inline;
  zoom: 1;
}
.ie7 #attic ul li {
  display: inline;
  zoom: 1;
}

.ie7 #attic, .ie8 #attic, .ie9 #attic {
  border-bottom: 2px solid #ddd;
}