/* 
Title: 		Master Styles for QuebecScene.ca 
Author:		jay.west for the National Arts Centre
Contact:	creative@jaywest.com
Updated:	April 23, 2007 
*/


/* This document should contain all pure and valid css rules. 
All hacks required to compensate for IE bugs are maintained in ie.css */


/* Colour Usage
-------------------------------------------------------------------------
QS/ light orange = #ff9900
QS/ dark orange = #ff6600
QS/ dark blue = #006B94

music/green = #B0C527
dance/orange = #EF7C1F
theatre/blue = #1BB2F0
culinary/pink =#E63C63
film/purple = #7970AC
visual/teal = #5DBCB1
litterature/yellow = #EAB01A
*/ 



/* @group General Rules
------------------------------------------------------------------------- */


* {margin:0; padding:0;} /* by default remove all the padding and margins from every page element */
#accessibility {display: none;} /* web standards message will be hidden from modern browsers */


/* The default size for "medium" text in all modern browsers is 16px. 
We will reduce the size for the entire document to small using relative keywords:
This takes 16px down to roughly 12px, which is a bit more elegant for a relative base 
IE5/Win has a size decrepency so we will provide hack in order to get it inline.
All navigation items will continue to be specified in pixels.  */

html {text-align:center;} /* center the page layout */ 

body {
width: 770px; /* fix the width */ 
margin: 0 auto; /* center the layout */ 
text-align: left; /* compensate for the centering above */ 
position: relative; /* enable aboslute positioning of the layout */ 
font-size: small; /* for standards browsers */
font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif;
color: #fff;
background: #000 url("/img/template/bgGeneric.jpg") top center no-repeat;
}



/* General Classes
------------------------------------------------------------------------- */

