/*$Id: styles.css 28046 2009-11-20 20:40:55Z fisherc $
http://www.osservatoriofinanziario.com/of/css/tmagazine/1.0/screen/build/homepage/styles.css 
(c)2006 - 2009 The New York Times Company */

@import url(http://www.osservatoriofinanziario.com/of/css/magazine/shell.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/navigation.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/layout.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/ads.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/columnistsModule.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/issuesModule.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/twitterUpdatesModule.css);
@import url(http://www.osservatoriofinanziario.com/of/css/magazine/rssFeedsModule.css);


body {
  margin: 0 auto;
  padding: 0 10px;
}

#shell {
  position: relative;
}

body,
#shell {
  max-width: 1300px;
  min-width: 980px;
}

#mainNavigation {
  margin-top: 20px;
}    

.navigation {
  position: fixed;
  z-index: 2000;
  height: 45px;
  background-color: #fff;
  border-bottom: 1px solid #e2e2e2;
}       

#masthead {
  margin-bottom: -255px;
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
}

#masthead .insetV {
  margin-bottom: 11px;
}

.fixedMasthead {
  position: fixed;
  top: -221px;
  z-index: 250;
}

.aColumn .first { /* accommodates for neg margin on masthead, should be .firstColumnGroup .first way too generic */
  padding-top: 263px;
}

.aColumn .feedModule .singleRule:first-child {
  padding-top: 0;
  border-top: none;
}

.bcColumn,
.navigation {
  max-width: 970px;
  min-width: 670px;
  width: 670px;
}

.bColumn {
  position: fixed;
  padding-top: 72px;
  min-width: 369px;
  max-width: 701px;
  width: 369px;
}

.bColumn .columnGroup {
  margin-right: 33px; /*adjusted gutter for hp as the flash feature is wider than the 362 bCol columnGroup */
}



#ledeFeatureObject {
  background: #fff;
}

.cColumn {
  float: right;
  padding-top: 35px;
}

#navColumnDivider {
  margin-top: 0;
  margin-bottom: 27px;
}

.searchModule .insetV {
  margin-bottom: 10px;
}

.rssFeedsModule .horizontalMenu {
  width: 200px;
}

/* footer navigation links */

#footerNavigationTop,
#footerNavigationBottom {
  position: relative;
  height: 8px;
  overflow: hidden;
}

#footerNavigationTop {
  width: 267px;
  background: url(/images/tmagazine/navigation/footer-navigation-home-top-row.gif) 0 -16px no-repeat;
}

#footerNavigationBottom {
  width: 334px;
  background: url(/images/tmagazine/navigation/footer-navigation-home-bottom-row.gif) 0 -16px no-repeat;
}

#footerNavigationTop li,
#footerNavigationBottom li {
  position: absolute;
  top: 0;
}

#footerNavigationTop li,
#footerNavigationTop li a,
#footerNavigationBottom li,
#footerNavigationBottom li a {
  display: block;
  height: 8px;
  overflow: hidden;
}

#footerNavigationTop li a,
#footerNavigationBottom li a {
  text-decoration: none;
  text-indent: -9999px;
}

#footerNavigationTop .firstItem {
  left: 0;
  width: 89px;
}

#footerNavigationTop .secondItem {
  left: 102px;
  width: 80px;
}

#footerNavigationTop .lastItem {
  left: 195px;
  width: 65px;
}

#footerNavigationBottom .firstItem {
  left: 0;
  width: 104px;
}

#footerNavigationBottom .lastItem {
  left: 116px;
  width: 218px;
  
}

/* hover states */

#footerNavigationTop .firstItem a:hover {
  background: url(/images/tmagazine/navigation/footer-navigation-home-top-row.gif) 0 -8px no-repeat;
}

#footerNavigationTop .secondItem a:hover {
  background: url(/images/tmagazine/navigation/footer-navigation-home-top-row.gif) -102px -8px no-repeat;
}

#footerNavigationTop .lastItem a:hover {
  background: url(/images/tmagazine/navigation/footer-navigation-home-top-row.gif) -195px -8px no-repeat;
}

#footerNavigationBottom .firstItem a:hover {
  background: url(/images/tmagazine/navigation/footer-navigation-home-bottom-row.gif) 0 -8px no-repeat;
}

#footerNavigationBottom .lastItem a:hover {
  background: url(/images/tmagazine/navigation/footer-navigation-home-bottom-row.gif) -116px -8px no-repeat;
}