/* 
Title: 		Typography
Purpose:	General typography defaults
Website:	nac-cna.ca
Author:		Jason Westerlund (jaywest) for the National Arts Centre
Contact:	jaywest@nac-cna.ca
Updated:	March 4, 2010  
*/


/* @group Typography */

p, li {
font: 14px/1.5em Georgia, Times, serif;
margin: .5em 0 1em 0;
color: #333;
}

strong {font-weight: bold;}
em {font-style: italic;}

a {color: #369; text-decoration:none; cursor:pointer; border-bottom: 1px solid #dedede;}
a:hover {color: #fff; background-color:#369; border-bottom: 1px solid #369;}

p a:hover {
padding: 2px 3px;
margin: 0 -3px;

/*border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 1px 4px;
margin: 0 -4px;
z-index: 999;*/
}



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

a.pdf {background: transparent url("/img/rubyforty/pdf.gif") 0 2px no-repeat; padding: 1px 2px 1px 16px;}
a.pdf:hover {background-color: #369; color: #fff; padding: 1px 2px 1px 16px; margin-left: 0;}

a.email {white-space: nowrap;}
a.email:hover {}


a.more {
/*font: 12px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;*/
background: transparent url("/img/rubyforty/more_trans_blk.png") 0 50% no-repeat;
padding: 1px 6px 1px 16px; 
border: none; 
margin: 10px 0;
}
a.more:hover {
background-color: #000;
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; 
}





h1 {
font: 32px/1.2em Georgia, Times, serif;
margin: .25em 0 .5em 0;
}
h2 {
font: 28px/1.2em Georgia, Times, serif;
margin: 1em 0 .5em 0;
}
h3 {
font: 21px/1.2em Georgia, Times, serif;
margin: 1em 0 .5em 0;
}
h4 {
font: 16px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 1em 0 .5em 0;
}



ul {margin: 10px 0 20px 0;}
li {margin: 0 0 10px 15px; list-style: disc outside;}

ol {margin: 0 0 10px 0;}
ol li {margin: 0 0 10px 0; list-style: decimal;}
/*ol li p {margin: 0 0 6px 0;}*/


dl {
margin: 1em 0 .5em 0;
}
dt {
font: 13px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 1.25em 0 .25em 0;
color: #000;
font-weight: bold;
}
dd {
font: 13px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 0;
}




blockquote {
margin: .75em 0;
}

blockquote p {
font: italic 18px/1.5em Georgia, Times, serif;
margin: 0;
/*float: left;*/
/*margin: 0 0 20px -240px;*/
/*width: 220px;*/
color: #666;
/*clear: left;*/
}
blockquote p cite {
font: 12px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 6px 0 0 0;
color: #999;
}


/* @end */






/* @group #news_list
------------------------------------------------------------------------- */

#news_list dt {
font: 13px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 1em 0 .5em 0;
font-weight: normal;
}
#news_list dd { 
font: 11px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
color: #999;
}
#news_list dd strong { 
text-transform: uppercase;
font-weight: normal;
color: #666;
}

/* @end */





/* @group #media_photos
------------------------------------------------------------------------- */

#media_photos p {
font: 11px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
color: #999;
margin: 0 0 .4em 0;
text-align: center;
}
#media_photos a {
font-size: 12px;
padding: 20px 4px 1px 37px;
background: url('/en/naco/1011/img/media_icn.png') bottom left no-repeat;
}
#media_photos a:hover {
background-color: #369;
}

/* @end */











/* @group .ticket_widget, .subscriptions_widget
------------------------------------------------------------------------- */

.ticket_widget,
.subscription_widget {
width: 260px; /* 300 minus padding */ 
margin: 33px 0 20px 0;
padding: 20px ;
float: right;
position: relative;
background-color: #fff;
border: 1px solid #ddd; 
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
}
body.event .ticket_widget {
margin: 10px 0 20px 0;
}

.ticket_widget .ticket_icon,
.subscription_widget .ticket_icon {
width: 90px; /* width of replacement image */
height: 123px; /* height of replacement image */
background: url("/img/1011/ticket_widget_icon.png") 0 0 no-repeat;
position: absolute;
top: -20px;
right: 0;
margin: 0;
}



/*.ticket_widget h2 {  TICKETS  
text-indent: -9999px;  hide the text 
width: 205px;  width of replacement image 
height: 118px;  height of replacement image 
background: url("/img/rubyforty/ticket_widget_en.png") 0 0 no-repeat;
position: absolute;
top: -33px;
right: 0;
margin: 0;
}*/

