/* 
Title: 		Master Styles for BCScene.ca 
Author:		jay.west for the National Arts Centre
Contact:	creative@jaywest.com
Updated:	June 12, 2008 
*/

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



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

/* normalize default styles */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;} 

#col_left {float: left; width: 48%;}
#col_right {float: right; width: 48%;}

.col_1of2 {float: left; width: 160px; margin: 0 20px 0 0;}
.col_2of2 {float: left; width: 340px; margin: 0 0 0 0;}

.col_1of4 {float: left; width: 220px; margin: 0 20px 0 0;}
.col_2of4 {float: left; width: 220px; margin: 0 20px 0 0;}
.col_3of4 {float: left; width: 220px; margin: 0 20px 0 0;}
.col_4of4 {float: left; width: 220px; margin: 0 0 0 0;}

#nav_skip {display: none;}
				
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

.status {color: #fff; padding: 1px 2px; font-size: 10px;}
.onsale {background-color:green;}
.hidden {background-color:#999;}
.soon {background-color:orange;}
.cancelled {background-color:#999;}
.soldout {background-color:#c00;}

sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
font-size: 50%;
}
sup {bottom: 1ex;}
sub {top: .5ex;}

a.button {
background: transparent url("/img/theme/bttn_orange.gif") 0 50% repeat-x;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
margin: 20px 0;
padding: 6px 15px;
font-weight: bold;
font-size: 14px;
color: #fff;
border: none;
}
#content a.button {
color: #fff;
border: none;
}








/* @end */






/* @group Typography
------------------------------------------------------------------------- */

body {
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; 
line-height: 1.5em; /* equal to 18px */ 
}

/* vertical rhythm
font-size (em) = intended font size (px) divided by base font (12px)
line-height (em) = base line-height (18px) divided by intended font-size (px) 
*/ 

p, ul, ol, blockquote, td, th, label {
font-size: 1em; /* 12px */ 
line-height: 1.5em;
/*margin-top: 1.5em;*/
margin: 0;
margin-bottom: 1.5em;
/*margin-bottom: 3em;*/
/*color: #333;*/
}
 

p {
margin-bottom: 1em;
}


h1 {  /* 30px */
font-size: 2.5em;
line-height: 1.0em;  /* was 0.6em */ 
margin-top: 0.6em;
margin-bottom: 0.3em;
font-weight: normal; 
background-color:#3372A8;
padding: 4px 15px;
text-transform: lowercase;
color: #fff;
/*display: inline;*/
width: 270px; 
/*max-width: 460px;*/
}

h1 span {
background: transparent url("/img/theme/h1_arrow_dwn.png") right 50% no-repeat; 
padding-right: 23px;
white-space: nowrap;
}
#content h1 a {
border: none;
padding: 0;
color: #fff;
}


body.visual h1 {
width: 590px;  /* 620 minus padding */ 
}
body#news h1,
body#days h1 {
width: auto; 
}



body.admin #content h1,
/*body#days #content h1,*/
body#venues #content h1,
body.details #content h1 {  /* 30px */
font-size: 2.5em;
line-height: 1.0em;  /* was 0.6em */ 
margin-top: 1em;
margin-bottom: 0.3em;
font-weight: normal; 
color:#004367;
background: none;
text-transform: none;
padding: 0;
width: auto;
}





/*h1 {  26px 
font-size: 2.166667em;
line-height: 1em;   was  0.692308em  
margin-top: 1.038462em;
margin-bottom: 0.346154em;
font-weight: normal; 
color:#004367;
}*/


h2 { /* 24px */
font-size: 2em;
line-height: 1.05em; /* was 0.75em */ 
margin-top: 1.125em;
margin-bottom: 0.375em;
font-weight: normal; 
}

/*h3 {  20px 
font-size: 1.666667em;
line-height: 0.9em;
margin-top: 1.35em;
margin-bottom: 0.45em;
font-weight: normal; 
}*/

h3 { /* 18px */
font-size: 1.5em;
line-height: 1em;
margin-top: 2.25em;
margin-bottom: 0.75em;
font-weight: normal; 
}
h4 { /* 15px */
font-size: 1.25em;
line-height: 1.2em;
margin-top: 1.8em;
margin-bottom: 0.6em;
color: #004367;
}
h5 { /* 14px */ 
font-size: 1.166667em;
line-height: 1.285714em;
margin-top: 1.928571em;
margin-bottom: 0.642857em;
text-transform: uppercase;
letter-spacing: 0.05em;
}




/*h5 {  16px 
font-size: 1.333333em;
line-height: 1.125em;
margin-top: 1.6875em;
margin-bottom: 0.5625em;
font-weight: normal; 
}*/
h6 { /* 14px */ 
font-size: 1.166667em;
line-height: 1.285714em;
margin-top: 1.928571em;
margin-bottom: 0.642857em;
font-weight: normal;
}

	
h6x {
font-size: 1em;      /* 12px */ 
line-height: 1.5em;
margin-top: 2.25em;
margin-bottom: 0.75em;
}





ul {margin-top: 0.75em;}
li {margin-bottom: 0.75em;}

/*ul, ol {margin-top: 0;}*/
ul, ol {margin-left: 0; padding-left: 0; } /* establish consistent indentation across all browsers */ 

ul li {list-style: disc inside; /*margin-left: 16px;*/ /*margin-bottom: 6px;*/ }
ol li {margin-left: 30px; /*margin-bottom: 6px;*/}

