/* image path: ../../images/stories/pediatricAdventures/ */

/*-------------------------------------------    
    General Styles
-------------------------------------------*/
body {
    margin:                 0;
}

#header{
    position:               relative;
	z-index:                10;
	background-color:       #fff;
	border-bottom:          #f1f5f8;
}

#PediatricAdventuresWrap  {
    background:             #e3e3e3 url(../../images/stories/pediatricAdventures/footer-tile.jpg) repeat-x 0 bottom;
    margin:                 0;
    padding:                0;
	height:					2350px;
    width:                  100%;
    font:                   12px/1.4 Verdana, Arial, sans-serif;
	position:               relative;
	z-index:                4;
}

* html #PediatricAdventuresWrap {
	height:					2735px;
}

#PediatricAdventuresWrap p,
#PediatricAdventuresWrap ul { 
    margin:                 0 0 1em;
    color:                  #222;
    font-size:              12px;
}

#PediatricAdventuresWrap a { 
    color:                  #739f09;
    text-decoration:        none;
}

#PediatricAdventuresWrap a:hover,
#PediatricAdventuresWrap a:focus { 
    color:                  #42a3da;    
}

p[class~="open-quote"] { /* IE6 doesn't understand attribute selectors */
    text-indent:            -0.5em;
}


/*-------------------------------------------    
	Flash Background
-------------------------------------------*/

#flash {
    z-index:            3000;
}

#PediatricAdventuresWrap #flashBgDocked{
	z-index:			3000;
	position:           relative;
/*	position: 			absolute;
	left:				0px;
	top:				0px;
	width:				100%;
	height:				100%;
	padding:            0;
	position:relative;*/
}

#PediatricAdventuresWrap .footerBack{
/*	background-color:	#ff0000;*/
    background:         transparent url(../../images/stories/pediatricAdventures/footer-image.jpg) no-repeat center bottom;
	height:				100%;
	width: 				100%;
	bottom: 			0px;
	left:				0px;
	position:			absolute;
	z-index: 			1;
}

#PediatricAdventuresWrap .footerBackDocked{
/*	background-color:	#ff0000;*/
	height:				100%;
	width: 				100%;
	bottom: 			0px; 
	left:				0px;
	position:			fixed; 
	z-index:            1;
}

/** + html #PediatricAdventuresWrap .footerBackDocked,
* + html #PediatricAdventuresWrap .footerBack {
    position:           static;
    z-index:            1;
}

* + html #PediatricAdventuresWrap #flash {
    z-index:            100;
}*/


* html #PediatricAdventuresWrap .footerBackDocked {
    position:           absolute;
    /* http://www.gunlaug.no/contents/wd_additions_15.html */
    top:                expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight) : document.body.scrollTop + (document.body.clientHeight-this.clientHeight));}

/*
#PediatricAdventuresWrap{
border-bottom:      1px solid #e8dbd2;
margin-bottom:      40px;
width:              100%;
height:				2500px;
position:           relative;
}
#PediatricAdventuresWrap .footerBack{
background-color:	#ff0000;
height:				100%;
width: 				100%;
bottom: 			0px;
left:				0px;
position:			static;
z-index: 1;
}
*/


/*-------------------------------------------    
    Global Combinations
-------------------------------------------*/
/* Global style for image replacement (using Phark) */
#PediatricAdventuresWrap h1,
#PediatricAdventuresWrap h2,
#byline,
#stats,
blockquote,
#video-cta p,
#video-cta a { 
    display:                block; 
    text-indent:            -9999px; 
    background-repeat:      no-repeat; 
    background-position:    0 0; 
    background-color:       transparent; 
}

/*  
    Clearfix
    http://www.positioniseverything.net/easyclearing.html
*/

#intro:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    


/*-------------------------------------------    
    Layout
-------------------------------------------*/

#PediatricAdventuresWrap #flashBgDocked {
    width:                  960px;
    margin:                 0 auto;
    position:               relative;
    padding:                210px 0 0;
} 

* html #PediatricAdventuresWrap #flashBgDocked {
}

#PediatricAdventuresWrap h1 {
    background-image:       url(../../images/stories/pediatricAdventures/pediatric-adventures.png);
    width:                  972px;
    height:                 113px;
    position:               absolute;
    top:                    88px;
    left:                   -6px;
    margin:                 0;
    padding:                0;
}

* html #PediatricAdventuresWrap h1 { /* IE6 PNG fix */    
    background-image:       url(../../images/stories/pediatricAdventures/pediatric-adventures.gif);
    /*
    background:             none; 
    filter:                 progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/stories/pediatricAdventures/pediatric-adventures.png');*/
}