.ticket_widget h2 {
font-size: 28px;
font-family: "museo-sans-1","museo-sans-2";
color: #52276F;
text-transform: uppercase;
margin: 10px 0 0 0;
}





body.fr .ticket_widget h2 {
/*background: url("/img/rubyforty/ticket_widget_fr.png") 0 0 no-repeat;*/
}	

.subscription_widget h3 { /* pitch */ 
font: 23px/1.2em Georgia, Times, serif;
margin: 0 55px .5em 0;	
}	
.subscription_widget p { /* benefits */ 
font: 11px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #666;
margin: 0;
text-align: center;
}
.subscription_widget .more { 
text-transform: none;
font-size: 11px;
color: #666;
background-image: none;
padding: 2px 4px;
border-bottom: 1px solid #dedede;
margin: 0;
}

.ticket_widget_groups {
font: 12px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 0 20px ;
}

.ticket_widget h4 {
font: bold 14px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 1em 0 .5em 0;
color: #52276F;
}
.ticket_widget p {
font: 12px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
color: #333;
}


.subscription_widget h4 {
font: 12px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
text-transform: uppercase;
text-align: center;
margin: 2em 0 0 0;
color: #C67600;
}
.subscription_widget h4 strong { /* price */ 
font: 34px/1em Georgia, Times, serif; 
display: block;
text-align: center;
}
.subscription_widget h5 {  /* ways to subscribe  */
font: 18px/1.5em Georgia, Times, serif;
margin: 1em 0 0 0;
text-align: center;
color: #999;
}


/*.ticket_widget p {  prices  
font: 11px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
line-height: 18px;
color: #000;
margin: 0 10px 7px 0;
}*/


.ticket_widget h3 { /* On Sale Now */ 
font: italic 28px/1em Georgia, Times, serif;
text-align: center;
margin: 1em 0 .3em 0;
color: #52276F;
}
body.fr .ticket_widget h3 {
font-size: 24px;	
}

.ticket_widget ul,
.subscription_widget ul {
margin: 20px 0 0 0;
text-align: center;
}

.ticket_widget li,
.subscription_widget li {
list-style: none;
font: 11px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
color: #999;
text-transform: uppercase;
text-align: center;
margin: 0 0 12px 0;
}
.ticket_widget li strong,
.subscription_widget li strong {
font: 19px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
display: block;
text-align: center;
color: #000;
cursor: help;
}



.ticket_widget li a,
.subscription_widget li a {
color: #000;
padding: 0 6px;
}
.ticket_widget li a:hover,
.subscription_widget li a:hover {
color: #fff;
background-color: #52276F;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: none;
}
.ticket_widget li span
.subscription_widget li span {
margin: 5px 0;
width: auto;
font-size: 10px;
color: #666;
text-align: center;
text-transform: none;
}



.ticket_widget a.bttn_buy_online,
.subscription_widget a.bttn_buy_online {
text-indent: -9999px; /* hide the text */
width: 149px; /* width of replacement image */
height: 34px; /* height of replacement image */
background: url("/img/rubyforty/bttn_buy_online_big_en.png") 0 0 no-repeat;
display: block; 
margin: 5px auto 0 auto;
padding: 0;
border: none;
}
body.fr .ticket_widget a.bttn_buy_online,
body.fr .subscription_widget a.bttn_buy_online {
background: url("/img/rubyforty/bttn_buy_online_big_fr.png") 0 0 no-repeat;
}
.ticket_widget li a.bttn_buy_online:hover,
.subscription_widget li a.bttn_buy_online:hover {
background-position: 0 -34px;
background-color: transparent;
border: none;
}



.liverush_widget {
text-align: center;
padding: 10px 0;
}



/* @end */












/* @group .ticket_widget_300
------------------------------------------------------------------------- */

/* currently only used on landing pages */ 

.ticket_widget_300 {
width: 260px; /* 300 minus padding */ 
margin: 33px 0 20px 0;
padding: 20px ;
float: right;
position: relative;
background-color: #fff;
border: 1px solid #ddd; 
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
}

.ticket_widget_300 h2 {  /* TICKETS */  
text-indent: -9999px;  /*hide the text*/ 
width: 300px;  /*width of replacement image*/ 
height: 120px;  /*height of replacement image*/ 
background: url("/img/1011/ticket_widget_en.png") 0 0 no-repeat;
position: absolute;
top: -20px;
right: 0;
margin: 0;
}
body.fr .ticket_widget_300 h2 {
background: url("/img/1011/ticket_widget_fr.png") 0 0 no-repeat;
}	

