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

html{ 
	font-size: 100%; 
	background-color:#000000;

}


body {
	font-family: sans-serif !important;
	color: #fff;
	margin: auto;
	font-size: 62.5%;
	background-color:#000000;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* ---------------- Header START ---------------- */
#navigationBar {
	position:relative;
	margin:0 auto 50px auto;
	width: 1230px;
	height: 25px;
	padding-left:130px
}

#nav {
	list-style: none;
	position:relative;
}

#nav li {
	float: left;
	padding:0;
}

#nav li a{
	display:block;
}

/*#nav li a#navHome {
	width:165px;
	height:25px;

	background-image:url(../images/navigation/nav-life-before-death.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navHome:hover {
	background-position:left bottom;
}*/

#nav li a#navHome {
	width:60px;
	height:25px;
	margin-left:1px;

	background-image:url(../images/navigation/nav-home.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navHome:hover, #selectHome #nav li a#navHome {
	background-position:left bottom;
}

#nav li a#navTheMovie {
	width:95px;
	height:25px;

	background-image:url(../images/navigation/nav-the-movie.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navTheMovie:hover, #selectTheMovie #nav li a#navTheMovie {
	background-position:left bottom;
}

#nav li a#navPlaylist {
	width:110px;
	height:25px;

	background-image:url(../images/navigation/nav-last-playlist.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navPlaylist:hover, #selectPlaylist #nav li a#navPlaylist {
	background-position:left bottom;
}

#nav li a#navSayIt {
	width:60px;
	height:25px;

	background-image:url(../images/navigation/nav-say-it.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navSayIt:hover, #selectSayIt #nav li a#navSayIt {
	background-position:left bottom;
}

#nav li a#navBucket {
	width:94px;
	height:25px;

	background-image:url(../images/navigation/nav-bucket-list.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navBucket:hover, #selectBucket #nav li a#navBucket {
	background-position:left bottom;
}

#nav li a#navGallery {
	width:130px;
	height:25px;

	background-image:url(../images/navigation/nav-legacy-gallery.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navGallery:hover, #selectGallery #nav li a#navGallery {
	background-position:left bottom;
}

#nav li a#navArticles {
	width:94px;
	height:25px;

	background-image:url(../images/navigation/nav-articles.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navArticles:hover, #selectArticles #nav li a#navArticles {
	background-position:left bottom;
}

#nav li a#navEIU {
	width:96px;
	height:25px;

	background-image:url(../images/navigation/nav-eiu-survey.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navEIU:hover, #selectEIU #nav li a#navEIU {
	background-position:left bottom;
}


#nav li a#navDeathflicks {
	width:110px;
	height:25px;

	background-image:url(../images/navigation/nav-death-flicks.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navDeathflicks:hover, #selectDeathflicks #nav li a#navDeathflicks {
	background-position:left bottom;
}


#nav li a#navHappycoffins {
	width:122px;
	height:25px;

	background-image:url(../images/navigation/nav-happy-coffins.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navHappycoffins:hover, #selectHappycoffins #nav li a#navHappycoffins {
	background-position:left bottom;
}


#nav li a#navDeparture {
	width:92px;
	height:25px;

	background-image:url(../images/navigation/nav-departure.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navDeparture:hover, #selectDeparture #nav li a#navDeparture {
	background-position:left bottom;
}


#nav li a#navLastoutfit {
	width:104px;
	height:25px;

	background-image:url(../images/navigation/nav-last-outfit.gif);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navLastoutfit:hover, #selectLastoutfit #nav li a#navLastoutfit {
	background-position:left bottom;
}

#nav li a#navMyEmotionalWIll {
	width:150px;
	height:50px;

	background-image:url(../images/navigation/nav-my-emotional-will.png);
	background-position:left top;
	background-repeat:no-repeat
}

#nav li a#navMyEmotionalWIll:hover, #selectLastoutfit #nav li a#navLastoutfit {
	background-position:left top;
}


/* ---------------- Header END ---------------- */


/* ---------------- Content START ---------------- */
#main{
	margin: 0 auto;
	position:relative;
}

#mainBody {
	width:1068px;
	margin:0;
	padding:0;
}
/* ---------------- Content END ---------------- */


/* ---------------- Sticky Footer START ---------------- 
by Steve Hatcher http://www.cssstickyfooter.com */
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 40px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin:-40px auto 0 auto;
	height: 20px;
	clear:both;
	width:1068px;
	padding:20px 0 0 0;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ---------------- Sticky Footer END ---------------- */


/* ---------------- Footer START ---------------- */
#footerLinks {
	display: block;
	height: 20px;
	list-style: none;
}

#footerLinks li{
	float: left;
	padding: 0 0 0 2px;
}

#footerLinks li#copyright {
	float:right;
}

#footerLinks a{
	color: #999999;
	text-decoration: none;
}

#footerLinks a:hover{
	color: #CCCCCC;
}

/* ---------------- Footer END ---------------- */

#playlistContextualHolder {
	position:relative;
	top:-48px;
	left:0;
	margin:0 0 -48px 0;
	padding:0;
	height:250px;
	background-image:url(../images/playlist/bottom-bar-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-family:sans-serif;
	font-size:16px;
	color:#a2a2a2;	
}

#wantToKnow {
	float:left;
	padding:72px 0 0 28px;
}

#wantToKnow ul {
	margin:22px 0 0 18px;
	padding:0;
	list-style-image:url(../images/playlist/icon-link.png);
}

#wantToKnow ul li {
	padding:0 0 16px 0;
	line-height:25px;
}

#wantToKnow ul li a {
	color:#a2a2a2
}

#btnEmbed {
	position:relative;
}

#embedHolder {
	display:none;
	position:absolute;
	top:88px;
	right:-25px;
	width:205px;
	margin:0;
	padding:0 0 10px 0;
	background-color:#fff;
	text-align:center;
}

#embedHolder h1 {
	padding:6px 10px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	background-color:#f2f2f2;
	text-align:left;
}

#embedHolder h1 a {
	float:right;
	color:#000;	
}

#embedHolder input {
	width:185px;
	margin:10px 0 0 0;
	height:20px;
}

#embedHolder input#btnCopyEmbed {
	width:120px;
}