.credit {font-size:85%; color:#999; line-height:normal;}
.logo {float:right; margin: 0 15px;}
.time {color: #fff;}

.ad {width: 212px; margin: 15px auto 0 auto;} /* sidebar ads */ 

.Article2Col {
	column-count:2;
}




/* Microformats
------------------------------------------------------------------------- */
.vcard {margin: 15px 0;}
.vcard .fn {font-weight:bold;}
.vcard .fn,
.vcard .adr,
.vcard .title, 
.vcard .tel {display:block;} /* soft wrap */
.vcard .url {padding: 0; border:0;}


/* General Elements
------------------------------------------------------------------------- */
	
p, li {
line-height: 145%;
font-size: 95%;
margin: 0 0 10px 0;
color: #fff;
}

blockquote {
margin: 5px 20px; 
font: 120% Georgia, "Times New Roman", Times, serif; 
line-height:120%; 
font-style:italic;
}

/* @end */


 
/* @group Links
------------------------------------------------------------------------- */

a {text-decoration:none; cursor:pointer; color:#f90; padding: 0 1px; border-bottom: 1px solid #333; font-weight:bold; }
a:hover {text-decoration:none; color:#000; background-color:#f60; border:none;}
a.noHover, a.noHover:hover {background-color: transparent; border:none;}
a img {border:none;} /* remove border for all linking graphics */

a.pdf {white-space:nowrap; font-size:90%; background: url("/img/template/iconPDF.gif") center left no-repeat; padding-left:14px;}
a.email {white-space:nowrap; background: url("/img/template/linkMailWht.png") center left no-repeat; padding-left:15px;}
a.external {white-space:nowrap; background: url("/img/template/linkExternalWht.png") center right no-repeat; padding-right:15px;}
a.external:hover {background: #f60 url("/img/template/linkExternalWht.png") center right no-repeat;}
a.image, a.image:hover {background: none; padding:0; border:none;}

.more {
	font-size: 10px;
	float:right;
	background: transparent url("/img/template/more-icon.gif") center left no-repeat;
	padding: 0 0 1px 15px;
	margin: 5px 0;
}
.more a {font-weight: normal; border:none;}
.more a:hover {background:none; color: #fff;}


a.rss {background: url("/img/template/feed-icon-12x12.gif") center right no-repeat; padding-right:17px; white-space:nowrap; border:none;}

h3 a.rss span {display: none;}



a.download {background: url("/img/template/download-white.gif") center right no-repeat; padding-right:15px; white-space:nowrap;}


/* @end */






/* @group Buttons
------------------------------------------------------------------------- */

.buyTickets {
position: absolute;
top: 185px;
right: 50px;
}
.buyTickets a {
text-indent: -9999px; /* hide the text */
width: 153px; /* width of replacement image */
height:56px; /* height of replacement image */
display:block;
background: url("/img/template/bttnTicketsEn.png") 0 0 no-repeat;
padding:0;
border:none;
}
.buyTickets a:hover {background-color: transparent; border:none;}

body.fr .buyTickets a {background: url("/img/template/bttnTicketsFr.png") 0 0 no-repeat;}

/*.buyTickets {display: none;}*/


/* @end */




/* @group Lists
-------------------------------------------------------------------------------*/

ul, ol {margin-left: 0; padding-left: 0;} /* establish consistent indentation across all browsers */ 
ul, ol {margin: 0 0 10px 0;} /* space above and below */ 
li {margin: 0 0 6px 0;}

ul li {list-style: square outside; margin-left: 16px;}
ol li {margin-left: 30px;}

dl {margin: 0 0 10px 0;}
dt {margin: 15px 0 3px 0; font-weight:bold;}
dd {margin: 0 0 6px 0; font-size:90%; color:#999;}

.list_artists dt {
border-left: 15px solid #666;
padding-left: 5px;
position: relative;
}

/* My Comment */
.list_artists dd {
padding-left: 20px;
position: relative;
}

/* @end */



/* @group Headings 
--------------------------------------------------------------------------------- */

body#generic h2 {
font-size: 190%;
color: #ff9900;
font-weight: normal;
margin: 10px 0 5px 0;
}


/* Discipline Titles */ 
#content_main h2 {
width: 360px; /* width of replacement image */
height:204px; /* height of replacement image */
text-indent: -9999px; /* hide the text */
position:absolute;
top: -230px;
left: 0;
z-index: 2;
}
#content_main h2 a {
width: 360px; /* width of replacement image */
height:204px; /* height of replacement image */
display: block;
border:none;
}
#content_main h2 a:hover {background:none;}


body.en.music h2 {background: url("/img/template/tMusicEn.png") 0 0 no-repeat;}
body.en.dance h2 {background: url("/img/template/tDanceEn.png") 0 0 no-repeat;}
body.en.theatre h2 {background: url("/img/template/tTheatreEn.png") 0 0 no-repeat;}
body.en.culinary h2 {background: url("/img/template/tCulinaryEn.png") 0 0 no-repeat;}
body.en.film h2 {background: url("/img/template/tFilmEn.png") 0 0 no-repeat;}
body.en.visual h2 {background: url("/img/template/tVisualEn.png") 0 0 no-repeat;}
body.en.comedy h2 {background: url("/img/template/tComedyEn.png") 0 0 no-repeat;}
body.en.literature h2 {background: url("/img/template/tLiteratureEn.png") 0 0 no-repeat;}
body.en.circus h2 {background: url("/img/template/tCircusEn.png") 0 0 no-repeat;}
body#podcast.en h2 {background: url("/img/template/tPodcastEn.png") 0 0 no-repeat;}
body#gallery.en h2 {background: url("/img/template/tGalleryEn.png") 0 0 no-repeat;}
body#media.en h2 {background: url("/img/template/tMediaEn.png") 0 0 no-repeat;}
body#artists.en h2 {background: url("/img/template/tArtistsEn.png") 0 0 no-repeat;}
body#venues.en h2 {background: url("/img/template/tVenuesEn.png") 0 0 no-repeat;}
body#byDate.en h2 {background: url("/img/template/tDaysEn.png") 0 0 no-repeat;}
body#packages.en h2 {background: url("/img/template/tPackagesEn.png") 0 0 no-repeat;}

body.fr.music h2 {background: url("/img/template/tMusicFr.png") 0 0 no-repeat;}
body.fr.dance h2 {background: url("/img/template/tDanceFr.png") 0 0 no-repeat;}
body.fr.theatre h2 {background: url("/img/template/tTheatreFr.png") 0 0 no-repeat;}
body.fr.culinary h2 {background: url("/img/template/tCulinaryFr.png") 0 0 no-repeat;}
body.fr.film h2 {background: url("/img/template/tFilmFr.png") 0 0 no-repeat;}
body.fr.visual h2 {background: url("/img/template/tVisualFr.png") 0 0 no-repeat;}
body.fr.comedy h2 {background: url("/img/template/tComedyFr.png") 0 0 no-repeat;}
body.fr.literature h2 {background: url("/img/template/tLiteratureFr.png") 0 0 no-repeat;}
body.fr.circus h2 {background: url("/img/template/tCircusFr.png") 0 0 no-repeat;}
body#podcast.fr h2 {background: url("/img/template/tPodcastFr.png") 0 0 no-repeat;}
body#gallery.fr h2 {background: url("/img/template/tGalleryFr.png") 0 0 no-repeat;}
body#media.fr h2 {background: url("/img/template/tMediaFr.png") 0 0 no-repeat;}
body#artists.fr h2 {background: url("/img/template/tArtistsFr.png") 0 0 no-repeat;}
body#venues.fr h2 {background: url("/img/template/tVenuesFr.png") 0 0 no-repeat;}
body#byDate.fr h2 {background: url("/img/template/tDaysFr.png") 0 0 no-repeat;}
body#packages.fr h2 {background: url("/img/template/tPackagesFr.png") 0 0 no-repeat;}









h3 {
font-size: 180%;
color: #fff;
font-weight: normal;
margin: 10px 0 5px 0;
}

h4 {
font-size: 130%;
color: #fff;
margin: 25px 0 5px 0;
font-weight: normal;
}
h4 a {color: #000; border-color: #fff; font-weight: normal;}


h5 {
font-size: 95%;
color: #fff;
margin: 5px 0 25px 0;
}
h5 a {color: #000; border-color: #fff;}

/* @end */






/* @group Forms
--------------------------------------------------------------------------------- */

form {
	width: 90%;
	margin: 20px 0;
	padding: 0;
	z-index: 3;
}
fieldset { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0 10px 5px 10px; 
	border: 1px solid #ccc; 
	display:block;
}
legend { 
	font-weight: bold; 
	color: #ff6600; 
	margin: 0; 
	padding: 5px; 
}
label {
	display: block; /* force them to a new line */
	margin: 3px 0 3px 0;
}
input, textarea, file {
	border: 3px double #999; 
	padding: 3px;
	margin: 0 0 5px 0;
	font-size: 90%;
	background-color: #ccc;
}
textarea {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	height: 150px;
	width: 96%;
}


input.text {width: 100%;}
input.file {width: 100%;}
input.date {width: 70px;}
select {
	width: auto;
	margin: 6px 0;
  	border: 1px solid #999;
	padding: 2px 3px;
}

input:focus,
textarea:focus  {border: 3px double #333; background-color: lightyellow;}

/* checkboxes */
label.checkbox {margin: 0 0 10px 0; width:auto;}
input.checkbox  {border:none; float:left; margin: 0 5px 0 0;}


/* form action buttons */

input.submit,
input.cancel,
table a.add,
table a:hover.add  {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 3px 10px;
	margin: 10px 10px 10px 0;
	background-color: #fc0;
	color: #333;
	font-size: 100%;
	cursor: pointer;
	text-align:center;
	width: auto;
}
input.cancel {
	background-color: #ccc;
	font-size: 95%;
}
input:active.submit,
input:active.cancel,
table a:active.add  {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
}

table a.add, table a:hover.add {font-size:90%; margin:0; float:right; padding: 2px 5px;}


/* @end */





/* @group Page Structure
--------------------------------------------------------------------------------- */

#branding {
width: 100%;
height: 200px;
position: relative;
top: 25px;
left: 0;
}
#nav_main {
width: 517px;
position: relative;
height: 52px;
}
#content {
position: relative;
width: 100%;
}

#content_main {
position: absolute;
top: 0;
left: 0;
width: 517px;
}
/* used for transparency, must not be positioned */ 
#content_inner {
width: 497px; /* 517 minus padding */ 
padding: 20px 15px 40px 15px;
}

#content_inner * {
position: relative;
}

#content_sub {
position: absolute;
top: 0;
left: 517px;
width: 253px;
padding: 1em 0;
}
#nav_sub {}

#site_info {
width: 100%;
height: 80px;
position: relative;
background-color: #242424;
}

/* SI.ClearChildren v1.0 - adjusted for specificity */ 
#content.clear_children,
#content_main.cc_tallest,
#content_sub.cc_tallest { position: relative; } 
/**/* html #content.clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
#content_main.cc_tallest:after,
#content_sub.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* @end */



