/* ---------------------------------- */

/*
 * Nike Better World
 * 2011
 *
 * static_rewrite.css
 *
 * rewrite css for 
 * mobile and tablet devices
 * unsupported browsers
 *
 * 
 */
 
/* ---------------------------------- */

div#wrapper { min-width: 100px !important; }

section.line { display: none; }

header.fixed {
    position: static;
    width: 100%;
    }
    
header nav#main-new { right: 300px !important; }
    
header.fixed nav { right: 300px; }

.landing #site-share { right: 300px; }

#story-freext header { top: 120px !important; }

.about #story-video h1 { top: 150px; }

.landing .story {
  height:600px !important;
}

/* @Video */

.story {
  height: 1024px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.story header {
  top: 250px !important;
}

/* ---------------------------------- */

/* @Video */

#story-video{
  background: url(../images/m_liu_xiang.jpg) 50% 10px no-repeat !important;
  height: 800px !important;
}

  #story-video h1 {
    top: 300px;
  }
 
/* ---------------------------------- */

/* @FreeXT */

#story-freext {
  width: 100%;
  background: url(../images/m_bg_freext.jpg) 0 0 no-repeat fixed;
}

  #story-freext .bg { 
    position: absolute;
    width: 1024px;
    height: 1024px;
    top: 0;
    left: 100px;
    background: url(../images/fg_freext.png) 0 0 no-repeat;
  }  



/* ---------------------------------- */

/* @WorldChampionship Jersey */

#story-world-championship {
  background: url(../images/m_bg_worldchampionshipjersey.jpg) 50% 0 no-repeat fixed;
}

 
  
/* ---------------------------------- */

/* @Soweto */

#story-soweto {
  background: url(../images/m_bg_soweto.jpg) 50% 0 no-repeat fixed;
}
  
  
 #story-soweto .bg {
    position: absolute;
    width: 1024px;
    height: 1024px;
    top: 525px;
    left: 0;
    background: url(../images/fg_soweto.png) 0 0 no-repeat;
  }


/* ---------------------------------- */

/* @NYCBasketball */

#story-nyc-basketball{
  background: url(../images/m_bg_nycreccenter.jpg) 50% 0 no-repeat fixed;
}


/* ---------------------------------- */

/* @HomelessWorldcCup */

#story-homeless-world-cup {
  background: url(../images/m_bg_homelessworldcup.jpg) 50% 0 no-repeat fixed;
}


 #story-homeless-world-cup .bg {
    position: absolute;
    width: 1024px;
    height: 1024px;
    top: 350px;
    left: 250px;
    background: url(../images/fg_homelessworldcup.png) 50% 0 no-repeat;
  }

 
/* ---------------------------------- */

/* @N7 */

#story-n7 {
  background: url(../images/m_bg_n7.jpg) 50% 0 no-repeat fixed;
}

 
/* ---------------------------------- */

/* @Cardboad Box */


#story-cardboard-box {
  background: url(../images/m_bg_cardboardbox.jpg) 0 0 no-repeat fixed;
}
 
/* ---------------------------------- */

/* @Green Rubber */

#story-green-rubber{
  background: url(../images/m_bg_greenrubber.jpg) 50% 0 no-repeat fixed;
}

  
/* ---------------------------------- */

/* @Lines */

.line {
  /*display: none;*/
}  

/* ---------------------------------- */

/* @Interface */

nav.more a {
  -webkit-transition:  none;
}

/* @Landing */

.landing #launch-better-world {
  background: url(../images/m_bg_worldchampionshipjersey.jpg) 0 -250px no-repeat;
  height: 444px !important;
  }

.landing #launch-product { background-position: 50% 0; width: 100%; height: 400px !important; }

    .landing #launch-better-world:hover { padding: 0; background-position: 0 -250px; }
    
    .landing #launch-product .content a { padding-left: 628px; width: 572px; }
    
    .landing #launch-product:hover { padding: 0; background-position: 50% 0; }

    .landing #launch-product .content h2 { font-size: 40px !important; }
    
    .landing #shoe { left: 25px; top: 45px; }
    
    .landing #launch-better-world #bottletop { display: none; }
    
    .landing footer aside a { border-bottom: none; clear: both; display: block; }

.landing footer .content { width: 900px !important; }

#home footer .content h2 { background-size: 900px auto !important; }

.landing footer ul#social-timeline li .post { margin-left: -150px !important; }

#slideshow-wrapper a.bx-next { display: none !important; }

.landing footer aside { float: left; width: 900px; }

.landing footer ul#social-timeline li .timeline-facebook .post { width: 320px; }

.landing footer ul#social-timeline li h3.timestamp { background-color: transparent; border: none; }

.story-detail .story { height: auto !important; }

.landing #story-detail article.article-a .home-line-a { width: 550px; }

.story .slideshow li .slide-header-a { left: 700px; top: 175px !important; }

#slideshow-wrapper .bx-pager { width: auto; left: 50px; }

.landing footer #timestamp-bg { left: 388px; }

.landing footer aside .social-connect,
.landing footer aside .copyright { width: 450px; }

#story-detail article a#nbw-back, 
#story-detail article a#nbw-next { background-image: none; }
    
/* @Philosophy */

#story-philosophy { background: url(../images/m_bg_philosophy.jpg) 50% 15px no-repeat fixed !important; height: 900px !important; }

#story-philosophy header { left: 200px; top: 480px !important; width: 580px; }

/* @BoardShort */

#story-beach {
  background: url(../images/m_bg_beach.jpg) 50% 0 no-repeat fixed;
}

#story-beach header {
	left:100px;
}	

/* ---------------------------------- */

/* @Hyperdunk */

#story-hyperdunk {
  background: url(../images/m_bg_hyperdunk.jpg) 50% 0 no-repeat fixed;
}

#story-hyperdunk header {
  left:100px;
}
  
/* ---------------------------------- */

/* @LegendPant */

#story-legendpant {
  background: url(../images/m_bg_legendpant.jpg) 50% 0 no-repeat fixed;
}

#story-legendpant header {
  left:100px;
}
  
/* ---------------------------------- */


.close-fb {  cursor:pointer; cursor:hand; background:url(../images/close-btn.png) no-repeat right; }
.close-twitter {  cursor:pointer; cursor:hand; background:url(../images/close-btn.png) no-repeat right; }