dl {margin: 0 0 12px 0;}
dt {margin: 12px 0 2px 0; font-size: 1.167em; font-weight: bold;}
dd {margin: 0 0 6px 0; color: #999;}

blockquote {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1.5em;
line-height: 1em;
margin: 15px -20px 15px 20px;
width: 220px;
float: right;
clear: both;
/*background: transparent url("/en/wp-content/themes/vimy_en/img/bg_blockquote.gif") top left no-repeat;*/
}



/* @end */





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

a {text-decoration:none; cursor:pointer; padding: 0 1px; border-bottom: 1px solid #DEDEDE;}
a:link {color: #004367;}
a:visited {color: #3372A8;}
a:hover {color: #fff; background-color:#3372A8; border-bottom: 1px solid #3372A8;}

a img, a.img {border:none;} /* remove border for all linking graphics */
a.img:hover {background:transparent;} 

a.more {background: transparent url("/img/theme/arrow_more.gif") center right no-repeat; padding: 1px 20px 1px 3px; border:none; color:#f60; font-size: 13px;}
a.more:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center right no-repeat; color: #fff;} 

/*a:hover, a:hover.external, a.pdf:hover {background-color:#004367; border-bottom: 1px solid #004367;}*/


a.rss {background: url("/img/theme/feed-icon-14x14.gif") center left no-repeat; padding-left:17px; white-space:nowrap; color:#f60; font-size: 13px; border: none;}
a.rss span {display: none;}
h1 a.rss {margin-left: 5px;}

/*a.ticket {white-space:nowrap; font-size:90%; background: url("/img/iTicket.gif") center left no-repeat; padding-left:14px;}*/
/*a.free {white-space:nowrap; font-size:90%; background: url("/img/iFree.gif") center left no-repeat; padding-left:14px;}*/
a.pdf {background: transparent url("/img/theme/pdf.gif") 0 2px no-repeat; padding: 1px 2px 1px 16px;}
a.pdf:hover {background-color: #3372A8;}


/*a.more {color: #000; margin: 10px; float: right; overflow: visible; }*/

a.website {background: transparent url("/img/theme/website.gif") center left no-repeat; padding: 2px 2px 2px 19px; border: none; display: block;}
a.website:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 

a.youtube {background: transparent url("/img/theme/youtube.gif") center left no-repeat; padding: 2px 2px 2px 19px; border: none; display: block;}
a.youtube:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 

a.myspace {background: transparent url("/img/theme/myspace.gif") center left no-repeat; padding: 1px 2px 1px 19px; border: none; display: block;}
a.myspace:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 

a.facebook {background: transparent url("/img/theme/facebook.gif") center left no-repeat; padding: 1px 2px 1px 19px; border: none; display: block;}
a.facebook:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 

a.twitter {background: transparent url("/img/theme/twitter.gif") center left no-repeat; padding: 1px 2px 1px 19px; border: none; display: block;}
#content a.twitter:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 

a.email {background: transparent url("/img/theme/email.gif") center left no-repeat; padding: 1px 2px 1px 19px; border: none; display: block;}
a.email:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 


.myschedule a {background: transparent url("/img/theme/myschedule_off.gif") center left no-repeat; padding: 1px 2px 1px 19px; border: none; display: block;}
.myschedule a:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center left no-repeat; color: #fff; border: none; font-weight: bold;} 

.myschedule.selected {background: transparent url("/img/theme/myschedule_on.gif") center left no-repeat; padding: 1px 2px 1px 19px; border: none;}
.myschedule.selected a {display: inline; background-image: none; padding: 1px 2px; margin-left: 5px;}








/* @end */





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

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


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

#content input:focus,
#content textarea:focus  {border: 1px solid #333; background-color: #ffffe0;}

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

#content form strong {color: #000;}

/* form action buttons */

#content input.submit,
#content input.cancel {
	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;
}
#content input.cancel {
	background-color: #ccc;
	font-size: 95%;
}
#content input:active.submit,
#content input:active.cancel {
	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 Tables
------------------------------------------------------------------------- */

table {border-collapse: collapse; width: 99%; margin: 10px 0 20px 1px; border-bottom: 1px solid #ccc; }
table caption {display: none;}

tr {border-left: 1px solid #ccc;}
tr.odd {}
tr.even {background-color: #ededed;}
tr:hover.even, tr:hover.odd {background-color: #ffffe0;}

th {background-color: #ccc; padding: 4px 8px;}

th a {
color: #fff;
border: none;
padding: 4px 8px;
display: block;
}
th a:hover {background-color: #ffffe0; border: none;}
td {padding: 4px 8px;border-right: 1px solid #ccc;}
/*td a {font-weight: bold;letter-spacing: 0.05em;}*/


/* @end */




/* @group Layout
------------------------------------------------------------------------- */


/* General layout */ 

html {text-align:center;} /* center the page layout for Win/IE */ 
body {width: 100%; background: #fff url("/img/theme/bg_header.jpg") top center repeat-x;}

#branding {
width: 940px; /* fix the width */ 
margin: 0 auto; /* center the layout */ 
text-align: left; /* compensate for the centering above */ 
position: relative;
overflow: hidden; /* ensure the div stretches to contain its floats */
}

#nav_main_wrapper {
}

#nav_main_inner {
width: 940px; /* fix the width */ 
margin: 0 auto; /* center the layout */ 
text-align: left; /* compensate for the centering above */ 
position: relative;	
}
#nav_sub {
position: relative;	
/*width: 370px;  370px minus padding*/  
/*padding: 0;*/
/*top: 0;*/
/*left: 600px;*/
}


#content {
width: 940px; /* fix the width */ 
margin: 0 auto; /* center the layout */ 
padding: 20px 0;
text-align: left; /* compensate for the centering above */ 
position: relative;
overflow: hidden; /* ensure the div stretches to contain its floats */
}

#content_main {
float: left;
/*position: relative;*/
/*padding: 0;*/
width: 590px;  /* 590px minus padding */  
/*overflow: hidden;  contain its floats*/
}
#content_sub {
float: right;
/*position: relative;*/
width: 330px; /* 370px minus padding */ 
/*padding: 0;*/
/*top: 0;*/
/*left: 600px;*/
}
#content_related {}
	
body.wide #content_main {width: 960px;}
body.wide #content_sub {display: none;}


body#media #content_main {width: 620px;}
body#media #content_sub {width: 250px; padding: 0 20px; background: transparent url("/img/theme/bg_grey_fade.gif") 0 0 repeat-x;}






#site_info_wrapper {
}

#site_info {
width: 960px; /* fix the width */ 
margin: 0 auto; /* center the layout */ 
text-align: left; /* compensate for the centering above */ 
/*position: relative;*/	
padding: 0 0 10px 0;
}

/* @end */






/* @group #branding
------------------------------------------------------------------------- */

#branding h1 {  /* BC Scene logo */ 
text-indent: -9999px; /* hide the text */
width: 320px; /* width of replacement image */
height: 130px; /* height of replacement image */
background: transparent url("/img/theme/header_logo.png") 0 0 no-repeat;
margin: 0 0 6px -11px;
position: relative;
}
#branding h1 a {
width: 320px; /* width of replacement image */
height: 130px; /* height of replacement image */
display: block;
border: 0;
padding: 0;
}
#branding h1 a:hover {
background: none;	
}

#branding_details { /* Dates + Cities */ 
text-indent: -9999px; /* hide the text */
width: 333px; /* width of replacement image */
height: 69px; /* height of replacement image */
background: url("/img/theme/header_dates_en.png") 0 0 no-repeat;
position: absolute;
top: 26px;
left: 320px;
}

body.fr #branding_details { /* Dates + Cities */ 
width: 405px; /* width of replacement image */
height: 69px; /* height of replacement image */
background: url("/img/theme/header_dates_fr.png") 0 0 no-repeat;
}



/* @end */