/* @group General Page Colour Themes
--------------------------------------------------------------------------------- */

body#home {background: #000 url("/img/template/bgHome.jpg") top center no-repeat;}

/* required for ie to enable links - must have width, must not have position */
body#loft #content_inner,
body#packages #content_inner,
body#home #content_inner,
body#generic #content_inner,
body#media #content_inner,
body#partners #content_inner,
body#artists #content_inner,
body#venues #content_inner,
body#byDate #content_inner,
body#search #content_inner,
body#admin #content_inner {
background: transparent url(/img/template/bgTransBlk70.png) 0 0 repeat;
}


body#podcast #content_main { /* fix this */ 
background-color: #000;
}


/* Background photos */ 

body.music {background: #000 url("/img/template/bgMusic.jpg") top center no-repeat;}
body.dance {background: #000 url("/img/template/bgDance.jpg") top center no-repeat;}
body.theatre {background: #000 url("/img/template/bgTheatre.jpg") top center no-repeat;}
body.culinary {background: #000 url("/img/template/bgCulinary.jpg") top center no-repeat;}
body.film {background: #000 url("/img/template/bgFilm.jpg") top center no-repeat;}
body.visual {background: #000 url("/img/template/bgVisual.jpg") top center no-repeat;}
body.comedy {background: #000 url("/img/template/bgComedy.jpg") top center no-repeat;}
body.literature {background: #000 url("/img/template/bgLiterature.jpg") top center no-repeat;}
body.circus {background: #000 url("/img/template/bgCircus.jpg") top center no-repeat;}

body.music.genre11 {background: #000 url("/img/template/bgMusic2.jpg") top center no-repeat;}
body.music.genre12 {background: #000 url("/img/template/bgMusic3.jpg") top center no-repeat;}
body.music.genre13 {background: #000 url("/img/template/bgMusic4.jpg") top center no-repeat;}
body.music.genre14 {background: #000 url("/img/template/bgMusic5.jpg") top center no-repeat;}
body.music.genre15 {background: #000 url("/img/template/bgMusic6.jpg") top center no-repeat;}
body.music.genre16 {background: #000 url("/img/template/bgMusic7.jpg") top center no-repeat;}
body.music.genre17 {background: #000 url("/img/template/bgMusic8.jpg") top center no-repeat;}
body.music.genre18 {background: #000 url("/img/template/bgMusic9.jpg") top center no-repeat;}





/* Discipline Styles
--------------------------------------------------------------------------------- */

body.music #content_main 		{background: #B0C527 url("/img/template/bgTear.png") bottom left no-repeat;} 
body.dance #content_main 		{background: #EF7C1F url("/img/template/bgTear.png") bottom left no-repeat;}
body.theatre #content_main 		{background: #6699FE url("/img/template/bgTear.png") bottom left no-repeat;}
body.culinary #content_main 	{background: #E63C63 url("/img/template/bgTear.png") bottom left no-repeat;}
body.film #content_main 		{background: #7970AC url("/img/template/bgTear.png") bottom left no-repeat;}
body.visual #content_main 		{background: #5DBCB1 url("/img/template/bgTear.png") bottom left no-repeat;}
body.comedy #content_main 		{background: #E63C63 url("/img/template/bgTear.png") bottom left no-repeat;}
body.literature #content_main	{background: #EAB01A url("/img/template/bgTear.png") bottom left no-repeat;}
body.circus #content_main 		{background: #6699FE url("/img/template/bgTear.png") bottom left no-repeat;}

/* link underlines */ 
body.music #content_main a 		{border-color: #BBCC4D;} 
body.dance #content_main a		{border-color: #EE9146;}
body.theatre #content_main a	{border-color: #80A9FA;}
body.culinary #content_main a	{border-color: #E65E7D;}
body.film #content_main a		{border-color: #8F88B8;}
body.visual #content_main a		{border-color: #78C5BC;}
body.comedy #content_main a		{border-color: #E65E7D;}
body.literature #content_main a	{border-color: #EABB42;}
body.circus #content_main a		{border-color: #80A9FA;}

body.music #nav_events 		{background-color: #B0C527;}
body.dance #nav_events 		{background-color: #EF7C1F;}
body.theatre #nav_events	{background-color: #6699FE;}
body.culinary #nav_events	{background-color: #E63C63;}
body.film #nav_events 		{background-color: #7970AC;}
body.visual #nav_events 	{background-color: #5DBCB1;}
body.comedy #nav_events 	{background-color: #E63C63;}
body.literature #nav_events	{background-color: #EAB01A;}
body.circus #nav_events 	{background-color: #6699FE;}

.list_artists dt.discipline9  {border-color: #B0C527;}
.list_artists dt.discipline11 {border-color: #EF7C1F;}
.list_artists dt.discipline10 {border-color: #6699FE;}
.list_artists dt.discipline16 {border-color: #E63C63;}
.list_artists dt.discipline20 {border-color: #7970AC;}
.list_artists dt.discipline14 {border-color: #5DBCB1;}
.list_artists dt.discipline17 {border-color: #E63C63;}
.list_artists dt.discipline12 {border-color: #EAB01A;}
.list_artists dt.discipline19 {border-color: #6699FE;}

/* @end */




/* @group Branding
--------------------------------------------------------------------------------- */

/* used by the Quebec Scene graphic */
#branding h1 {
text-indent: -9999px; /* hide the text */
width: 208px; /* width of replacement image */
height:162px; /* height of replacement image */
background: url("/img/template/brandingQuebecScene.png") 0 0 no-repeat;
position:absolute;
top: 15px;
right: 30px;
}	
#branding h1 a {
width: 208px; /* width of replacement image */
height:162px; /* height of replacement image */
display: block;
border:none;
}
#branding h1 a:hover {background:none;}

#branding h2 {display:none;} /* hidden dates, used by the bird */ 

/* used by the bird */ 
body#home #branding h2 {
text-indent: -9999px; /* hide the text */
width: 56px; /* width of replacement image */
height: 58px; /* height of replacement image */
background: url("/img/template/bird.png");
position:absolute;
top: 35px;
left: 390px;
display: block;
}
body.en #branding h2 {
top: 35px;
left: 380px;
}


/* @end */




/* @group Event Navigation
--------------------------------------------------------------------------------- */

#nav_events {
width: 517px;
overflow: hidden; /* ensure the div stretches to contain its floats */
font-size:105%;
padding: 3px 0;
background-color: #014D66;
position:absolute;
top:0;
left: 0;
}
#nav_events li {
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
padding:0 0 0 15px;
margin:0; /* compensate for general li rule */
}
#nav_events li a  {
padding: 2px 4px 2px 4px; /* spacing between items */ 
text-decoration: none;
font-weight: normal;
border:none;
color:#fff;
}
#nav_events li a:hover {color:#fff; background-color:#000;}

/* @end */





/* @group Search Navigation
--------------------------------------------------------------------------------- */

#fmSearch {position:absolute; top:5px; right: 265px; width:auto; margin:0;}
#fmSearch * {vertical-align: middle; margin: 0 1px;}

#fmSearch input.txtKeywords {
font: 11px "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #fff;
width:90px;
margin:0;
padding: 1px 5px;
border: 1px solid #000;
float: left;
background: transparent url(/img/template/bgTransWht15.png) 0 0 repeat;
}
#fmSearch input.fieldFocus {
background-color:#fff!important; 
color:#000!important;
}
#fmSearch input.bttnSearch {
width:18px; 
height:18px; 
margin: 0 3px;
border:none;
text-indent: -9999px; /* hide the text */
background: transparent url("/img/template/bttnSearch.png") top left no-repeat;
cursor: pointer;
float: left;
}

/* @end */ 




/* @group Tools Navigation
--------------------------------------------------------------------------------- */

#nav_tools {
width: 253px;
overflow: hidden; /* ensure the div stretches to contain its floats */
font-size:105%;
padding: 3px 0;
background-color: #000;
position:absolute;
top:0;
right: 0;
}
#nav_tools li {
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
padding:0 0 0 10px;
margin:0; /* compensate for general li rule */
text-align:center;
}
#nav_tools li a  {
padding: 2px 4px 2px 4px; /* spacing between items */ 
text-decoration: none;
font-weight: normal;
border:none;
color:#fff;
}
#nav_tools li a:hover {color:#fff; background-color:#333;}


/* @end */



/* @group Alpha Navigation
--------------------------------------------------------------------------------- */

#nav_alpha {text-align: center;}

#nav_alpha a {
	font-weight: normal;
	color: #FF6600;
	font-size: 95%;
}
#nav_alpha a:hover {
	color: #000;
}

/* @end */



/* @group Discipline/Genre Navigation
--------------------------------------------------------------------------------- */

#nav_main h2, #nav_main h3, #nav_main h4, #nav_main hr, #nav_sub h3 {display:none;}

#nav_disciplines, 
#nav_genres {
width: 501px; /* 517 minus padding  */ 
overflow: hidden; /* ensure the div stretches to contain its floats */
text-transform:lowercase;
font-size:130%;
padding: 3px 8px;
/* background: transparent url(/img/template/bgTransBlk85.png) 0 0 repeat; */ 
background-color: #000;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
#nav_disciplines li, 
#nav_genres li {
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
padding:0;
margin:0; /* compensate for general li rule */
}
#nav_disciplines li a, 
#nav_genres li a  {
padding: 2px 2px 2px 2px; /* spacing between items */ 
text-decoration: none;
font-weight: normal;
border:none;
white-space: nowrap;
}
#nav_disciplines li a:hover, 
#nav_genres li a:hover {color:#000;}

body.fr #nav_disciplines {
font-size: 110%; 
width: 509px; /* 517 minus padding  */ 
padding: 6px 3px 7px 5px;
}

body#byDiscipline #content_inner {
padding: 0 15px 40px 5px;
}


/* on and hover states */ 
#nav_music a {color:#B0C527;}
#nav_music a:hover {background-color:#B0C527;}
#nav_dance a {color:#EF7C1F;}
#nav_dance a:hover {background-color:#EF7C1F;}
#nav_theatre a {color:#1BB2F0;}
#nav_theatre a:hover {background-color:#1BB2F0;}
#nav_culinary a {color:#E63C63;}
#nav_culinary a:hover {background-color:#E63C63;}
#nav_film a {color:#7970AC;}
#nav_film a:hover {background-color:#7970AC;}
#nav_visual a {color:#5DBCB1;}
#nav_visual a:hover {background-color:#5DBCB1;}
#nav_literature a {color:#EAB01A;}
#nav_literature a:hover {background-color:#EAB01A;}
#nav_comedy a {color:#E63C63;}
#nav_comedy a:hover {background-color:#E63C63;}
#nav_circus a {color:#1BB2F0;}
#nav_circus a:hover {background-color:#1BB2F0;}



/* Genre Navigation */ 
#nav_genres {
top: 52px;
font-size: 95%;
font-weight: normal;
background-color:#576213;
}
body.literature #nav_genres {background-color:#74570C;} 


#nav_genres li {border-right: 1px solid #333;}
#nav_genres li:last-child {border-right:0;} /* hide last pipe */
#nav_genres a {color: #fff; margin: 0 4px 0 4px;}
#nav_genres a:hover {background-color: #fff; color: #000;}

/*body#byDiscipline #content_main h3, 
body#eventDetails #content_main h3 {margin-top: 40px;}
*/

/* push the content down to make space for the sub nav 
there must be an easier way to do this */ 

body#byDiscipline.music #nav_main,
body#eventDetails.music #nav_main {
height: 90px;
}
body#byDiscipline.music #content_main h2,
body#eventDetails.music #content_main h2 {
top: -268px;
}
body#byDiscipline.literature #nav_main,
body#eventDetails.literature #nav_main {
height: 75px;
}
body#byDiscipline.literature #content_main h2,
body#eventDetails.literature #content_main h2 {
top: -253px;
}





body#byDiscipline #nav_sub {background-color:#B0C527;}



body#admin #nav_genres {
top:  0;
}
body#admin #content_main {
padding-top:  50px;
}