.ticket_widget_300 h3 { /* On Sale Now */ 
font: italic 26px/1em Georgia, Times, serif;
color: #52276F;
margin: 50px 0 0 32px;
}
body.fr .ticket_widget_300 h3 {
font-size: 24px;	
margin: 55px 0 0 15px;
}
.ticket_widget_channels h3 {
display: none;
}


.ticket_widget_300 h4 {
font: bold 14px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
margin: 1em 0 .5em 0;
color: #52276F;
}
.ticket_widget_300 p {
font: 12px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
color: #333;
}


.ticket_widget_300 ul {
margin: 20px 0 0 0;
text-align: center;
}
.ticket_widget_300 li {
list-style: none;
font: 11px/1.5em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
color: #999;
text-transform: uppercase;
text-align: center;
margin: 0;
padding: 0 0 12px 0;
}
.ticket_widget_300 li strong {
font: 19px/1.3em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;
display: block;
text-align: center;
color: #000;
cursor: help;
}



.ticket_widget_300 li a {
color: #000;
padding: 0 6px;
}
.ticket_widget_300 li a:hover {
color: #fff;
background-color: #52276F;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: none;
}
.ticket_widget_300 li span {
margin: 5px 0;
width: auto;
font-size: 10px;
color: #666;
text-align: center;
text-transform: none;
}


.ticket_widget_300 a.bttn_buy_online {
text-indent: -9999px; /* hide the text */
width: 149px; /* width of replacement image */
height: 34px; /* height of replacement image */
background: url("/img/rubyforty/bttn_buy_online_big_en.png") 0 0 no-repeat;
display: block; 
margin: 5px auto 0 auto;
padding: 0;
border: none;
}
body.fr .ticket_widget_300 a.bttn_buy_online {
background: url("/img/rubyforty/bttn_buy_online_big_fr.png") 0 0 no-repeat;
}
.ticket_widget_300 li a.bttn_buy_online:hover {
background-position: 0 -34px;
background-color: transparent;
border: none;
}


/* @end */












/* @group .tipsy */

.tipsy {
font: 10px "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif !important; 
padding: 5px;
opacity: 0.8; 
filter: alpha(opacity=80); 
background-repeat: no-repeat;
}
.tipsy-inner {
padding: 6px 10px;
background-color: black;
color: white; 
max-width: 200px; 
text-align: left;
line-height: 13px;
}

.tipsy-north { background-image: url("/js/tipsy/tipsy-north.gif"); background-position: top center; }
.tipsy-south { background-image: url("/js/tipsy/tipsy-south.gif"); background-position: bottom center; }
.tipsy-east { background-image: url("/js/tipsy/tipsy-east.gif"); background-position: right center; }
.tipsy-west { background-image: url("/js/tipsy/tipsy-west.gif"); background-position: left center; }

/* @end */






 
/*@group .event_list*/
 
.event_list {
margin:  10px 0 20px 0;
}
.event_list li {
list-style: none;
margin: 0 0 15px 0;
}
.event_list a  {
display: block;
padding: 10px 5px 0 0;
overflow: hidden;
/*height: 50px;*/
border: none;
}
.event_list a:hover  {
background: transparent url("/img/rubyforty/bg_trans_blk05.png");
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.event_list a h3  {
font: 18px/1.1em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;	
color: #333;
margin: 0 0 3px 0;
}
.event_list p  {
font: 13px/1.2em "Lucida Grande", Tahoma ,Verdana, Arial, sans-serif;	
color:#000;
margin: 0;
padding: 0 0 10px 0;
opacity: .6; 
}
.event_list a:hover *  {
color: #000;
}
.event_list img {
background: transparent url("/img/rubyforty/bg_trans_blk05.png");
display:block;
height: 50px;
padding: 6px;
width: 90px;
margin: -10px 20px 0 0;
float: left;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}


.free  {
background:url("/img/1011/free_en.png") no-repeat scroll 0 0 transparent;
float:right;
height:71px;
margin: -7px 0 0 0;
text-indent:-9999px;
width:71px;
}
body.fr .free {
background:url("/img/1011/free_fr.png") no-repeat scroll 0 0 transparent;
}



.closed {
text-indent: -9999px; /* hide the text */
width: 100px; /* width of replacement image */
height: 11px; /* height of replacement image */
background: url("img/closed_en.png") 0 0 no-repeat;
display: inline-block;
margin: 3px 2px;
}
body.fr .closed {
width: 106px; /* width of replacement image */
height: 11px; /* height of replacement image */
background: url("img/closed_fr.png") 0 0 no-repeat;
}

 
 /*@end*/