/*
Description: The Homecoming
Creator: Jade Rauenzahn
Revision History: 
2007-10-29 :: Revision 1.0 (intial build)
*/

/****************/
/* Reset Styles */
/****************/
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-weight:normal}caption,th,td{text-align:left}html {font-size: 12px;}* html {font-size: .75em;}
a,a:visited{-moz-outline-style: none;outline-style: none;}
option { padding-right: 9px; }
p, ul { margin-bottom: 15px; line-height: 1.3; }


/********************/
/* Global Selectors */
/********************/
body { background: #000; font-family: arial, helvetica, sans-serif; }


/************************/
/* Structural Selectors */
/************************/
.container { width: 790px; margin: 0 auto; }

/* Index page */
.index .titleTop { margin-bottom: -3px; }
.index .logo {float: left; display: inline; width: 353px; padding-left: 70px; }
.index .sideArea { float: right; display: inline; width: 290px; background: url(../images/bg_indexSide.jpg) top right no-repeat; }
.index .sideArea ul { padding-left: 10px; list-style-type: none; }
.index #navHome { position: relative; top: -5px; left: 12px; z-index: 8; }
.index #navStory { position: relative; top: -8px; left: 30px; z-index: 7; }
.index #navCast { position: relative; top: -14px; left: 40px; z-index: 6; }
.index #navPintar { position: relative; top: -17px; left: 50px; z-index: 5;  }
.index #navNews { position: relative; top: -19px; left: 59px; z-index: 4; }
.index #navBlog { position: relative; top: -4px; left: 71px; z-index: 3; }
.index #navPhotos { position: relative; top: -10px; left: 80px; z-index: 2; }
.index #navTickets { position: relative; top: 0px; left: 89px; z-index: 1; }
.index .newsletter { padding: 20px 0 20px 120px; }
.index #submit { padding-left: 85px; }
.index .txtinput { border: none; background: url(../images/bg_inputHome.gif) no-repeat; color: #fff; padding: 7px 4px 5px; width: 125px; }
.index #video {
	position: absolute;
	top: 210px;
	left: 49.5%;
}
.index #click {
	position: absolute;
	top: 540px;
	left: 51.6%;
}