/* @end */






/* @group Calendar Navigation */

#nav_dates {
list-style-type: none;	/*turns off display of bullet*/
text-indent: -9999px; /* hide the text */
height: 58px; /* overall height of the nav object 86 minus 28 */
width: 152px; /* overall width of the nav object */
margin: 0;
padding-top: 28px; /* set the top start point of the hot spots */ 
padding-left: 10px;
position:absolute;
top: 105px;
right: 242px;
z-index: 10;
}
#nav_dates li {
position:relative;
float:left; /*fix Mozilla bug not showing bg images on page load */
list-style-type: none;	/*turns off display of bullet*/
line-height:0;
margin: 0 5px 5px 0;
width: 16px;
}
#nav_dates li a {
float: left;
padding: 16px 0 0 0; /* height of hot spot */
overflow: hidden;
height: 0px !important; 
height /**/:16px; /* for IE5/Win only */
/*width: 152px;  overall width of the nav object */
border:none; /* remove global link border */
background-position: 0 0;
background-repeat: no-repeat;
width: 16px;
}

#nav_dates li a:hover {background:none; border: 1px solid #fff; width: 14px; padding-top: 14px;}

/* load the language specific graphics - off-states  */
body.en #nav_dates	{background: url("/img/template/calendarEn.png") 0 0 no-repeat;}
body.fr #nav_dates	{background: url("/img/template/calendarFr.png") 0 0 no-repeat;}