/* @group #nav_utility
------------------------------------------------------------------------- */

#nav_utility_wrapper {
position: absolute;
top: 20px;
right: 0;
}

/*body.fr #nav_utility_wrapper {
top: 58px;
}*/

#nav_utility_1  {
float: right;
margin: 0 0 5px 0;
overflow: hidden;
white-space: nowrap;
}
#nav_utility_1 li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0 4px 0 0;
}
#nav_utility_1 a {
color: #fff;
background-color: #FF6600;
font-size: 14px;
padding: 3px 6px;
display: block; 
/*text-align: center;
vertical-align: middle;*/
border: none;
/*width: 90px;*/
/*height: 24px;*/
display: block; 
}
#nav_utility_1 a:hover {
background-color: #E54C00;
color: #fff;
}
body#home #nav_utility_1 #nav_home a {
background: #E54C00 url("/img/theme/nav_utility_on.gif") 0 50% no-repeat; 
color: #fff;
padding-left: 25px;
}


/* search field */

#cse-search-box {
/*display: inline;*/
margin: 5px 5px 2px 5px;
float: right;
}
body.fr #cse-search-box input#txtKeywords {
width: 165px;
}


#cse-search-box input#txtKeywords {
background: #FF6600 url("/img/theme/bg_search.gif") 0 50% no-repeat;
padding: 2px 3px 2px 20px;
font-size: 14px;
width: 216px;
margin: 0;
color: #fff;
/*border: 2px;*/
/*border: none;*/
}

#cse-search-box input#txtKeywords.fieldFocus {
background: #fff url("/img/theme/bg_search_focus.gif") 0 50% no-repeat;
color: #000;
/*border: 1px solid #000;*/
}

#bttnSearch {
display: none;
}







#nav_utility_2 {
float: right;
clear: right;
margin: 0;
overflow: hidden;
white-space: nowrap;
}
#nav_utility_2 li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
border-left: 1px solid #D83F00;
}
#nav_utility_2 li:first-child {border-left:0;} /* hide first pipe */
#nav_utility_2 a {
padding: 2px 6px; /* spacing between text and pipe */ 
margin: 0;
border: none;
color: #fff;
}
* html #nav_utility_2 li {margin: 0 1px 0 -1px;} /* Win/IE6: li are shifted to hide the first pipe.*/
#nav_utility_2 a:hover {
background-color: #D83F00;
}







/* @end */








/* @group #nav_main
------------------------------------------------------------------------- */

#nav_main_wrapper {
background-color: #f60;
position: relative;
height: 80px;
}
#nav_main_wrapper h3,
#nav_main_wrapper hr {
display: none; 
}

#nav_main_inner {
position: relative;
}


/*using a sprites technique */

#nav_main h3, #nav_main hr {display: none;}

#nav_main {
list-style-type: none;	/*turns off display of bullet*/
height: 80px; /* overall height of the nav object */
width: 315px; /* overall width of the entire nav object, including padding */
/*float:left;*/
padding:0;
margin:0;
position: relative;
top: 0;
left:0;
}
#nav_main li {
position:relative;
float:left; /*fix Mozilla bug not showing bg images on page load */
list-style-type: none;	/*turns off display of bullet*/
margin: 0;
margin-right: 15px; /* space between tabs */ 
list-style-position: outside; /* reset default */ 
}
#nav_main li a {
float: left;
padding: 80px 0 0 0; /* padding-top set to overall height of the nav object */
overflow: hidden;
height: 0px !important; 
height /**/:80px; /* overall height of the nav object - for IE5/Win only */
width: 315px; /* overall width of the entire nav object */
border:none; /* remove global link border */	
/* background-position: 0 0; */ 
background-repeat: no-repeat;
}
#nav_main li a:hover {background:none;}


/* set the language specific graphics for the hover and off-state */

body.en #nav_main a,
body.en #nav_main a:hover {width: 90px; background: url("/img/theme/nav_main_sprites_en.png");}
body.fr #nav_main a,
body.fr #nav_main a:hover {width: 90px; background: url("/img/theme/nav_main_sprites_fr.png");}


/* create off-state - horizonal offset the background to reveal the off-state */

body.en #nav_main #nav_artists a,	body.fr #nav_main #nav_artists a	{background-position: 	 0px 0px;}
body.en #nav_main #nav_events a,	body.fr #nav_main #nav_events a		{background-position:  -90px 0px;}
body.en #nav_main #nav_days a,		body.fr #nav_main #nav_days a		{background-position: -180px 0px;}



/* create hovers - vertical offset the background to reveal the hover-state */

body.en #nav_main #nav_artists a:hover,		body.fr #nav_artists a:hover	{background-position:    0px -80px;}
body.en #nav_main #nav_events a:hover, 		body.fr #nav_events a:hover		{background-position:  -90px -80px;}
body.en #nav_main #nav_days a:hover, 		body.fr #nav_days a:hover		{background-position: -180px -80px;}


/* create on-state - vertical offset the background to reveal the on-state */

body#artists.en #nav_main #nav_artists a,	body#artists.fr #nav_main #nav_artists a	{background-position: 	 0px -160px;}
body#events.en #nav_main #nav_events a, 	body#events.fr #nav_main #nav_events a		{background-position:  -90px -160px;}
body#days.en #nav_main #nav_days a,			body#days.fr #nav_main #nav_days a			{background-position: -180px -160px;}


/* create on-state and hovers for the home page */

body#home.en #nav_main #nav_artists a,	body#home.fr #nav_artists a	{background-position:    0px -80px;}
body#home.en #nav_main #nav_events a, 	body#home.fr #nav_events a	{background-position:  -90px -80px;}
body#home.en #nav_main #nav_days a, 	body#home.fr #nav_days a	{background-position: -180px -80px;}

body#home.en #nav_main #nav_artists a:hover,	body#home.fr #nav_artists a:hover	{background-position:    0px -160px;}
body#home.en #nav_main #nav_events a:hover, 	body#home.fr #nav_events a:hover	{background-position:  -90px -160px;}
body#home.en #nav_main #nav_days a:hover, 		body#home.fr #nav_days a:hover		{background-position: -180px -160px;}




/* @end */



/* @group #nav_tickets
------------------------------------------------------------------------- */

#nav_tickets {
height: 80px; /* overall height of the nav object */
width: 160px; /* overall width of the entire nav object, including padding */
padding:0;
margin:0;
position: absolute;
top: 0;
right:0;
}
#nav_tickets a {
float: left;
padding: 80px 0 0 0; /* padding-top set to overall height of the nav object */
overflow: hidden;
height: 0px !important; 
height /**/:80px; /* overall height of the nav object - for IE5/Win only */
width: 160px; /* overall width of the entire nav object */
border:none; /* remove global link border */	
/* background-position: 0 0; */ 
background-repeat: no-repeat;
}
#nav_tickets  a:hover {background:none;}