/* Internal Pages Outline / Tickets Page */
.internal { background: #535050; }
.internal .sidebar { float: left; display: inline; width: 170px; padding-left: 20px; }
.internal .sidebar ul li { list-style: none; padding: 6px 0; }
.internal .sidebar .newsletter { background: url(../images/bg_newsletter.gif) no-repeat; padding: 10px; margin-top: 20px; }
.internal .sidebar form { padding-left: 8px; }
.internal .sidebar #submit { padding-left: 70px; }
.internal .sidebar .txtinput { border: none; background: url(../images/bg_input.gif) no-repeat; color: #fff; padding: 5px 4px 5px; width: 100px; }
.internal .content { background: url(../images/bg_content.png) bottom left no-repeat; float: left; display: inline; width: 583px; margin-bottom: 15px; padding-bottom: 10px; }
.internal .content .contentArea { background: url(../images/bg_contentTop.gif) no-repeat; padding: 25px; min-height: 474px; height: auto !important; height: 474px; }
.internal .content .getTickets { text-align: center; }
.internal .content .buyTix { position: relative; top: -8px; }
.internal .content .infoCol { float: left; display: inline; width: 340px; }
.internal .content .gettingThere { float: right; display: inline; width: 155px; background: url(../images/bg_gettingThere.gif) no-repeat; padding: 40px 10px 0 10px; }
.internal .footer { text-align: right; padding: 0 10px 15px 0; }
.internal .footer li { border-right: 1px solid #fff; display: inline; padding: 0 10px; font-weight: bold; font-size: .95em; }
.internal .footer .last { border-right: none; }

/* Blog Page */
.blogEntry { margin: 10px 0 20px; zoom: 1; }
.blogEntry h3 { font-weight: bold; color: #231f20; font-size: 1.4em; }
.blogEntry h5 { font-size: .9em; font-style: italic; border-bottom: 1px dashed #fff; padding-bottom: 3px; margin-bottom: 5px; }
.blogEntry .blogContent { padding: 0 10px; }
.blogEven { background: url(../images/bg_evenBlog.gif) bottom left no-repeat; }
.blogEven .blogContent { background: url(../images/bg_evenBlogTop.gif) no-repeat; padding-bottom: 5px; padding-top: 10px; }
.blogEven h5 { border-color: #aaa; }
.blogEntry .readMore { text-align: right; padding-right: 20px; }
.featuredBlog { background: url(../images/bg_blogFeatured.gif) bottom left no-repeat; }
.featuredBlog .blogContent { background: url(../images/bg_blogFeaturedTop.gif) no-repeat; padding-bottom: 5px; padding-top: 15px; } 
.featuredBlog h3 { font-size: 1.8em; }
.featuredBlog h5 { font-size: 1.1em; border-color: #aaa; }

/* News Page */
.newsEntry { margin: 10px 0 20px; zoom: 1; }
.newsEntry h3 { font-weight: bold; color: #231f20; font-size: 1.4em; }
.newsEntry h5 { font-size: .9em; font-style: italic; border-bottom: 1px dashed #fff; padding-bottom: 3px; margin-bottom: 5px; }
.newsEntry .newsContent { padding: 0 10px; }
.newsEntry .newsImage { float: left; display: inline; margin-right: 10px; }
.newsEntry .newsContent .newsInfo { float: left; display: inline; width: 350px; }
.newsEntry .readMore { text-align: right; }
.newsEven { background: url(../images/bg_evenBlog.gif) bottom left no-repeat; padding-bottom: 5px; padding-top: 10px; }
.newsEven h5 { border-color: #aaa; }
.newsEven .newsContnet { background: url(../images/bg_evenBlogTop.gif) no-repeat; padding-bottom: 5px; padding-top: 10px; }

/*Reviews Page */
.reviewsBlock {border-bottom: 1px solid #444; margin-bottom: 15px; text-align: left; }

/* Cast Profile */
.castProfile { border-bottom: 1px solid #444; margin-bottom: 15px; text-align: justify; }
.castProfile img { float: left; display: inline; padding: 0 15px 15px 0; }
.altProfile img { float: right; padding: 0 0 15px 15px; }
.titleCreative { margin-left: 60px; } 


/* Harold Pinter */
.timelineContainer { margin: 0 auto; width: 450px; overflow: hidden; min-height: 630px; height: auto !important; height: 630px; position: relative; }
.timelineSlide { background: url(../images/bg_timeline.gif) top left no-repeat; width: 8550px; position: relative; padding-top: 70px; }
.timelineSlide .event { float: left; display: inline; width: 430px; padding: 0 10px; }
.timelineSlide .event img { float: left; display: inline; padding: 0 10px 10px 0; }
.timelineSlide .event h1 { font-size: 1.5em; font-weight: bold; }
.timelineSlide .event h3 { font-size: .9em; font-style: italic; margin-bottom: 15px; }

.arrowPrev { position: absolute; left: 50%; top: 305px; margin-left: -170px; cursor: pointer; }
.arrowNext { position: absolute; left: 50%; margin-left: 335px; top: 305px; cursor: pointer; }

/***********/
/* Classes */
/***********/
.clear { clear: both; width: 100% !important; float: none !important; display: block !important; }
.flat { line-height: 0; font-size: 1px; height: 1px; }
.floatleft { float: left; display: inline; margin: 0 5px 0 0; }
.readMore a { font-size: .95em; }

/*********/
/* Links */
/*********/
a:link,
a:visited { color: #444; }
a:hover { color: #777; text-decoration: none; }

.footer a:link,
.footer a:visited { color: #fff; text-decoration: none; }
.footer a:hover { text-decoration: underline; color: #ccc; }

/*LIGHTBOX SETTINGS */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}