/* create the hot spots */
/*body.en #nav_20 a, body.fr #nav_20 a {margin-left: 105px;}
body.en #nav_dates li a:hover {background: url("/img/template/calendarEn.png") -172px 0 no-repeat;}*/

body.en #nav_20, body.fr #nav_20 {margin-left: 105px;}




/* @end */





/* @group Site Info - Footer
--------------------------------------------------------------------------------- */

#site_info h3 {display:none;}

#site_info ul {
position: absolute;
bottom: 10px;
right: 20px;
margin: 0;
font-size: 90%;
}
#site_info li {
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
margin:0; /* compensate for general li rule */
border-left: 1px solid #333;
}
#site_info li a {
margin: 0 2px 0 4px; /* spacing between items */ 
text-decoration: none;
font-weight: normal;
color: #666;
}
#site_info a:hover {
background-color: #000;
color: #fff;
}
#site_info li:first-child {border-left:0;} /* hide first pipe (Mozilla, Netscape, Safari) */

#site_info #nav_site_about {
position: absolute;
top:  20px;
right: 20px;
}
#site_info #nav_site_about a {
color: #fff;
}


#logo_nac {
text-indent: -9999px; /* hide the text */
width: 138px; /* width of replacement image */
height: 58px; /* height of replacement image */
display:block;
background: url("/img/template/logoNAC.png") 0 0 no-repeat;
padding:0;
border:none;
position:absolute;
bottom: 10px;
left: 20px;
}
#site_info a#logo_nac:hover {background-color: transparent;}

/* @end */




/* @group Home Page

--------------------------------------------------------------------------------- */

body#home .feature {position:absolute; top: -322px; left:0;}
body#home .feature a {padding:0; border:0;}
body#home .feature a:hover {background:none;}




body#home .video {position:absolute; top: -322px;left: 15px;}
body#home #nav_main {top: 110px;}
body#home #content {top: 110px;}

body#home #content_sub {
top: -52px;
background-color: #000;
width:273px;
}

body#home #nav_dates {top: 210px;}
body#home #branding h2 {top: 138px;}
body#home .buyTickets {position:relative; top: 210px; left: 560px;}



/* What's On Today - Random Event Listings */

body#home #featuring {
top: -15px;
}

body#home #featuring h2 {
text-indent: -9999px; /* hide the text */
width: 180px; /* width of replacement image */
height:34px; /* height of replacement image */
background: url("/img/home/whatsOnTodayEn.gif")  0 0 no-repeat;
top: -8px;
left: 5px;
/*display: none;*/
}
body#home.fr #featuring h2 {
width: 256px; /* width of replacement image */
height:34px; /* height of replacement image */
background: url("/img/home/whatsOnTodayFr.gif")  0 0 no-repeat;
}
body#home.fr #content_main h2 a {
width:256px;
height:34px;
}

body#home #content_main h2 a {
width:180px;
height:34px;
}
body#home #featuring .more {
position: relative;
top: -3px;
left: 190px;
float: none;
font-size: 110%;
background: transparent url("/img/template/more_arrow.gif") center left no-repeat;
padding: 0 0 1px 14px;
}
body#home.fr #featuring .more {left: 266px;}

body#home #featuring .more a:hover {
background-color: #ff9900; 
color: #000;
}

 

/* Échos de la Scène */

#echos {position: relative; margin: 0 20px; top: -10px;}

#echos h3 {
text-indent: -9999px; /* hide the text */
width: 215px; /* width of replacement image */
height:55px; /* height of replacement image */
background: url("/img/home/echosEn.png")  0 0 no-repeat;	
}

#echos h3 a {
display: block;
width: 215px; /* width of replacement image */
height:55px; /* height of replacement image */
padding: 0;
border:  0;
}

#echos h3 a:hover {background: none;}
body.fr #echos h3 {background: url("/img/home/echosFr.png")  0 0 no-repeat; height:51px;}

#echos .rss {position:absolute; top:9px; left:210px; width:12px; height:12px; border: none;}
#echos .rss span {display: none;}

#echos ul {margin:0; padding:0; }
#echos li {list-style:none; color:#f60; margin: 1px 0;}
#echos li a {color: #fff; font-size: 85%; line-height: normal; font-weight: normal;border: none; padding: 3px 6px 4px 6px; background-color: #242424; display: block; width: 220px;}
#echos li a:hover {background-color: #333; color:#fff;}



/* rightblurb 

#rightblurb {width: 180px; background-color: #242424; padding: 8px; margin: 10px 12px; overflow: hidden; position: relative; top: -20px;}
#rightblurb h3 {font-size: 130%; color:#FF9900;}
#rightblurb ul {margin:0; padding:0;}
#rightblurb li {list-style:none; padding: 0 0 6px 0;font-size: 80%; color:#FF6600; margin:0; }
#rightblurb li a {color: #fff;font-weight: normal;border: none;}
#rightblurb li a:hover {background-color: #6cf; color:#000;}
*/



/* Gallery */

div#gallery {width: 212px; position: relative; margin: 30px auto;}
body#gallery div#gallery {width: auto;}
div#gallery h3 {display:none;}
div#gallery table {border:none; margin: 4px 0 0 0;}
div#gallery td {border:none; padding: 3px 3px 3px 3px;}
div#gallery a {border: 1px solid #fff; padding:0; display:block;}
div#gallery a:hover {background:none; border: 1px solid #f90;}
div#gallery img {border: none;}
div#gallery .more a, #gallery .more a:hover {border:none;}



/*body#home #site_info #nav_about {
position: relative;
top:  20px;
right: 20px;
border: 1px solid white; 
}

body#home #site_info #nav_site_info {
position: relative;
top:  20px;
right: 20px;
border: 1px solid white; 
}

body#home #site_info #nav_about a {
color: #fff;
}


body#home #logo_nac {
position:relative;
bottom: 10px;
left: 20px;
}*/