/* set the language specific graphics for the hover and off-state */

body.en #nav_tickets a,
body.en #nav_tickets a:hover {width: 160px; background: url("/img/theme/nav_tickets_sprites_en.png");}
body.fr #nav_tickets a,
body.fr #nav_tickets a:hover {width: 160px; background: url("/img/theme/nav_tickets_sprites_fr.png");}


/* create off-state - horizonal offset the background to reveal the off-state */
body.en #nav_tickets a,			body.fr #nav_tickets a			{background-position: 	 0px 0px;}

/* create hovers - vertical offset the background to reveal the hover-state */
body.en #nav_tickets a:hover,	body.fr #nav_tickets a:hover	{background-position:    0px -80px;}

/* create on-state - vertical offset the background to reveal the on-state */
body#tickets.en #nav_tickets a,	body#tickets.fr #nav_tickets a	{background-position: 	 0px -160px;}

/* homepage hover */ 
body#home.en #nav_tickets a:hover,	body#home.fr #nav_tickets a:hover	{background-position: 	 0px -160px;}


/* @end */






/* @group #nav_discipline
------------------------------------------------------------------------- */

/*using a sprites technique */

#nav_discipline {
list-style-type: none;	/*turns off display of bullet*/
height: 26px; /* overall height of the nav object */
width: 460px; /* overall width of the entire nav object, including padding */
/*float:left;*/
padding:0;
margin:0;
position: absolute;
top: 15px;
left: 320px;
}
#nav_discipline li {
position:relative;
float:left; /*fix Mozilla bug not showing bg images on page load */
list-style-type: none;	/*turns off display of bullet*/
margin: 0;
/*margin-right: 15px;  space between tabs*/  
list-style-position: outside; /* reset default */ 
}
#nav_discipline li a {
float: left;
padding: 26px 0 0 0; /* padding-top set to overall height of the nav object */
overflow: hidden;
height: 0px !important; 
height /**/:26px; /* overall height of the nav object - for IE5/Win only */
width: 460px; /* overall width of the entire nav object */
border:none; /* remove global link border */	
/* background-position: 0 0; */ 
background-repeat: no-repeat;
}
#nav_discipline li a:hover {background:none;}


/* set the language specific graphics for the hover and off-state */

body.en #nav_discipline a,
body.en #nav_discipline a:hover {width: 90px; background: url("/img/theme/nav_discipline_sprites_en.png");}
body.fr #nav_discipline a,
body.fr #nav_discipline a:hover {width: 90px; background: url("/img/theme/nav_discipline_sprites_fr.png");}


/* create off-state - horizonal offset the background to reveal the off-state */

body.en #nav_discipline #nav_music a		{background-position: 	 0px 0px; width:  91px;}
body.en #nav_discipline #nav_theatre a		{background-position:  -91px 0px; width: 106px;}
body.en #nav_discipline #nav_dance a		{background-position: -197px 0px; width:  97px;}
body.en #nav_discipline #nav_literature a	{background-position: -294px 0px; width: 127px;}
body.en #nav_discipline #nav_visual a		{background-position: -421px 0px; width: 267px;}
body.en #nav_discipline #nav_culinary a		{background-position: -688px 0px; width: 163px;}

body.fr #nav_discipline #nav_music a		{background-position: 	 0px 0px; width: 113px;}
body.fr #nav_discipline #nav_theatre a		{background-position: -113px 0px; width:  97px;}
body.fr #nav_discipline #nav_dance a		{background-position: -210px 0px; width:  87px;}
body.fr #nav_discipline #nav_literature a	{background-position: -297px 0px; width: 124px;}
body.fr #nav_discipline #nav_visual a		{background-position: -421px 0px; width: 305px;}
body.fr #nav_discipline #nav_culinary a		{background-position: -726px 0px; width: 155px;}


/* create hovers - vertical offset the background to reveal the hover-state */

body.en #nav_discipline #nav_music a:hover			{background-position:    0px -26px;}
body.en #nav_discipline #nav_theatre a:hover 		{background-position:  -91px -26px;}
body.en #nav_discipline #nav_dance a:hover 			{background-position: -197px -26px;}
body.en #nav_discipline #nav_literature a:hover		{background-position: -294px -26px;}
body.en #nav_discipline #nav_visual a:hover			{background-position: -421px -26px;}
body.en #nav_discipline #nav_culinary a:hover		{background-position: -688px -26px;}

body.fr #nav_discipline #nav_music a:hover			{background-position:    0px -26px;}
body.fr #nav_discipline #nav_theatre a:hover		{background-position: -113px -26px;}
body.fr #nav_discipline #nav_dance a:hover			{background-position: -210px -26px;}
body.fr #nav_discipline #nav_literature a:hover		{background-position: -297px -26px;}
body.fr #nav_discipline #nav_visual a:hover			{background-position: -421px -26px;}
body.fr #nav_discipline #nav_culinary a:hover		{background-position: -726px -26px;}


/* create on-state - vertical offset the background to reveal the on-state */

body.music.en #nav_discipline #nav_music a				{background-position: 	 0px -52px;}
body.theatre.en #nav_discipline #nav_theatre a			{background-position:  -91px -52px;}
body.dance.en #nav_discipline #nav_dance a				{background-position: -197px -52px;}
body.literature.en #nav_discipline #nav_literature a	{background-position: -294px -52px;}
body.visual.en #nav_discipline #nav_visual a			{background-position: -421px -52px;}
body.culinary.en #nav_discipline #nav_culinary a		{background-position: -688px -52px;}

body.music.fr #nav_discipline #nav_music a				{background-position: 	 0px -52px;}
body.theatre.fr #nav_discipline #nav_theatre a			{background-position: -113px -52px;}
body.dance.fr #nav_discipline #nav_dance a				{background-position: -210px -52px;}
body.literature.fr #nav_discipline #nav_literature a	{background-position: -297px -52px;}
body.visual.fr #nav_discipline #nav_visual a			{background-position: -421px -52px;}
body.culinary.fr #nav_discipline #nav_culinary a		{background-position: -726px -52px;}


/* @end */




/* @group #nav_genre
------------------------------------------------------------------------- */

