@charset "UTF-8";
/* CSS Document */

/* ------------------------  Everyday Stylings (text, headers, links, etc.  -----------------*/
a {text-decoration:none; outline:none;color:#0099FF;}
a:hover {cursor:pointer; color:#990000;}

img {text-decoration:none; outline:none; border:0;}
h2 {color:#000099;}
h3 {color:#0066CC; }
h3:hover {color:#0099FF;}
li {color:#FFFFFF;}
ul {margin:0px;}
div#preload { display: none; }



/* ------------------------  Containers  -----------------------------------------------------*/
div#window{margin-top:-5px; height:700px; overflow:hidden; width:100%; height:100%; position:relative;}

div#welcome {width:809px; height:373px; position:absolute; background-image:url(images/backgrounds/paper-info.jpg);}

/* Front Page */
div#info-buttons {position:absolute; top:-5px; left:-5px;}
div#nav3_front {position:relative; top:535px; left:65px; z-index:3; width:125px; height:75px;}
div#screen_container {width:1000px; height:611px; position:relative; overflow:hidden;}
div#home-scene {position:absolute; top:0px; left:0px; }
div#scene_container {width:900px; height:500px; background-color:#000000; overflow:hidden; position:absolute; z-index:1; top:-20px;}
div#mail-scene {position:absolute; top:90px; left:315px; z-index:3; }
div#credits-scene {position:absolute; top:70px; left:250px; z-index:3; }
div#info-scene {position:absolute; top:90px; left:310px; z-index:3; }
div#simonsContainer {width: 826px; height:624px; top:-1420px; left:70px; position:relative; z-index:3; background-color:#333333; visibility:hidden;}
/* End Front Page */

/* -------- The Viewer ----- */
#episode-container {height:380px; width:0px; background-image:url(images/backgrounds/black-scrim.png);
	position:relative; top:90px; overflow:hidden; visibility:hidden; padding-top:10px; z-index:5;}
	#episode-viewer {height:310px; width:655px; background-color:#000033; position:relative; overflow:hidden;
	}
#episode-nav {widows:655px; height:50px; padding:5px;}
.episode {height:311px; width:655px; background-image:url(images/backgrounds/cork_bg.jpg); position:absolute; left:655px;}
.episode-left {width:322px; height:272px; float:left; background-image:url(images/backgrounds/note_bg.jpg); margin:18px 0px 21px 5px;} 
.episode-right{width:328px; height:311px; float:left;}
.episode-text {margin:10px 20px; 0px 15px; font-family:"Courier New", Courier, monospace; font-size:14px;}
.episode-image {width:321px;}
.episode-vidimage {width:321px; margin-top:25px; position:relative;}
.episode-vidimage-box {width:321px; height:272px; overflow:hidden;}
.video-scrim {width:321px; height:245px; margin-top:25px; margin-left:3px; position:absolute;}
.video-scrim:hover {background-image:url(images/extras/play_scrim.png);}
.download-podcast {margin-left:15px;}
.simonLink {color:#0000FF;}

/* END Viewer */

div#closebutton{
    position:absolute;
    top:417px;
    width:45px;
    height:42px;
    z-index:4;
    left: 810px;
}

/* Explore Ship */
	div#screen {width:875px; height:611px; position:relative; top:-668px;}
	div#lightbox {position:relative; z-index:3;top:-600px;
		width:859px;
		height:448px;
		background-image:url(images/backgrounds/lightbox.png);
		padding-top:18px;
		padding-bottom:0px;
		overflow:hidden; visibility:hidden;}
	div#scene {width:809px; height:373px; background-color:#000000; overflow:hidden; position:relative; z-index:4;}
	div#mail {width:809px; height:373px; position:absolute; background-image:url(images/backgrounds/mail.jpg);}
	div#map {width:809px; height:373px; position:absolute; background-image:url(images/backgrounds/map.jpg);}
	div#current {width:809px; height:373px; position:absolute; background-color:#000000; }
	div#info {width:809px; height:373px; position:absolute; }
	div#home {width:809px; height:373px; position:absolute; background-image:url(images/backgrounds/paper-info.jpg);}
	div#leaks {width:809px; height:373px; background-color:#000000; overflow:hidden; padding-top:12px;}
	div#nav2 {	width:500px;height:75px;overflow:hidden; padding-top:3px;}
/* End Ship */




/* BLOG */
div#blog {width:809px; height:373px; position:absolute;background-image:url(images/backgrounds/Paper0046_S.jpg); }
	#blogContent {float:left; width:659px; height:373px; line-height:1.3; overflow:scroll;}
	#blogIndex {float:left; width:150px; height:373px;}
	p.blog {/*font-family:cursive; font-size:20px;margin:-10px 15px 15px 15px; */ float:left;}
	p.blogDate {font-family:fantasy;font-weight:bold; font-size:12px; margin-left:5px; color:brown;}
	p.blogDate_small {font-family:fantasy;font-weight:bold; font-size:12px; margin-left:5px; color:brown;}
	img.blog {float:right; width:150px; margin:5px;}
/* END BLOG */


/* ------------------------  Shared Scene Specifics   -----------------------------------------------------*/
table#mail-links {
	position:absolute;
	left: 442px;
	top: -3px;
}

/*streamsend */
div#streamsend {position:absolute;left: 17px;top: 13px;width:360px;height:175px;background-color:#000000;padding:5px;border:2px solid #FFFFFF;}
label {font-size:14px; color:#FFCC33; text-shadow: 0px 1px 1px #000;}
div#btn_subscribe {float:right;}
/* end Steamsend */

div#current-vid {float:left; margin:13px;}

/* ------------------------   Buttons   -----------------------------------------------------*/
/* Relevant to Javascript Functions */
.button {display:block; float:left; text-decoration:none;}
.active{display:block; float:left; background-position:0px -75px; }
.selected_2 {height:311px; width:655px; background-image:url(images/backgrounds/cork_bg.jpg); position:absolute; left:0px;}
.viewer_btns { display:inline; z-index:2; }
.viewer_btns:hover {outline:yellow solid medium;}
.active_sceneBtn {outline:green solid medium; z-index:2;}

/*Front Page*/
.update_anchor {color:#0000FF;}
a#home-scene-btn {
	position:absolute;
	z-index:3;
	width:75px;
	background-image:url(images/buttons/home.png);
	height:75px;
	left: 220px;
	top: 342px;
}
a#home-scene-btn:hover {background-position:0px -75px;}
a#credits-scene-btn {
	position:absolute;
	z-index:3;
	width:75px;
	background-image:url(images/buttons/credits.png);
	height:75px;
	left: 670px;
	top: 413px;
}
a#credits-scene-btn:hover {background-position:0px -75px;}
a#mail-scene-btn {
	position:absolute;
	z-index:3;
	width:75px;
	background-image:url(images/buttons/mail.png);
	height:75px;
	left: 727px;
	top: 338px;
}
a#mail-scene-btn:hover {background-position:0px -75px;}
a#info-scene-btn {
	position:absolute;
	z-index: 3;
	width:75px;
	background-image:url(images/buttons/info.png);
	height:75px;
	left: 277px;
	top: 413px;
}
a#info-scene-btn:hover {background-position:0px -75px;}
/*End FrontPage*/