/* About the Festival */

body#home #site_info {
width:770px;
height: 360px;
margin: 20px 0;
position: relative;
top: 80px;
left:0;
background: #242424 url("/img/template/triangleBlk.gif") 47px 0 no-repeat;
padding: 20px 0 20px 20px;
}
body#home #site_info h2 {
text-indent: -9999px; /* hide the text */
width: 235px; /* width of replacement image */
height:69px; /* height of replacement image */
background: url("/img/home/700-100-16en.gif") 0 0 no-repeat;
float:left;
}
body.fr#home #site_info h2 {
background: url("/img/home/700-100-16fr.gif") 0 0 no-repeat;
}

body#home #site_info p {
color: #666;
margin: 0 0 6px 260px;
width: 360px;
}



/* Glossy Buttons */ 

ul#list_buttons {
position:absolute;
top: 20px;
right: 20px;
padding: 0;
margin: 0;
}
ul#list_buttons li {
padding: 0;
margin: 0;
list-style: none; /* hide the bullets */
border-left: none;
}
ul#list_buttons a:hover {background-color: transparent; border:none;}



.bttn_list {
text-indent: -9999px; /* hide the text */
width: 121px; /* width of replacement image */
height:45px; /* height of replacement image */
display:block;
background: url("/img/home/bttnMailListEn.gif");
padding:0;
border:none;
}
body.fr .bttn_list {background: url("/img/home/bttnMailListFr.gif");}
.bttn_list:hover {background-color: transparent; border:none;}



.bttn_volunteer {
text-indent: -9999px; /* hide the text */
width: 121px; /* width of replacement image */
height:45px; /* height of replacement image */
display:block;
background: url("/img/home/bttnVolunteerEn.gif");
padding:0;
border:none;
}
body.fr .bttn_volunteer {background: url("/img/home/bttnVolunteerFr.gif");}
.bttn_volunteer:hover {background-color: transparent; border:none;}



/* Visitor Nav */

ul#list_vistors {
position:absolute;
top: 70px;
right: 20px;
padding: 0;
margin: 0;
width: 112px;
}
ul#list_vistors li {
padding: 0;
margin: 5px 0;
list-style: none; /* hide the bullets */
display: block;
border-left: none;
}
ul#list_vistors li a {
color: #fff;
font-weight: normal;
}



body#home #site_info #nav_about {
position: relative;
top:  5px;
left: 255px;
}
body#home #site_info #nav_about a {
color: #ff6600;
}
body#home #site_info #nav_site_about {
position: relative;
top:  30px;
left: 540px;
}
body#home.fr #site_info #nav_site_about {
left: 500px;
}





/* Archive Home Page */ 


body#home #what_a_performance {
top: 10px;
font-size: 120%;
padding-bottom: 190px; /* force down the bottom of the  background */ 
}
body#home #content_main #what_a_performance h2 {
text-indent: -9999px; /* hide the text */
width: 454px; /* width of replacement image */
height: 125px; /* height of replacement image */
background: url("/img/home/WhataPerformanceEn.gif")  0 0 no-repeat;
position: relative;
top: -10px;
left: 10px;
}

body#home.fr #content_main #what_a_performance h2 {
width: 476px; /* width of replacement image */
height: 103px; /* height of replacement image */
background: url("/img/home/WhataPerformanceFr.gif")  0 0 no-repeat;
left: 3px;
}

body#home #what_a_performance p {
line-height: 165%;
position: absolute;
top: 110px;
left: 105px;
width: 380px;
}
body#home.fr #what_a_performance p {
line-height: 150%;
font-size: 85%;
top: 90px;
}


body#home.archive #list_vistors {
position:absolute;
top: 55px;
left: 10px;
padding: 0;
margin: 0;
width: 112px;
}

body#home.archive #site_info {
background: #242424 url("/img/template/triangleBlk.gif") 120px 0 no-repeat;
position: relative;
top: 30px;
left:0;
}
body#home.archive.fr #site_info {
padding-bottom: 40px; /* compensate for the top offset */ 
}

body#home.archive #site_info p {
color: #999;
margin: 0;
width: auto;
}
body#home.archive #site_info p a {color: #ccc;}
body#home.archive #site_info p a:hover {color: #fff;}


#new_works {
position: absolute;
top: 20px;
left: 120px;
width: 400px;
}
#new_works p {
line-height: 200%;
color: #666;
}
#new_works a {
color: #999;
}


body#home.archive #site_info #new_works h3 {
display: block;
text-indent: -9999px; /* hide the text */
width: 122px; /* width of replacement image */
height: 20px; /* height of replacement image */
background: url("/img/home/newWorksEn.gif")  0 0 no-repeat;
margin: 0 0 10px 0;
}

body#home.archive.fr #site_info #new_works h3 {
width: 202px; /* width of replacement image */
height: 20px; /* height of replacement image */
background: url("/img/home/newWorksFr.gif")  0 0 no-repeat;
}


 

#site_info  #artists_outreach {
position: absolute;
top: 20px;
right: 25px;
width: 215px;
}


body#home.archive #site_info #artists_outreach h3 {
display: block;
color: #EC7D24;
text-transform: uppercase;
font-size: 110%;
margin: 0 0 10px 0;
}
body#home.archive #site_info #artists_outreach p {
color: #59B0E6;
font-size: 90%;
}
body#home.archive.fr #site_info #artists_outreach p {
line-height: 120%;
}

#artists_outreach img {
margin: 20px 0;
}

body#home.archive #nav_site_about {
display: none;
}



/* @end */











/* @group Artist Thumbnail Listings

--------------------------------------------------------------------------------- */

body#byDiscipline #content_main {
width: 507px; /* 517 minus padding */ 
padding: 20px 5px 110px 5px;
}
body#byDiscipline h3 {
margin-left: 5px;
}

#artistList table, 
#artistList td {border: none; padding:0; margin:0; }
#artistList table {width: 515px;}
#artistList td {width: 50%;}

#artistList dl {
	float:left;
	margin: 6px 5px 5px 0; /* vertical space between items */
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	position: relative; /* needed for IE */
	width: 250px;
	}

#artistList dt {
	float: right;
	margin: 0;
	padding: 0;
	width: 132px; /* 340 minus 15 minus 100 image and 2 border minus 12 */
	font-size: 90%;
	margin-top: 20px;
}