#nav_genre {
position: absolute;
top: 42px;
left: 320px;
font-size: 26px;
line-height: normal;
text-transform: lowercase;
width: 620px;
}
#nav_genre {
margin: 0;
overflow: hidden;
white-space: nowrap;
}
#nav_genre li { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
}
#nav_genre a {
background: transparent url("/img/theme/nav_genre_arrow.png") right 50% no-repeat;
padding: 3px 22px 3px 4px;
margin: 0;
border: none;
}
#nav_genre a:hover {
background: #3372A8 url("/img/theme/h1_arrow_dwn.png") right 50% no-repeat;
color: #fff;
}

body.classical #nav_genre #nav_classical a,
body.world #nav_genre #nav_world a,
body.folkblues #nav_genre #nav_folkblues a,
body.jazz #nav_genre #nav_jazz a,
body.poprock #nav_genre #nav_poprock a {
display: none;
}



/* @end */












/* @group #nav_sub
------------------------------------------------------------------------- */

#nav_sub ul {
margin: 0;
overflow: hidden;
white-space: nowrap;
}
#nav_sub li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
border-right: 1px solid #ccc;
}
#nav_sub li:last-child {border-right:0;} /* hide last pipe */
#nav_sub a {
padding: 3px 6px; /* spacing between text and pipe */ 
margin: 0;
}

/* @end */





/* @group #nav_admin
------------------------------------------------------------------------- */

#nav_admin {
margin: 0 0;
overflow: hidden;
white-space: nowrap;
float: right;
background-color: #fff;
border: 6px solid #fff;
}
#nav_admin li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
border-right: 1px solid #ccc;
}
#nav_admin li:last-child {border-right:0;} /* hide last pipe */
#nav_admin a {
padding: 3px 6px; /* spacing between text and pipe */ 
margin: 0;
}

/* @end */







/* @group #site_info
------------------------------------------------------------------------- */

#site_info_wrapper {
background-color: #000;
}
#site_info_wrapper a {
color: #fff;
}
#site_info_wrapper a:hover {
background-color: #f60;
color: #000;
}




#site_info {
background: transparent url("/img/theme/footer_bg.jpg") bottom center repeat-x; 
width: 100%;
border-top: 1px solid #fff;
}
#site_info_inner {
width: 940px; /* 980 minus padding */ 
overflow: hidden; /* ensure the div stretches to contain its floats */
margin: 20px auto 10px auto;
}
#site_info_inner h3 {
color: #fff;
text-transform: lowercase;
margin: 0 0 12px 0;
}
#site_info_inner p {
margin: 0 0 6px 0;
color: #fff;
}
#nav_site_about li {
list-style: none outside; /* hide the bullets */
margin: 0 0 4px 0;
}
#site_info_inner a {
color: #fff;
border-color: #C6BCBA;
}



#site_info #subscribe {
margin: 0;
width: auto;
}
#site_info #subscribe fieldset {
margin: 0;
padding: 0;
border: none;
background: transparent;
/*color: #BCE2E0;*/
}
#site_info #subscribe label {
color: #fff;
font-weight: normal;
margin: 0;
}
#site_info #subscribe input {
border: 1px solid #EA5306; 
background-color: #792B1C;
padding: 2px 4px;
margin: 0;
width: 130px;
}

#site_info form#subscribe input.submit {
background: transparent url("/img/theme/bttn_orange.gif") 0 50% repeat-x;
padding: 3px 5px;
border: none;
font-size: 10px;
color: #fff;
width: auto;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
}




/* #partner_logos */

#partner_logos {
padding: 0;
background-color: #000;
} 
#partner_logos p {
margin: 0 auto;
width: 940px;
} 
#partner_logos img {
border: none;
} 





 /*#nav_site_legal*/ 

#site_legal {
height: 122px;
background: transparent url("/img/theme/footer_photos.jpg") top center repeat-x; 
position: relative;
}

#nav_site_legal {
background-color: #000;
float: right;
padding: 4px 20px;
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
#nav_site_legal li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
border-right: 1px solid #666;
}
#nav_site_legal li:last-child {border-right:0;} /* hide last pipe */
#nav_site_legal a {
padding: 3px 6px; /* spacing between text and pipe */ 
margin: 0;
color: #fff;
border: none;
}

/* @end */










/* @group Admin Tools
------------------------------------------------------------------------- */

/*inline editing buttons*/ 	
a.add, 
a.edit, 
a.delete {
padding: 3px 4px 3px 22px; 
margin: 5px 2px 5px 0; 
font-size: 12px; 
color:#999; 
border: none; 
font-weight: normal;
}
a:hover.add, 
a:hover.edit, 
a:hover.delete {
background-color: #dedede;
color: #000;
}
a.add {background: url("/img/admin/bttnAdd.gif") 2px 50% no-repeat; padding: 3px 4px 3px 18px;}
a.edit {background: url("/img/admin/bttnEdit.gif") 2px 50% no-repeat; padding: 3px 4px 3px 18px;}
a.delete {background: url("/img/admin/bttnDelete.gif") 2px 50% no-repeat; padding: 3px 4px 3px 18px;}
/*a.edit:hover, a.delete:hover {background-color: transparent;}*/
/*.admin a:hover {background-color: #03C;}*/

#content_sub a.delete {
color: #fff;
font-size: 10px;
}

/* yellow admin boxes */ 

div.admin {
/*font: 95% Verdana, Arial, Helvetica, sans-serif;*/
/*color: #333;*/
border: 1px solid #999; 
background-color: #ffffe0; /* lightyellow */ 
padding: 10px;
margin: 15px 0;
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 */
}

.admin p {margin: 4px 0 8px 0; line-height: normal;}


.admin a.add {font-size: 14px; font-weight: bold; color: #000;}
.admin a:hover {color:#fff; background-color:#666;}


table a.add,
table a.edit,
table a.delete,
table blink {
font-size: 10px;
color:#999; 
}

table th span:hover {color: #00f; cursor: help;}

#event_listing a.edit,
#event_listing a.delete {
padding: 0;
background: none;
font-size: 10px;
}


/* @end */



/* @group Photos
------------------------------------------------------------------------- */

/*#content img {
padding: 3px;
border: 1px solid #cdcdcd;
background-color: #fff;
}
#content a:hover img {
border: 1px solid #999;
}

body#partners #content img {
padding: 0;
border: none;
}*/



/* Captions */

.photo {
position: relative;
top: 0;
left: 0;
height: 260px;
width: 460px;
/*border: 1px solid #e0e0e0;*/
}
.photo span {
background-image: url("/img/theme/bgTransBlk50.png")!important;  /* Mozilla only */
position: absolute; /* transparency does not work if we position the transparent div */
bottom: 0;
right: 0;
}
.photo .caption {
padding: 3px 6px;
color: #fff;
}
.photo .credit {
position: absolute;
bottom: -20px;
right: 0;
line-height: normal;
font-size: 10px;
/*display: none;*/
/*width: 600px;*/
color: #999;
/*width: auto;*/
white-space: nowrap;
}





/* @end */









/* @group body#home
------------------------------------------------------------------------- */

#flashcontent {
width: 100%;
height: 340px; /* height of the Flash collage was 340 */ 
}
body#home #content {
margin-top: 340px; /* make space for collage */ 
}

