/*
 * 
 * ./_blocks/page-types/home/_css/main.css
 * purpose:
 * styles for the "home" page type
 */
/*
 * - first cluster
 */
div#cluster_1 {
  position: relative;
  margin: 0 0 20px;
  width: 980px;
  height: 330px;
  overflow: hidden;
    /*
   * div.sochi_block {
   * position:absolute;
   * top:8px;
   * right:8px;
   * z-index:2;
   * width:327px;
   * height:315px;
   * background:url(/_blocks/page-types/home/_img/sochi-block-bg.jpg);
   * -webkit-box-shadow: 0px 2px 1px 0 rgba(50, 50, 50, .35);
   * -moz-box-shadow: 0px 2px 1px 0 rgba(50, 50, 50, .35);
   * -box-shadow: 0px 2px 1px 0 rgba(50, 50, 50, .35);
   * 
   * h2 {
   * position:absolute;
   * top:38px;
   * left:69px;
   * margin:0;
   * padding:0;
   * line-height:24px;
   * font-size:24px;
   * color:#d28a15;
   * text-transform:uppercase;
   * border:0;
   * 
   * span {
   * color:#d60000;
   * }
   * }
   * 
   * a {
   * display:block;
   * position:absolute;
   * right:15px;
   * padding:0 0 0 130px;
   * width:167px;
   * height:61px;
   * line-height:61px;
   * font-size:16px;
   * text-transform:uppercase;
   * color:#343434;
   * 
   * span {
   * display:block;
   * padding:16px 0 0 0;
   * line-height:16px;
   * }
   * 
   * &:hover {
   * color:#d60000;
   * }
   * 
   * &.sochi_site {
   * top:77px;
   * }
   * 
   * &.sochi_instagram {
   * top:151px;
   * }
   * 
   * &.sochi_twitter {
   * top:227px;
   * }
   * }
   * }
   */ }
  div#cluster_1 div.recent_news {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    padding: 20px;
    width: 285px;
    height: 273px;
    overflow: hidden;
    background: url(/_img/bg-white-85.png);
    border: 1px solid rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 0px 2px 1px 0 rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 2px 1px 0 rgba(50, 50, 50, 0.35);
    -box-shadow: 0px 2px 1px 0 rgba(50, 50, 50, 0.35); }
    .ie7 div#cluster_1 div.recent_news {
            /*
       * IE7 on windows XP: png appears "too" transparent.
       */
      background: none;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../_img/bg-white-85.png', sizingMethod='scale'); }

/*
 * - second cluster
 */
div#cluster_2 {
  margin: 0 0 30px 0;
  padding: 50px 30px 30px;
  width: 920px;
  background: url(/_blocks/page-types/home/_img/cluster2-bg.jpg) no-repeat;
  border-bottom: 1px solid #e5e5e5;
    /*
   * -- secondary features
   */
    /*
   * -- feeds
   */ }
  div#cluster_2 ul.features.home_secondary {
    float: left;
    margin: 0 0 0 -20px;
    width: 600px; }
    div#cluster_2 ul.features.home_secondary > li {
      margin: 0 0 30px 20px;
      width: 280px; }
      div#cluster_2 ul.features.home_secondary > li > div > div {
        width: 100%;
        height: 180px;
        background-image: url(/_blocks/page-types/home/_img/feature-secondary-over.png); }
  div#cluster_2 div.feeds {
    float: right;
    width: 300px;
        /*
     * -- "big-box" banner
     */ }
    div#cluster_2 div.feeds h2 {
      background: no-repeat 0 center; }
      div#cluster_2 div.feeds h2 a {
        display: block;
        font-size: 30px;
        color: #d60000; }
        div#cluster_2 div.feeds h2 a:hover {
          text-decoration: underline; }
      div#cluster_2 div.feeds h2.blog {
        padding: 0 0 0 70px;
        line-height: 61px;
        background-image: url(/_blocks/page-types/home/_img/header-blog-bg.png); }
      div#cluster_2 div.feeds h2.twitter {
        padding: 0 0 0 60px;
        line-height: 73px;
        background-image: url(/_blocks/page-types/home/_img/header-twitter-bg.png); }
    div#cluster_2 div.feeds ul.tab_bar {
      margin: 0 0 15px;
      padding: 0;
      list-style: none; }
    div#cluster_2 div.feeds ul.feed {
      margin: 0 0 35px;
      padding: 0;
      list-style: none; }
      div#cluster_2 div.feeds ul.feed > li {
        margin: 12px 0 0; }
        div#cluster_2 div.feeds ul.feed > li a {
          text-decoration: none; }
        div#cluster_2 div.feeds ul.feed > li > p {
          margin: 6px 0;
          line-height: 16px; }
        div#cluster_2 div.feeds ul.feed > li > a.date_feed {
          display: block;
          line-height: 12px;
          font-size: 12px;
          color: #aaaaaa; }
          div#cluster_2 div.feeds ul.feed > li > a.date_feed:hover {
            color: #d60000; }
    div#cluster_2 div.feeds img.big_box {
      margin: 0 0 20px; }

/*
 * - services area (customization... remainder of css is in Features block)
 */
  div#services_area > h2 {
    float: left; }
  div#services_area ul.tab_bar {
    display: none;
        /*
     * for now
     */
    margin: 0 0 0 20px; }
    div#services_area div.services_clip ul > li {
      padding: 0 25px; }
    div#services_area div.services_clip.ready {
      margin: 0 20px;
      height: 120px; }