#byline {
    background-image:       url(../../images/stories/pediatricAdventures/byline.png);
    width:                  86px;
    height:                 12px;
    position:               absolute;
    right:                  0;
    top:                    217px;
}

* html #byline { /* IE6 PNG fix */
    background-image:       url(../../images/stories/pediatricAdventures/byline.gif);
    /*background:             none; 
        filter:                 progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/stories/pediatricAdventures/byline.png');*/
}

#PediatricAdventuresWrap h2 {
    background-image:       url(../../images/stories/pediatricAdventures/subhead.png);
    width:                  768px;
    height:                 123px;
    margin:                 0 0 20px;
    padding:                0;
}

* html #PediatricAdventuresWrap h2 { /* IE6 PNG fix */
    background-image:       url(../../images/stories/pediatricAdventures/subhead.gif);
    /*background:             none; 
        filter:                 progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/stories/pediatricAdventures/subhead.png');*/
}

#intro {
    padding:                0 0 20px;
    margin:                 0;
    border-bottom:          1px solid rgba(0, 0, 0, 0.1);
}

* html #intro {
    border-bottom:          1px solid #ccc;
}

.col {
    width:                  370px;
    padding:                0 30px 0 0;
    float:                  left;
}

#col2 {
    width:                  560px;
    padding-right:          0;
}

#col2 p {
    margin-right:           190px;
}

#video-cta {
    width:                  320px;
    float:                  right;
    margin:                 0 0 30px 30px;
}

* html #video-cta { 
    padding:                0;
    margin-left:            30px;
}

#video-cta a {
    background-image:       url(../../images/stories/pediatricAdventures/video-cta.jpg);
    width:                  320px;
    height:                 180px;
    margin:                 0 0 10px;
}

#video-cta a:hover,
#video-cta a:focus {
    background-position:    0 -180px;
}

#video-cta p {
    background-image:       url(../../images/stories/pediatricAdventures/caption.png);
    width:                  301px;
    height:                 39px;
    margin:                 0;
}

* html #video-cta p { /* IE6 PNG fix */
    background-image:       url(../../images/stories/pediatricAdventures/caption.gif);
    /*background:             none; 
        filter:                 progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/stories/pediatricAdventures/caption.png');*/
}

#stats {
    list-style:             none;
    background-image:       url(../../images/stories/pediatricAdventures/stats.gif);
    width:                  835px;
    height:                 164px;
    position:               relative;
    left:                   -21px;
    margin:                 20px 0;
}

#continued {
    width:                  560px;
    /*padding:              0 30px 0 0;
    margin:                 0 0 0 240px;*/
    padding:                20px 160px 0 240px;
    position:               relative;
    border-top:             1px solid rgba(255, 255, 255, 0.4);
}

* html #continued {
    border-top:          1px solid #eee;
}

#PediatricAdventuresWrap blockquote {
    background-image:       url(../../images/stories/pediatricAdventures/pullquote.png);
    width:                  205px;
    height:                 123px;
    position:               absolute;
    top:                    4.5em;
    left:                   0;
    margin:                 0;
    padding:                0;
}

* html #PediatricAdventuresWrap blockquote { /* IE6 PNG fix */
    background-image:       url(../../images/stories/pediatricAdventures/pullquote.gif);
    /*background:             none; 
        filter:                 progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/stories/pediatricAdventures/pullquote.png');*/
}

#slideshow {
    width:                  490px;
    height:                 420px;
    float:                  left;
    margin:                 0 15px 0 -240px;
    position:               relative;
    z-index:                40;
}

* html #slideshow { /* IE6 double margin bug fix */
    display:                inline;
}

#ie6warning {
    width:                  940px;
    padding:                1em 10px;
    margin:                 2em auto 0;
    background:             #fff195;
    border:                 1px solid #b7ad6b;
}

#PediatricAdventuresWrap p#credit {
    padding-top:            15px;
    border-top:             1px solid #c8d8e3;
    font-size:              11px;
    font-style:             italic;
}


/*-------------------------------------------    
Lightbox
-------------------------------------------*/

#curtain {
	background:             #000;
	position:               fixed;
	width:                  100%;
	height:                 100%;
	top:                    0;
	left:                   0;
	z-index:                5000;
}

#video {
	left:                   50%;
	top:                    50%;
	margin:                 -192px 0 0 -320px;
	position:               fixed;
	z-index:                5001;
}

* html #video {
    position:               static;
    margin:                 0 auto;
    width:                  640px;
}