body#home #content_main {
width: 620px;
}
body#home #content_sub {
width: 300px;
}

body#home #content_main h2 { /* welcome */ 
text-indent: -9999px; /* hide the text */
width: 620px; /* width of replacement image */
height: 82px; /* height of replacement image */
background: url("/img/theme/whataperformance_en.png") 0 0 no-repeat;
margin: 0 0 0 0;
float: left;
}	
body#home.fr #content_main h2 { /* bienvenue */ 
background: url("/img/theme/whataperformance_fr.png") 0 0 no-repeat;
}



#content_main #home_feature a {
border: none;
padding: 0;
}
#content_main #home_feature a:hover {
background: none;
}




#welcome {
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #e0e0e0;
}
#welcome p {
color: #004367;
font-size: 14px;
margin: 0 0 8px 0;
}
#welcome .intro {
font-size: 18px;
color: #FF6600;
/*float: left;*/
margin-left: 310px;
}


#video_strip a {
border: none;
}
#video_strip a:hover {
border: none;
background: none;
}

body#home #ad_zone1,
body#home #ad_zone2 {
float: left;
margin: 20px 10px 0 0;
width: 300px;
height: 120px;
}

body#home #radio3player {
background: #C1C1C1 url("/img/theme/scene_radio_en.png") right 50% no-repeat; 
padding: 5px;
width: 290px;  /* 300 minus padding */ 
/*float: right;*/
margin: 20px 0 0 0;
}
body#home.fr #radio3player {
background: #C1C1C1 url("/img/theme/scene_radio_fr.png") right 50% no-repeat; 
}


/* new listing */ 
body#home #news_listing {
width: 140px;
float: left;
margin: 20px 0 0 0;
}
body#home #news_listing h4 {
text-transform: uppercase;
margin: 0;
}
body#home #news_listing a {
font-weight: normal;
}
body#home #content_sub dt {
font-size: 12px;
}
body#home #content_sub dd {
font-size: 11px;
}


/* twitter feed */ 

body#home #twitter_div {
width: 140px;
float: left;
}
#twitter_div p { 
margin: 0;
}
#twitter_div h4 {
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0;
font-size: 12px;
color: #27CBFF;
}
#twitter_update_list li {
list-style: none;
color: #3372A8;
}


/* Twitpic photos */ 
#twitpic_badge_container_v1 {
width: 120px; /* 140 minus padding */ 
float: right;
background-color: #eee;
margin: 0 0 15px 0;
padding: 10px;
}
#twitpic_badge_container_v1 a {
border: none;
padding: 0;
}
#twitpic_badge_container_v1 a:hover {
background: none;
}





/* Flickr Feed */ 

.flickr_badge.user_tag {
margin: 20px 0 0 0;
float: left;
width: 280px;
}
.flickr_badge.all_tag {
clear: left;
margin: 0 0 0 0;
float: left;
/*width: 280px;*/
}


.flickr_badge .flickr_badge_image {
float: left;
margin: 0 9px 9px 0;
}
.flickr_badge a {
padding: 0;
border: 2px solid #fff;
display: block;
width: 75px;
height: 75px;
line-height: normal;
}
.flickr_badge a:hover {
border: 2px solid #FF6600;
}

body#home #video {
margin: 20px 10px 0 0;
float: right;
width: 320px;
}








/* @end */



/* @group #event_grid
------------------------------------------------------------------------- */

#event_grid {
/*width: 90%;*/
border: none;
margin: 30px 0 0 0;
}
#event_grid tr {
border: none;
}
#event_grid td  {
vertical-align: top;
border: none;
font-size: 13px;
width: 33%;
padding: 0 20px 0 0;
}
#event_grid a {
font-weight: bold;
font-size: 14px;
border: none;
display: block;
}
#event_grid .event {
margin: 0;
}
#event_grid .date {
color: #999;
}




/* @end */



/* @group #event_listing
------------------------------------------------------------------------- */

#event_listing  {
width: 100%;
border: none;
/*border-top: 1px solid #e0e0e0;*/
margin-top: 30px;
}
#event_listing tr  {
border: none;
}
#event_listing th  {
display: none; 
}
#event_listing td  {
vertical-align: top;
border: none;
font-size: 13px;
/*width: 33%;*/
padding: 15px 20px 0 0;
}
/*#event_listing td:hover,*/
/*#event_listing a:hover {
background-color: #ededed;
color: #000;
}*/

#event_listing p {
margin: 0 0 2px 94px;
line-height: 1.0em;
}
#event_listing .event {
margin-top: 8px;
}
#event_listing .date,
#event_listing .venue {
color: #999;
}
#event_listing a {
/*font-weight: bold;*/
line-height: normal;
font-size: 14px;
border: none;
display: block;
}


#event_listing img	{
margin: 0;
padding: 0;
float: left;
}


/* wrap the title below for 300 photos */ 

#event_listing td.thumb300  {
font-size: 14px;
width: 33%;
padding: 0 20px 0 0;
}
#event_listing td.thumb300 img {
margin: 0;
float: none;
}
#event_listing td.thumb300 p {
margin: 0;
}
#event_listing td.thumb300 p.event a {
font-weight: bold;
font-size: 15px;
display: block;
padding: 2px;
}
#event_listing td.thumb300 p.date {
padding: 0 0 0 2px;
}




body#events #radio3player {
width: 250px;
margin-top: 95px;
float: right;
}




/* @end */





/* @group #event_details
------------------------------------------------------------------------- */

/* general layout of the event details page */ 

body#events.details #content_main {
float: left;
width: 300px;
}
body#events.details #content_sub {
width: 620px;
float: right;
}
#event_desc {
width: 460px;
float: left;
}
#event_related {
width: 140px;
float: right;
}
#event_sponsors {
clear: both;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #e0e0e0;
}





#artist_grid {
margin: 20px 0 0 0;
padding: 0;
border: none;
/*width: 620px;*/
width: auto;
}
#artist_grid tr {
margin: 0;
padding: 0;
border: none;
}
#artist_grid td {
width: 140px;
margin: 0;
padding: 0 0 10px 0;
border: none;
vertical-align: top;
}

body#events.details #content .photo {
margin-bottom: 20px;
}


/* Photo Slide Show */