#artistList dt a {color: #f90; font-weight:normal;}
#artistList dt a {color: #fff; font-weight:normal;}

#artistList dt a:hover {color: #000; background-color: #fff;}


#artistList dd {
	margin: 2px 0;
	padding: 0;
	font-size: 95%;
	color: #f60;
	text-transform:lowercase;
	margin-left: 118px; /* constrain the text to stay right of the image  */
}

#artistList dd.discipline {color: #6cf; text-transform:uppercase; font-size:80%; display:none;}
#artistList dd.date {color: #fff; font-size:80%;}

#artistList dd.onSale {margin: 4px 0; width: 132px; float:right; }
#artistList dd.onSale a:hover {background: none;}

#artistList dd.tickets {font-size: 90%; display:none;}
#artistList dd.mycalendar {font-size: 90%; display:none;}
#artistList dd.venue {font-size: 90%; display:none;}

#artistList dd.more {
	font-size: 9px;
	float:right;
	background: transparent url("/img/template/more-blue.gif") center left no-repeat;
	padding: 0 0 1px 10px;
	margin: 5px 0;
	width: 122px;
}

#artistList dd.more a {color: #6cf;}

#artistList dd.img {
	margin-left: 0; /* counteract the rule above  */
}

#artistList dd.img img {
	float:left;
	margin: 0 12px 0 0; /* horizontal space between image and text */
	border: 1px solid #fff;
}

#artistList a {color: #fff; border:none;}
#artistList dd.img a {padding:0;}
#artistList dd.img a:hover img {border-color:#f90;}

/* @end */













/* @group Photos

--------------------------------------------------------------------------------- */

.photoRight {
float:right;
margin: 0 0 20px 20px;
color:#000;
position: relative;
background-color: #fff;
z-index: 3;
padding: 3px;
}

.photoRight a {
border: none;
font-weight:normal;
background: none;
display:block;
position: relative;
}

.photoRight a:hover {background:none;}

.photoRight span {
background: url("/img/template/more-icon.gif") bottom right no-repeat;
width: 12px;
height: 12px;
display:block;
position: absolute;
top: -30px;
left: 150px;
float: left;
display: none;
}

.photoRight img {
border: 1px solid #fff;
}

.photoRight .credit {
font-size: 9px;
text-align:right;
color: #999;
margin: 3px 0 0 0;
}

.photoRight .caption {
font-size: 10px;
color: #666;
margin: 4px 0;
display:block;
text-indent: 5px;
}	


/* @end */









/* @group Event Details Pages

--------------------------------------------------------------------------------- */


/* Event Info */ 

body#eventDetails #branding .buyTickets {display: none;}
body#eventDetails #content_main a:hover {background-color: #fff;color: #000;}

body#eventDetails h3 {
font-size: 130%;
color: #000;
text-transform: uppercase;
margin: 10px 0 3px 0;
font-weight: bold;
}


/* Performance Dates & Times */ 

body#eventDetails #content_main h4.stretchToggle {
font-size: 120%;
font-weight: normal;
color: #000;
margin: 2px 0 5px 0;
background: transparent url("/img/template/more-white.gif") center right no-repeat;
padding: 0 15px 1px 0;
display: inline;
}

#list_performances a {color: #000;font-weight: normal;}

ul#list_performances {margin:0;}

.stretcher #list_performances li {
list-style: none;
padding: 0;
margin: 0;
font-size: 110%;
}



/* Venue */ 

body#eventDetails h5 {
font-size: 90%;
color: #000; 
margin: 5px 0 20px 0;
background: transparent url("/img/template/info-white.gif") center right no-repeat;
padding: 0 15px 1px 0;
display: inline;
float: left;
}



/* Sponsor Logo */

body#eventDetails #sponsor {
clear: left;
}

body#eventDetails #content_main p {color: #000;}



/* Tickets */ 

body#eventDetails .buyTickets {
float:right;	
position: relative;
top: -30px;
right: 0;
}

body#eventDetails #content_main .buyTickets a:hover {background-color: transparent;}


body#eventDetails #content_inner {
width: 457px; /* 517 minus padding */ 
padding: 20px 30px 80px 30px;
}


body#eventDetails #event_info {
clear: left;
}	




/* Artist Bios */ 

.artist_bio {
background: transparent url(/img/template/bgTransWht20.png) 0 0 repeat;
margin: 20px -15px;
overflow: hidden; /* ensure the div stretches to contain its floats */
height: 1%; /* holly hack - width or height is required by IE for the above rule to work */
clear:left;
}

#eventDetails .artist_bio h4 {
text-transform: none;
margin: 5px 15px 5px 15px;
padding-top: 15px;
font-size: 120%;
position: relative;
color: #000;
font-weight: bold;
}

#content_main .artist_bio p {
margin: 0 10px 8px 15px;
position: relative;
}

body#eventDetails .artist_bio a {
font-weight: normal;
color: #000;
}

.artistFeaturing p {
color: #fff;
font-size: 90%;
}




/* Ticket Side Bar */ 

#ticket_info {
background: url("/img/template/bgTicketInfoEn.gif") bottom left no-repeat;
margin: 20px 10px;
padding: 0 0 15px 0;
}

#ticket_info h3 {
text-indent: -9999px; /* hide the text */
width: 222px; /* width of replacement image */
height: 55px; /* height of replacement image */
background: url("/img/template/bgTicketInfoEn.gif") top left no-repeat;
padding: 0;
margin: 0;
}

body.fr #ticket_info {background: url("/img/template/bgTicketInfoFr.gif") bottom left no-repeat;}
body.fr #ticket_info h3 {background: url("/img/template/bgTicketInfoFr.gif") top left no-repeat;}	

#ticket_info p {
color: #ff9900;
margin: 0 25px 7px 25px;
font-size: 80%;
}

/* Packages */ 
#ticket_info h4 {
font-weight: normal;
font-size: 98%;
margin: 12px 25px 6px 25px;
padding:  8px 0 0 0;
border-top: 1px solid #666;
}
#ticket_info a {
color: #fff;
}



/* Related Events */ 

#related_events {
color:#BFD051;
margin: 20px 30px;
}

#related_events a:hover {
background-color:#fff;
}


