﻿@font-face {
    font-family: 'StagLight';
    src: url('/news/interactives/gfx/stag-light-webfont.eot');
    src: url('/news/interactives/gfx/stag-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/news/interactives/gfx/stag-light-webfont.woff') format('woff'),
         url('/news/interactives/gfx/stag-light-webfont.ttf') format('truetype'),
         url('/news/interactives/gfx/stag-light-webfont.svg#StagBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'StagBook';
    src: url('/news/interactives/gfx/stag-book-webfont.eot');
    src: url('/news/interactives/gfx/stag-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/news/interactives/gfx/stag-book-webfont.woff') format('woff'),
         url('/news/interactives/gfx/stag-book-webfont.ttf') format('truetype'),
         url('/news/interactives/gfx/stag-book-webfont.svg#StagBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'StagMedium';
    src: url('/news/interactives/gfx/stag-medium-webfont.eot');
    src: url('/news/interactives/gfx/stag-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/news/interactives/gfx/stag-medium-webfont.woff') format('woff'),
         url('/news/interactives/gfx/stag-medium-webfont.ttf') format('truetype'),
         url('/news/interactives/gfx/stag-medium-webfont.svg#StagMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body								{ background: #ffffff; font-family: arial, sans-serif; font-size: 12px; }
a									{ color:#115278; background: transparent; text-decoration: none; }
p.credit							{ display: block; float: right; clear: both; text-align: right; margin: 0px; padding: 0px; font-style: italic; }


/* slide ELEMENTS */
.slideshow							{ display: block; float: left; width: 940px; height: 580px; margin: 0px; padding: 0px; background: #ffffff; }
.slideHolder						{ display: block; float: left; width: 940px; height: 529px; margin: 0px; padding: 0px; border: 0px solid #000; overflow: hidden; }

.slide,.slide,
.slideContentLeft,
.slideContentRight,
.slideContentCenter
									{ display: block; float: left; width: 940px; height: 529px; margin: 0px; padding: 0px; border: 0px solid #000; }
.slideContentCenter					{ text-align: center; }
				 
.slideContent						{ display: block; float: right; width: 420px; margin: 20px 20px 0px 20px; padding: 0px; background: transparent; }
.slideContentVideo					{ display: block; float: left;  width: 620px; margin: 80px 160px 0px 160px; padding: 0px; background: transparent ; }
.slideContentWide					{ display: block; float: right; width: 940px; margin: 0px; padding: 0px; background: transparent; }



.slideContentLeft .slideContent		{ display: block; float: left; }
.slideContentRight .slideContent	{ display: block; float: right; }
.slideContentCenter .slideContent	{ display: block; float: left; width: 940px; margin: 0px; padding: 0px; }
.slideContentCenter .slideContent .slideAV620	
									{ display: block; float: left; width: 620px; margin: 80px 160px 0px 160px; padding: 0px; }


.slideQuote							{ display: block; float: right; width: 420px; margin: 0px; padding: 0px 0px 10px 0px; background: transparent url(gfx/quote-open.png) top left no-repeat; }
.pullquote							{ display: block; float: left; margin: 0px; padding: 15px 40px 15px 40px; font-family: 'StagBook'; font-size: 20px; line-height: 1; font-weight: 400; color: #323232; background: transparent url(gfx/quote-close.png) bottom right no-repeat; }
.name								{ display: block; float: right; width: 340px; margin: 0px 40px 10px 40px; padding: 10px 0px 0px 0px; font-family: 'StagLight'; font-size: 14px; line-height: 1; text-align: right; color: #323232; font-weight: bold; background: transparent url(/news/interactives/gfx/dot-blank-dot-rule.png) top left repeat-x; text-transform: uppercase; }
p.whatwhen							{ display: block; float: right; text-align: right; clear: both; color: #990000; width: 340px; margin: 0px 40px; padding: 0px; font-weight: 200; text-transform: uppercase; font-size: 10px; }
p.whatwhen strong					{ display: inline-block; font-size: 11px; font-weight: 800;  color: #000000; width: 40px; background: transparent; margin-right: 5px; }



.slideContentWide .slideQuote		{ width: 460px; margin: 0px; padding: 0px; }
.slideContentWide .slideQuote .name,
.slideContentWide .slideQuote p.whatwhen	
									{ width: 360px; margin-left: 10px; margin-right: 60px; }

.slideText,
.slideText225,
.slideText250,
.slideText300,
.slideText325,
.slideText350,
.slideAV,
.slideAV620 						{ display: block; float: left; margin: 10px 40px; padding: 10px; font-size: 12px; line-height: 1.25;  background: transparent url(/news/interactives/gfx/trans-fff-75.png) top left repeat; 
										width: 320px;
										-moz-border-radius: 10px; 
										-webkit-border-radius: 10px; 
										border-radius: 10px;
}
.slideText							{ height: 200px; overflow: auto; }
.slideText225						{ height: 225px; overflow: auto; }
.slideText250						{ height: 250px; overflow: auto; }
.slideText300						{ height: 300px; overflow: auto; }
.slideText325						{ height: 325px; overflow: auto; }
.slideText350						{ height: 350px; overflow: auto; }


.slideAV620							{ margin: 0px; width: 620px; height: 320px; padding: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } 

.slideContentLeft .slideText,
.slideContentLeft .slideAV,
.slideContentLeft .slideAV620		{ float: right; }
.slideContentRight .slideText,
.slideContentRight .slideAV,
.slideContentRight .slideAV620		{ float: left; }

.tpPlayer							{ display: block; float: left; clear: both; margin: 0px 20px 2px 0px; background: transparent; }
.audio								{ display: block; float: left; margin: 0px 20px 2px 10px; padding: 160px 0px 0px 0px;  background: url(gfx/mediabox-rtr2lvsn-300.202.jpg) top left no-repeat; }
.video								{ display: block; float: left; width: 300px; height: 218px; margin: 0px 10px; padding: 0px; }
.slideAV620 .video					{ display: block; float: left; width: 620px; height: 310px; margin: 0px; padding: 0px; }


.avRuntime							{ display: block; float: left; color: #666; margin: -10px 10px 0px 10px; padding: 0px; font-size: 10px; width: 200px; }

.slideContentRight .avRuntime		{ float: left; text-align: left; }
.slideContentLeft .avRuntime		{ float: right; text-align: right; }


.slideContentWide .slideQuote		{ margin: 20px; margin-top: 120px; }
.slideContentWide .slideText		{ width: 340px; height: 300px; }

.slideContentWide .slideText,
.slideContentWide .slideText225,
.slideContentWide .slideText250,
.slideContentWide .slideText300,
.slideContentWide .slideText325,
.slideContentWide .slideText350		{ display: block; margin-top: 80px; padding-bottom: 5px; }







.slideText p						{ color: #666666; font-size: 12px; margin: 0px 0px 5px 0px; }

.imageLeft,
.imageRight							{ display: block; float: left; margin: 120px 10px 10px 10px; padding: 0px; background: transparent; 
										  -moz-box-shadow: 2px 2px 5px #666; 
										  -webkit-box-shadow: 2px 5px 2px #666; 
										  box-shadow: 2px 2px 5px #666; 
}
.imageright							{ float: right; }

.slideQuote .imageLeft				{ margin-top: 10px; margin-left: 40px; } 
.slideQuote .imageRight				{ margin-top: 10px; margin-right: 40px; }

.imageLeft img, .imageright img 	{ display: block; float: left; }


.details							{ display: block; float: left; margin: 0px; padding: 0px; font-size: 14px; line-height: 1.3; background: transparent; }



/* SWAP LAYOUT FOR slide CONTENT AND QUOTE */
.slideContentLeft .slideContentWide .slideText 		{ float: right; }
.slideContentRight .slideContentWide .slideText 	{ float: right; }
.slideContentLeft .slideContentWide .slideQuote 	{ float: left; }
.slideContentRight .slideContentWide .slideQuote 	{ float: right; }
/* SWAP LAYOUT FOR slide CONTENT AND QUOTE */





.yui3-slideshow-content 			{ position: relative; }
.yui3-slideshow-content div.slide,
.yui3-slideshow-content div.slideContentLeft,
.yui3-slideshow-content div.slideContentRight,
.yui3-slideshow-content div.slideContentCenter
 									{ position: absolute; }

/* slide ELEMENTS */



.slideAV620							{ z-index: 0: }


/* CUSTOM slide BACKGROUNDS */
#movember #slideVideo1	{ background: url(gfx/board01.jpg) top left no-repeat; }
#movember #slideVideo2	{ background: url(gfx/board06.jpg) top left no-repeat; }





#movember .slideContentLeft,
#movember .slideContentCenter
				 				{ background: url(gfx/backplateUGC-LEFT.jpg) top left no-repeat; }
#movember .slideContentRight
				 				{ background: url(gfx/backplateUGC-RIGHT.jpg) top left no-repeat; }
#movember #streeterVideo
									{ background: url(gfx/backplateUGC-WWYAV.png) top left no-repeat; }

									
/* CUSTOM slide BACKGROUNDS */
									


/* slide NAVIGATION */
.slideNav							{ display: block; float: left; margin: 5px auto 10px auto; padding: 0px; text-align: center; }
.slideNav a							{ display: block; float: left; margin: 0px; padding: 10px 0px 0px 0px; width: 30px; height: 33px; color: #666666; }
a#slidePrev,
a#slideNext							{ display: block; float: left; width: 33px; margin: 0px; padding: 0px; background: url(/news/interactives/gfx/navArrows.png) 0px 0px no-repeat; cursor: pointer; text-indent: -9999px; }

a#slidePrev							{ background: url(/news/interactives/gfx/navArrows.png) bottom left no-repeat; }
a#slidePrev:hover					{ background:  url(/news/interactives/gfx/navArrows.png) top left no-repeat; }

a#slideNext							{ background: url(/news/interactives/gfx/navArrows.png) bottom right no-repeat; }
a#slideNext:hover					{ background: url(/news/interactives/gfx/navArrows.png) top right no-repeat; }
.slideNav a.current					{ font-weight: 900; color: #000000; }

/* slide NAVIGATION */



.slideHolder			 			{ position: relative; overflow: hidden; width: 940px; margin: 0px; padding: 0px; }
#sampleShow 						{ position: relative; height:212px; width: 393px; overflow: hidden;}		
.slide						 		{ display: none; position: absolute; }
.slide.current		 				{ display: block; }
.inactive 							{ color: #ccc; cursor: default;}

.tpPlayer							{ display: none;	visibility: hidden;left: -9999px; }
.current .tpPlayer					{ display: block;	visibility: visible;left: 0px; }

#movember .slideNav			{ margin-left: 300px; }





/* Positioning for Robert */
.slideAV 						{ margin-top: 140px; }
