/* 
Title: 		Master Styles for ArtsAlive.ca  - ENGLISH THEATRE HOME
Author:		jay.west for the National Arts Centre
Contact:	creative@jaywest.com
Updated:	October 28, 2006  
*/



/* Layout Adjustments
--------------------------------------------------------------------------------- */

#contentFrame {background: #7b130a url("/img/eth/home/bgWelcome.jpg") top left no-repeat;}

#contentFrame #sideBar {
  	width: 230px; 	/* for ie5*/
  	w\idth: 230px; 	/* ie6 and others */
	padding: 0;
}
#contentFrame #sideBar img {margin: 0; padding:0;}

#contentFrame #contentColumn {
	margin-left: 230px;  /* width of sideBar + its padding */
	background: none;
	border: none;
}
#contentBottom {background-color: #000;}
#bottomInner {background: #000 url("/img/thf/home/bgBlackFade.gif") bottom left repeat-x; width: 720px;}

#whatshot {background: #006698 url("/img/eth/home/bgWhatsHot.gif") bottom left repeat-x; width: 720px;}

#contentColumn .photoRight {margin-bottom: 0;}
#footer {background: none; padding-top: 10px;}




/* Side Bar
--------------------------------------------------------------------------------- */

#sideBar p {
	font: 10px verdana, geneva, arial, sans-serif;
	color: #fff;
	margin: 220px 30px 0 20px;
	line-height: 18px;
}



/* Intro Text
--------------------------------------------------------------------------------- */

body.english #contentColumn h2 {  /* image replacement */
	width: 339px;
	height: 76px;
	background: url("/img/eth/home/tWelcomeEn.gif") top left no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 5px 0 5px 0;
}

body.french #contentColumn h2 {  /* image replacement */
	width: 339px;
	height: 76px;
	background: url("/img/eth/home/tWelcomeFr.gif") top left no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 5px 0 5px 0;
}


#intro {margin: 20px 0 0 0; color:#fff;line-height: 16px;}

#intro strong {color: #f8b120; font-weight:normal;}





/* Intro Photo
--------------------------------------------------------------------------------- */

#contentColumn .photoRight {
	background-color: #fff;
	float: right; 
	margin: 5px 5px 15px 15px;
	padding: 10px;
	border:1px solid #000;
}
#contentColumn .photoRight img {border:none;}

.photoRight .credit {
	font-size: 9px;
	text-align:right;
	color: #999;
	margin-top: 5px;
}
.photoRight .caption {
	font-size: 9px;
	color: #666;
	margin-top: 5px;
	/*margin-right: -20px;*/
	display:block;
}	



/* What's Hot
--------------------------------------------------------------------------------- */

#whatshot {padding: 10px 20px 20px 20px; position:relative;}
/*#whatshot a {color: #dceef3; text-decoration:none; padding: 0;}
#whatshot a:hover {color: #000; background-color:#006698;}
*/

body.english #whatshot h3 {  /* image replacement */
	width: 158px;
	height: 20px;
	background: transparent url("/img/eth/home/tWhatsHotEn.gif") top left no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 10px 0 0 210px;
}
body.french #whatshot h3 {  /* image replacement */
	width: 207px;
	height: 20px;
	background: transparent url("/img/eth/home/tWhatsHotFr.gif") top left no-repeat;
	display: block;
	text-indent: -5000px;
	margin: 10px 0 0 210px;
}



#whatshot ul {
	float: right; /* opposing float with spotlight */
	margin-top: 10px;
}
#whatshot ul {width: 70%;}
/*
#whatshot li img {border-color: #eb7828;}
#whatshot li:hover img {border-color: #fff;}
*/

#whatshot #feed {
	position: absolute; /* positioned withing its parent, requires it parent to be positioned */
	top:10px; 
	right:20px;
	}
#whatshot #feed a {color:#fff;}
#whatshot #feed a:hover {color:#000;}



/* Spotlight
--------------------------------------------------------------------------------- */

#spotlight {
	float: left; /* opposing float with what's hot */
	margin-top: -20px;
	position:relative; /* required to position caption over image */ 
}
#spotlight img {border-color: #eb7828;}	
/*#spotlight p {
	position: absolute;
	top: 133px;
	left: 10px;
	color: #fff;
	}
*/


/* Tease
--------------------------------------------------------------------------------- */

#tease {float:right;}
#tease h4 {color:#9e0000; margin: 10px 0 10px 0; letter-spacing:0.2em;}
#tease #colLeft, #tease #colRight {background-color:#07161e;}
#tease dt a {color: #aacfde;}
#tease dt a:hover {background-color: #aacfde; color:#000;}
#tease dd {color: #006699;}



/* Resources 
--------------------------------------------------------------------------------- */

#resources {float:left; margin-top: 30px;}




/* Subscribe 
--------------------------------------------------------------------------------- */

#subscribe {float: left; padding: 0 10px;}