body.music #related_events h4, body.music #related_events a {color:#BFD051;}
body.dance #related_events h4, body.dance #related_events a {color:#EF7C1F;}
body.theatre #related_events h4, body.theatre #related_events a {color:#6699FE;}
body.culinary #related_events h4, body.culinary #related_events a {color:#E63C63;}
body.film #related_events h4, body.film #related_events a {color:#7970AC;}
body.visual #related_events h4, body.visual #related_events a {color:#5DBCB1;}
body.comedy #related_events h4, body.comedy #related_events a {color:#E63C63;}
body.literature #related_events h4, body.literature #related_events a {color:#EAB01A;}
body.circus #related_events h4, body.circus #related_events a {color:#6699FE;}



/* Video */

body#eventDetails .video {
	margin:  20px 0;
	width: 100%;
	text-align: center;
} 



/* @end */





/* @group Bande a part sidebar box  */

#bandeapart {
width: 196px;
margin: 0 auto;
padding: 0 0 35px 0;
/*background: url("/inc/bandeapart/bgBandeapartFr.gif") bottom left no-repeat; */
font-size: 90%;
} 

#bandeapart h4 {
text-indent: -9999px; /* hide the text */
width: 196px; /* width of replacement image */
/*height: 91px;  height of replacement image */
/*background: url("/inc/bandeapart/bgBandeapartFr.gif") top left no-repeat;*/
margin: 0;
}

#bandeapart dl {margin: 0 10px;}
#bandeapart dt {font-size: 100%;}
#bandeapart dd {margin: 2px 0;}
#bandeapart dd a {font-weight: normal; border: none;}

/* begin CSS from Xavier */ 
span.lienVert{margin:0 0 0 3px;color:#b1c42a;text-decoration:underline;}
a.lienBap:hover{color:#fff;text-decoration:none;background:#000;}
a.lienBap:hover span.lienVert{margin:0 0 0 3px;color:#fff;text-decoration:underline;}
a.lienBap{margin:0;text-decoration:none;font-size:11px;}

/* background */
.bgbapen{background: url("/inc/bandeapart/bgBandeapartEn.gif") bottom left no-repeat;}
.bgcbcen{background: url("/inc/bandeapart/bgBapCbcEn.gif") bottom left no-repeat;}
.bgbapfr{background: url("/inc/bandeapart/bgBandeapartFr.gif") bottom left no-repeat;}
.bgcbcfr{background: url("/inc/bandeapart/bgBapCbcFr.gif") bottom left no-repeat;}

/* title -- header */
.bgtitrebapen{height: 90px;	background: url("/inc/bandeapart/bgBandeapartEn.gif")  top left no-repeat;}
.bgtitrecbcen{height: 140px; background: url("/inc/bandeapart/bgBapCbcEn.gif")  top left no-repeat;}
.bgtitrebapfr{height: 90px; background: url("/inc/bandeapart/bgBandeapartFr.gif")  top left no-repeat;}
.bgtitrecbcfr{height: 140px;background: url("/inc/bandeapart/bgBapCbcFr.gif") top left no-repeat;}
/* end CSS from Xavier */ 

/* @end */





/* @group Podcast */

/* podcast and packes sidebar */ 

#about_podcasts,
#hotel_packages {
background: url("/img/template/bgSidebar.gif") bottom left no-repeat; 
font-size: 85%;
color: #999;
padding: 0 0 15px 0;
margin: 20px 0 0 0;
}
#about_podcasts h4,
#about_podcasts h5,
#hotel_packages h4,
#hotel_packages h5 {
font-size: 120%;
font-variant: small-caps;
color: #1BB2F0;
padding: 15px 15px 0 15px;
margin: 0 0 5px 0;
font-weight: normal;
}
#about_podcasts h4,
#hotel_packages h4 {
background: url("/img/template/bgSidebar.gif") top left no-repeat; 
}
#about_podcasts p,
#hotel_packages p {
padding: 0 15px 5px 15px;
margin: 0;
}
#about_podcasts ol,
#about_podcasts ul,
#hotel_packages ol,
#hotel_packages ul {
padding: 0 15px 0 0;
margin: 0 0 0 12px;
}





/* Subscribe Box */ 

#subscribe {
float: right;
margin: 0 0 15px 15px;
padding: 5px 10px;
background-color: #000;
border: 1px solid #333;
}

#subscribe h4 { margin: 0 0 5px 0; font-variant: small-caps; font-size: 110%; color: #f60;}
#subscribe h4 a {color: #f60; border: none;}
#subscribe ul, #subscribe li {padding: 0; margin: 0;list-style: none;}
#subscribe li a {border: none;}
#subscribe li a:hover {background: none;}





/* FeedBurner Feed */ 
.feedburnerFeedBlock {margin: 20px 0;}
.feedburnerFeedBlock ul {margin-bottom: 40px;}
.feedburnerFeedBlock li {list-style: none; margin-bottom: 40px; padding-top: 10px; border-top: 1px solid #006B94;}
.feedburnerFeedBlock p {margin: 0 0 5px 0;}
.feedburnerFeedBlock .headline {font-size: 115%; line-height: normal;}
.feedburnerFeedBlock .date {color: #666; font-size: 85%;}
.feedburnerFeedBlock .enclosure a {color: #f60; font-variant: small-caps; background: url("/img/template/download-white.gif") center right no-repeat; padding-right:16px;}
.feedburnerFeedBlock #creditfooter a {border: none;}
.feedburnerFeedBlock #creditfooter a:hover {background: none;}

/* @end */




/* @group Loft Feature */

body#loft #nav_dates,
body#loft #nav_disciplines {display: none;}

body#loft .banner {
top:-227px;
left: 0;
position: absolute;
}

body#loft h3 {
color: #FF9900;
font-size: 130%;
text-transform: uppercase;
margin: 2px 0;
}
body#loft h4 {
font-weight: normal;
margin: 2px 0;
font-size: 115%;
}
body#loft h5 a {
color: #FF6600;
font-size: 90%;
margin: 2px 0 20px 0;
border-color: #333;
}
body#loft h5 a:hover { color: #000;}


body#loft .buyTickets {
position: absolute;	
top: 30px;
right: 5px;	
}

body#loft #branding .buyTickets {display: none;}

body#loft #ticket_info {
top: -20px;
position: relative;
}
body#loft .loft_photos {
float: right;
margin: 0 2px 15px 15px;
z-index:3;
}
body#loft .loft_photos a {
border: none;
padding: 0;
margin: 3px 1px;
}
body#loft .loft_photos a:hover {
background: none;
}
body#loft .loft_photos img {
border: 1px solid #fff;
}


/* @end */