/* Explore Ship Buttons */
a#home-btn {width:75px; background-image:url(images/buttons/home.png); height:75px;}
a#home-btn:hover {background-position:0px -75px;}
a#current-btn {width:75px; background-image:url(images/buttons/current.png); height:75px;}
a#current-btn:hover {background-position:0px -75px;}
a#mail-btn {width:75px; background-image:url(images/buttons/mail.png); height:75px;}
a#mail-btn:hover {background-position:0px -75px;}
a#info-btn {width:75px; background-image:url(images/buttons/info.png); height:75px;}
a#info-btn:hover {background-position:0px -75px;}
a#map-btn {width:75px; background-image:url(images/buttons/map.png); height:75px;}
a#map-btn:hover {background-position:0px -75px;}
#close-btn{background-image:url(images/pages/leaks/btn_x_off.png); width:45px; height:42px;}
#close-btn:hover{background-image:url(images/pages/leaks/btn_x_on.png)}
/*END explore ship buttons */

/*  Leak Room  */
#earthday_vid{background-image:url(images/pages/leaks/scene_v2/leaks_off_03.jpg); width:74px; height:120px;}
#earthday_vid:hover{background-image:url(images/pages/leaks/scene_v2/leaks_on_03.jpg); width:74px; height:120px;}

#riverpants_vid{background-image:url(images/pages/leaks/scene_v2/leaks_off_08.jpg); width:141px; height:158px;}
#riverpants_vid:hover{background-image:url(images/pages/leaks/scene_v2/leaks_on_08.jpg); width:141px; height:158px;}

#weekend_vid{background-image:url(images/pages/leaks/scene_v2/leaks_off_06.jpg); width:141px; height:81px;}
#weekend_vid:hover{background-image:url(images/pages/leaks/scene_v2/leaks_on_06.jpg); width:141px; height:81px;}

#extras_btn{background-image:url(images/pages/leaks/scene_v2/leaks_off_11.jpg); width:142px; height:158px;}
#extras_btn:hover{background-image:url(images/pages/leaks/scene_v2/leaks_on_11.jpg); width:142px; height:158px;}

#hints_btn{background-image:url(images/pages/leaks/scene_v2/leaks_off_14.jpg); width:66px; height:43px;}

#jimmyDance_btn{background-image:url(images/pages/leaks/scene_v2/popsicles_off_01.png); width:52px; height:129px;}
#jimmyDance_btn:hover{background-image:url(images/pages/leaks/scene_v2/popsicles_on_01.png); width:52px; height:129px;}

#kidBeer_btn{background-image:url(images/pages/leaks/scene_v2/popsicles_off_02.png); width:69px; height:129px;}
#kidBeer_btn:hover{background-image:url(images/pages/leaks/scene_v2/popsicles_on_02.png); width:69px; height:129px;}

#ubUilleann_btn{background-image:url(images/pages/leaks/scene_v2/popsicles_off_03.png); width:70px; height:129px;}
#ubUilleann_btn:hover{background-image:url(images/pages/leaks/scene_v2/popsicles_on_03.png); width:70px; height:129px;}
/*  END Leak ROom  */

.episode-btns {position:absolute; z-index:2;}

/* FADERS */
img#fader {position:absolute;z-index:2;opacity:0.0;
	filter:alpha(opacity=0);}
img#fader2 {position:absolute;z-index:2;opacity:0.0;
	filter:alpha(opacity=0);}
img#fader3 {position:absolute;z-index:2;opacity:0.0;
	filter:alpha(opacity=0);}
img#fader4 {position:absolute;z-index:2;opacity:0.0;
	filter:alpha(opacity=0);}
img#fader5 {position:absolute;z-index:2;opacity:0.0;
	filter:alpha(opacity=0);}