@charset "utf-8";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

* { padding:0; margin:0 }

body {
	width:960px;
	margin:0 auto;
	font-size: 100%;
}

main-wrapper {
	width: 960px;
	margin: auto;
}

#container {
	position: relative;
	float:left;
	width: 960px;
	margin: auto;
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'ClementePDaeLight';
    src: url('../fonts/clementepdae-light-webfont.eot');
    src: url('../fonts/clementepdae-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clementepdae-light-webfont.woff') format('woff'),
         url('../fonts/clementepdae-light-webfont.ttf') format('truetype'),
         url('../fonts/clementepdae-light-webfont.svg#ClementePDaeLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JandlesRegular';
    src: url('../fonts/jandles-webfont.eot');
    src: url('../fonts/jandles-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jandles-webfont.woff') format('woff'),
         url('../fonts/jandles-webfont.ttf') format('truetype'),
         url('../fonts/jandles-webfont.svg#JandlesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*-------------------
	    NAV
--------------------*/

nav{
	margin:-4px auto;
	position:absolute;
	font-family: 'ClementePDaeLight';
	font-weight: normal;
    font-style: normal;
	font-size:16px;
	color:#FFF;
	background-color:#73868f;
	width:960px;
	height:40px;
	z-index:120;
}

nav ul{
	margin:10px auto;
	margin-left:50px;
	
}

nav ul li {
	display:inline;
}

nav li a {
	float: left;
	padding: 0px 10px;
	color: #FFF;
    text-decoration: none;
}

nav a:hover {
	color:#000;
}

nav #currentpage a {
    color:#000;
}

/*-------------------
	CONTENT
--------------------*/

div#content{
	float:left;
	position:relative;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	margin-top:-8px;
	height:600px;
	width:960px;
}

h1{
	font-family: 'JandlesRegular';
	font-weight: normal;
    font-style: normal;
	font-size:36px;
	position:absolute;
	top:130px;
	left:500px;
	z-index:101;
}

p{
	font-family: 'ClementePDaeLight';
	font-weight: normal;
    font-style: normal;
	font-size:24px;
	line-height:28px;
	width:375px;
	position:absolute;
	top:190px;
	left:500px;
	z-index:101;
}


/*-------------------
	   FOOTER
--------------------*/

footer {
	font-size:.8em;
	clear:both;
	position:relative;
	float:left;
    width:960px;
	margin:-55px auto;
	padding-bottom:20px;
	background-color: #73868f;
	border-top:#000 4px solid;
}

footer ul {
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;
}

footer ul li {
	display: inline;
	
}

footer ul li a {
	text-decoration: none;
	font-size: .8em;
	font-family: Tahoma, Geneva, sans-serif;
	padding-right: 12px;
	padding-left: 12px;
	color: #fff;
}

footer h3 {
	color: #FFF;
	padding-top:20px;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:.8em;
	font-weight:100;
}

footer a:hover {
	color:#000;
}

footer li+li{ 
    border-left: solid 1px;
	color: #fff;
}

/*-------------------
	Before page
--------------------*/

p.description{
	font-size:16px;
}

div.contentPic{
	position:absolute;
	margin-top:110px;
	margin-left:30px;
	z-index:201;
}

/*-------------------
	Characters page
--------------------*/
h1.costars{
	top:70px;
	left:450px;
	color:#FFF;
}


/*-------------------
	SLIDER
--------------------*/


					  				  
/*UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#frame 									{ width: 500px; margin: 100px auto; left:426px; position: absolute; min-height: 500px;
											  background:url(../images/bg2.png) top center; background-repeat:no-repeat; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 34px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -47px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background:url(../images/transpBlack.png); padding: 10px; height: 50px; 
											  margin-top: -60px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }