/*

CSS: story-chapter.css
Primary use: Pure McLaren, Explore and explode
Depends on: Nothing
Extended by: Nothing

Contents:
1.0 Story chapter
  
Notes:
Use image folder image/story-chapter

*/

/*****************************************************************
1.0 Story chapter
*****************************************************************/
/* 1.1 Structure and main elements */
#sC-story-chapter{ font-size:1.1em; min-height:414px;/*IE6*/ padding-top:147px; width:976px; }
#sC-story-chapter .link-back{ border-bottom:1px solid #fff; font-size:0.909em; left:20px; padding:0 0 4px 10px; position:absolute; top:85px; width:85px; z-index:3; }
.sC-content-wrapper{ background:url('../image/story-chapter/sC-white-bk-rp.png') 0 0 repeat-x;/*IE 6*/ left:0; min-height:561px; position:absolute; top:0; width:385px; z-index:2; }
#sC-content{ border-bottom:1px solid #9d9d9d; margin-left:20px; padding-bottom:6px; overflow:hidden; position:relative; width:341px; z-index:3; }
#sC-story-chapter .hero-image{ height:512px; left:0; position:absolute; top:49px; z-index:1; width:976px; }

#sC-story-chapter .section-title { color:#ffffff; text-transform:uppercase; }
#sC-story-chapter h1{ border-top:1px solid #f7931e; border-bottom:1px solid #9d9d9d; color:#f7931e; margin-bottom:13px; padding:13px 0 26px; text-transform:uppercase; }
#sC-story-chapter .body-copy{ height:175px; margin-bottom:13px; overflow:auto; }
#sC-story-chapter .body-copy h2{ font-size:1.091em; margin:0.5em 0 1em; }
#sC-story-chapter .body-copy h3{ font-size:1em; margin:0.25em 0 0.5em; }

#sC-story-chapter .media{ margin:0; overflow:hidden; width:341px; }
#sC-story-chapter .media li{ float:left; height:42px; margin:0 5px 7px 0;/*IE 6*/ width:79px; }
#sC-story-chapter .media li a{ display:block; border-top:2px solid #f7931e; }
#sC-story-chapter .media li a:hover{ border-color:#888; }

#sC-story-chapter .related-articles{ position:absolute; bottom:20px; left:410px; z-index:3; }
#sC-story-chapter .related-articles li.container{ bottom:0; display:table; left:0; position:static; width:200px; }
#sC-story-chapter .related-articles li.container span{ background-position:0 4px; background-repeat:no-repeat; bottom:0; color:#f7931e; cursor:pointer; display:block; left:0; padding-left:13px; position:absolute; text-transform:uppercase; }
#sC-story-chapter .related-articles ul{ display:none; }
#sC-story-chapter .related-articles ul li{ float:left; margin:0 14px 14px 0;/*IE 6*/ width:162px; }
#sC-story-chapter .related-articles li a{ display:block; border-top:2px solid #f7931e; }
#sC-story-chapter .related-articles li a:hover{ border-color:#888; }

#sC-story-chapter .related-articles li.container:hover{ background:url('../image/story-chapter/white-25-bk.png') 0 0 repeat; padding-left:14px; width:528px; }
#sC-story-chapter .related-articles li.container:hover span{ background-position:0 -10px; }
#sC-story-chapter .related-articles li.container:hover ul{ display:block; }

#sC-story-chapter .story-tools h3 { color:#F7931E; }
#sC-story-chapter .story-tools li { display:inline; }

/* 1.2 Text color switch: black, white */
/* 1.2.1 Black Text */
.black{ background-color:#fff; }
.black .body-copy,
.black .body-copy h2{ color:#333; }
.black .related-articles li.container span{ background-image:url('../image/story-chapter/sC-view-up-onwhite.gif'); }
#mclaren-site .black .related-articles li.container:hover span{ color:#333; }

/* 1.2.2 White Text */
.white{ background-color:#313131; }
.white .body-copy,
.white .body-copy h2{ color:#fff; }
.white .related-articles li.container span{ background-image:url('../image/story-chapter/sC-view-up-onblack.gif'); }
#mclaren-site .white .related-articles li.container:hover span{ color:#fff; }
 }

/* 1.3 Edit mode */
.sC-edit-panel{ position:relative; width:976px; z-index:100; }