#quote_wrap {
background: #333 url("/img/theme/bg_quote.png") bottom right no-repeat;
position: relative;
}
 
 
#gallery {
position:relative;
height: 260px; /* height of the photo */  
margin-bottom: 20px;
}
#gallery a {
float:left;
position:absolute;
cursor: default; /* hide that this is a link */ 
border: none;
padding: 0;
background: none;
}
#gallery a img {
border:none;
}
#gallery a.show {
z-index:500
}
#gallery .caption {
z-index:600; 
background-color:#000; 
color:#fff; 
/*padding: 20px 10px;*/ 
height: 260px; /* height of caption box, 260 minus padding */
width: 160px; /* 160 minus padding */ 
position:absolute;
right: 0;
bottom:0;
font-style: italic;
font-size: 16px;
}
#gallery .caption small {
font-style: normal;
font-size: 12px;
line-height: normal;
display: block;
margin-top: 6px;
}
#gallery .caption .caption_content {
margin: 60px 10px 20px 10px;
}

#quote_exclaim {
background: transparent url("/img/theme/quote_exclaim.png") 0 0 no-repeat; 
z-index: 700;
width: 49px;
height: 67px;
position: absolute;
top: -12px;
right: 130px;
}






/*body#events.details #content p {
margin-bottom: 1em;
}*/

/* My Comment */



/*body#events.details #content_sub .photo,
body#events.details #content_related img {
left: -4px;
position: relative;
}*/



#event_info h1 { /* event */ 
margin-bottom: 6px;
}
#event_info h3 { /* date */ 
margin: 12px 0;
font-size: 19px;
font-weight: bold;
}
#event_info h4 { /* venue */ 
margin: 2px 0;
font-weight: normal;
color: #000;
}


#event_info p { /* venue */ 
margin: 2px 0;
font-weight: normal;
}
#event_info p { /* address */ 
color: #666;
}



/* multiple performances expander */ 

#event_info #multiple_toggle {
margin: -5px 0 20px 0;
}
#multiple_performances {
margin-top: -18px;
padding: 5px 0 3px 15px;
background: transparent url("/img/theme/bg_grey_fade.gif") 0 0 repeat-x;
}






/* #ticket_info */ 

#ticket_info {
background: transparent url("/img/theme/bg_grey_fade.gif") 0 0 repeat-x;
padding: 10px 10px 20px 10px;
margin: 40px 0 20px 0;
position: relative;
}

#ticket_info.free {
background: none;
padding: 0;
margin: 0;
}


#ticket_info h2 {  /* Ticket Info */ 
font-size: 25px;
margin: 5px 0 5px 0;
color: #f60;
background: transparent url("/img/theme/arrow_orange_dwn.png") center right no-repeat; 
padding-right: 22px;
float: left;
text-transform: lowercase;
}

#ticket_info h3,
#event_related h3 { /* Ticket Locations */ 
font-size: 14px;
margin: 20px 0 0 0;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: bold;
clear: left;
}
#ticket_info h3 {
width: 165px; /*force wrap around buy tickets button*/  
}


#ticket_info h4 { /* On Sale Now or Sold Out */ 
color: #f60;
font-size: 13px;
margin: 0;
clear: left;
}



p.pass650 {
height: 42px; /* height of replacement image */
text-align: right;
font-size: 11px;
line-height: 110%;
position: absolute;
top: 2px;
right: 10px;
}
.pass650 a {
background: transparent url("/img/theme/650_badge.png") right 50% no-repeat;
display: block;
border: none;
color: #999;
padding: 10px 48px 10px 0;
vertical-align: middle;
}	
.pass650 a:hover {
color: #666;
}	




#ticket_info.free .price {
text-indent: -9999px; /* hide the text */
width: 111px; /* width of replacement image */
height: 111px; /* height of replacement image */
background: transparent url("/img/theme/free_big.gif") 0 0 no-repeat;
float: right;
margin: 0 0 0 0;
}
body.fr #ticket_info.free .price {
background: transparent url("/img/theme/free_big_fr.gif") 0 0 no-repeat;
}


 
 

#ticket_info .price {
color: #004367;
font-size: 15px;
clear: left;
margin-bottom: 4px;
}
#ticket_info .student a,
#ticket_info .group a {
color: #666;
margin-bottom: 4px;
clear: right;
}
#ticket_info .student a:hover,
#ticket_info .group a:hover {
color: #fff;
}



#ticket_info p {
color: #004367;
margin: 6px 0;
}





/* Buy Tickets button */ 

/*a.buy_online {
height: 34px;  overall height of the nav object 
width: 109px;  overall width of the entire nav object, including padding 
padding:0;
margin: -38px 0 0 0;
float: right;
text-indent: -9999px;
}*/
a.buy_online {
margin: -30px 0 0 15px;
float: right;
padding: 34px 0 0 0; /* padding-top set to overall height of the nav object */
overflow: hidden;
height: 0px !important; 
height /**/:34px; /* overall height of the nav object - for IE5/Win only */
width: 109px; /* overall width of the entire nav object */
border:none; /* remove global link border */	
background-repeat: no-repeat;
}
a.buy_online:hover {background:none; border: none;}


/* set the language specific graphics for the hover and off-state */

body.en a.buy_online	{width: 109px; background: url("/img/theme/bttn_buy_online_en.png");}
body.fr a.buy_online	{width: 109px; background: url("/img/theme/bttn_buy_online_fr.png");}


/* create off-state - horizonal offset the background to reveal the off-state */
body.en a.buy_online, body.fr a.buy_online		{background-position: 	 0px 0px;}

/* create hovers - vertical offset the background to reveal the hover-state */
body.en a.buy_online:hover,	body.fr a.buy_online:hover	{background-position:    0px -34px;}





/* Other Artists You Might Like */ 

#event_related h3 {
margin: 3px 0 10px 0;
}
#event_related p {
color: #999;
}
#event_related a {
font-weight: bold;
font-size: 14px;
}





#event_sponsors {
color: #018E89;
/*padding: 10px;*/
font-size: 12px;
/*margin: 20px 0;*/
}
#event_sponsors a {
border: none;
background: none;
}
#event_sponsors img {
border: none;
padding: 0;
}




#content_sub .edit {
float: right;
}




#discounts {
margin: 20px 0 0 0;
}

#social_links {
margin: 50px 0;
}
#social_links a {
border: none;
}
/*#social_links a:hover {
color: #000;
}*/




/* Participating Artists */ 

hr {
height: 1px;
color: #E0E0E0;
background-color: #E0E0E0;
border: none;
clear: left;
margin: 20px 0;
}

body#events.details #content_related {
float: left;
width: 620px; 
/*margin-left: 320px;*/
}


.artist_bio {
width: 140px;
float: left;
margin: 0 14px 15px 0;
}


.artist_bio h4 {
margin: 0;
line-height: normal;
}
.artist_bio p {
margin: 0 0 2px 0;
}
.artist_bio .title {
line-height: normal;
margin: 0 0 4px 0;
color: #999;
} 










/*
#event_desc p {
display: none;
}
#event_desc p.intro {
border: 1px solid cyan; 
display: block; 
}*/


#event_desc a {background: transparent url("/img/theme/arrow_more.gif") center right no-repeat; padding: 1px 20px 1px 3px; float: right; border:none; color:#f60; font-size: 13px; margin: -5px 0 15px 0;}
#event_desc a:hover {background: #f60 url("/img/theme/arrow_more_hover.gif") center right no-repeat; color: #fff;} 



#prod_credit {
color: #666;
border-bottom: 1px solid #E0E0E0;
margin: 10px 0;
font-size: 0.916em;
line-height: 1.636em;
margin-bottom: 1.636em;
}

/*body#events.details #content img {
margin: 0 0 0 -4px;
}*/





.bubbleInfo {
	position: relative;
	border: 1px solid red; 
}
/*
.trigger {
	position: absolute;
}*/

/* Bubble pop-up */

/*.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	background: transparent url("/img/theme/bg_info_bubble.png") bottom left no-repeat; 
	width: 320px;
	border: 1px solid red; 
	padding-bottom: 15px;
}*/


/*.popup p {
	margin: 0 15px 6px 15px;
}*/



/* infoBubble */ 

.infoBubble {
position: relative;
border: 1px solid red; 
}
.infoBubble p {
/*border-bottom: 1px solid #ccc ;*/
}

.popup {
position: absolute;
/*top: 0;
left: 0;*/
/*display:none;*/
z-index:999;
width: 320px;
/*height: 200px;*/
padding: 0 0 30px 0;
background: transparent url("/img/theme/bg_info_bubble.png") bottom left no-repeat; 
}
.popup h5 {
background: transparent url("/img/theme/bg_info_bubble.png") top left no-repeat; 
padding: 15px 15px 0 15px;
margin: 0;
}
.popup p {
padding: 0 25px 0 15px;
font-size: 11px;
}


/* @end */





/* @group #about
------------------------------------------------------------------------- */

#fmContact {
width: 95%;
}
/* @end */



/* @group .news
------------------------------------------------------------------------- */

.news {
background: transparent url("/img/theme/bg_grey_fade.gif") 0 0 repeat-x;
padding: 0 0 15px 0; 
margin: 0 0 20px 0;
color: #004367;
}
.news h4 {
font-size: 22px;
text-transform: lowercase;
color: #fff;
font-weight: normal;
background-color: #B7B7B7; 
padding: 6px 0 6px 20px;
margin: 0 0 15px 0;
}
.news p {
margin: 0 15px 6px 20px;
}


/* @end */









/* @group body#artists
------------------------------------------------------------------------- */

body#artists dt,
body#artists dd {
margin: 0;
}


/* @end */




/* @group body#venues
------------------------------------------------------------------------- */

body#venues #content_main {
width: 460px;
}

body#venues #content_sub {
width: 460px;
}

/* @end */









/* @group body#tickets
------------------------------------------------------------------------- */

body#tickets #content_main h1 {
background-color: #E54C00;
}


/*body#tickets #content {
overflow: visible;
}*/

body#tickets #content_main {
width: 300px;
}
body#tickets #content_sub {
width: 580px; /* 620 minus padding */ 
padding: 20px 20px 190px 20px;
background: #396FAD url("/img/theme/bg_650.jpg") bottom right no-repeat; 
}

body#tickets #content_main h2 {
color: #FF6600;
}

body#tickets #content_main a {
font-weight: bold;
}


/* 6/50 Feature */ 

body#tickets #content_sub p {
color: #FFC100;
font-size: 1.166667em;
line-height: 1.285714em;
}
body#tickets #event_listing a {
color: #fff;
}
body#tickets #content_sub h2 {
text-indent: -9999px; /* hide the text */
width: 158px; /* width of replacement image */
height: 158px; /* height of replacement image */
background: url("/img/theme/650_big.png") 0 0 no-repeat;
margin: -35px 20px 20px -30px;
float: left;
}


 



/* @end */










/* @group body#days
------------------------------------------------------------------------- */

body#days #content_main {
width: 570px;
}
body#home #event_listing td,
body#days #event_listing td {
padding: 0 10px;
vertical-align: middle;
border-bottom: 14px solid #fff;
}
body#home #event_listing p,
body#days #event_listing p {
margin: 0;
}
body#home #event_listing .event a,
body#days #event_listing .event a {
font-weight: bold;
font-size: 20px;
}
#event_listing .time {
background-color: #f60;
color: #fff;
font-size: 24px;
line-height: normal;
text-align: right;
vertical-align: middle;
padding: 10px 10px;
margin: 0;
white-space: nowrap;
}






.calendar {
font-size: 20px;
border: none;
}
.calendar tr {
border: none;
}
.calendar th {
background: none;
}

.calendar th,
.calendar td {
text-align: center;
border-color: #DEDEDE;
padding: 0;
border-bottom: 1px solid #DEDEDE;
}

.calendar td {
border-left: 1px solid #DEDEDE;
}


.calendar a {
border: none;
display: block; 
padding: 3px 10px;
}
.calendar a:hover {
background-color: #3372A8;
}

.weekend {
background-color: #eee;
}


body.date21 #nav_date21,
body.date22 #nav_date22,
body.date23 #nav_date23,
body.date24 #nav_date24,
body.date25 #nav_date25,
body.date26 #nav_date26,
body.date27 #nav_date27,
body.date28 #nav_date28,
body.date29 #nav_date29,
body.date30 #nav_date30,
body.date1 #nav_date1,
body.date2 #nav_date2,
body.date3 #nav_date3 {
background-color: #f60;
color: #fff;
font-weight: bold;
}

 



/* @end */













/* @group #nav_days
------------------------------------------------------------------------- */

#nav_date {
/*position: absolute;
top: 20px;
left: 0;*/
font-size: 22px;
line-height: normal;
text-transform: lowercase;
}
#nav_date {
margin: 0;
overflow: hidden;
white-space: nowrap;
}
#nav_date li { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
}
#nav_date a {
background: transparent url("/img/theme/nav_genre_arrow.png") right 50% no-repeat;
padding: 3px 22px 3px 4px;
margin: 0;
border: none;
}
#nav_date a:hover {
background: #3372A8 url("/img/theme/h1_arrow_dwn.png") right 50% no-repeat;
color: #fff;
}




/* @end */