﻿#main_content.events
{
	border: 2px solid #b2488e;
}
/*#main_content.events

 changed to match 90 pixel thumbnail so that the image is not stretched

img.thumbnail
{
width:100px;
border:none;    
    }

*/

img.thumbnail
{
width:90px;
border:none;    
    }
    
.events
{
float: left;
padding-bottom: 50px;
}


.events ul { list-style: none; }

.events ul li { list-style-type: none; float: left; display: block; }


/* Whats On - first page 	*/
.events .front
{
	float: left;
	display: block;
	width: 440px;
	margin: 0 10px 0 0;
	padding: 0;
}

.events .allperformances
{
 	float: left;
	display: block;
	width: 585px;
	margin: 0 0px 0 0;
	padding: 0;   
}

.allperformances .allevent_sub
{
	float: left;
	width: 270px;
	margin: 0 10px 10px 0;
	background: #ECEDEF;
	padding: 5px;
}

.allevent_sub ul { font-size: 90%; }
.allevent_sub li { float: left; margin: 0 5px; display: block; width: 160px; }

html>body.allevent_sub li { width: 160px;}

.allevent_sub li.category	{ font-size: 90%; font-weight: bold; padding: 0 0 1px 0; }
.allevent_sub li.date	{font-size: 80%; }
.allevent_sub li.location	{font-size: 90%;}
.allevent_sub li.name	{ font-weight: bold; font-size: 100%; }
.allevent_sub a	{ color: #000000; }
.allevent_sub li.place	{ color: #333; text-transform: uppercase; float: right;}
.allevent_sub li.bold	{ color: #333; font-weight: bold; }
.allevent_sub li.break	{ margin-bottom: 1em; }


.allevent_sub img
{
    width:85px;
    border:none;
    }




.front .event_big
{
	float: left;
	display: block;
	background: #fff;
	width: 200px;
	background: #fff;
	margin: 0px 17px 0 0;
}

.front .event_sub
{
	float: left;
	display: block;
	width: 185px;
	margin: 0 17px 10px 0;
	background: #ECEDEF;
	padding: 5px;
}



.event_sub a.more
{

background: url('/images/arrow_blue_bg.png') no-repeat 100% 50%;
padding-right: 12px;
margin: 0 0 0 5px;
}

.front .clearer
{
display: block;
float: left;
border-bottom: 4px solid #EECDDE;
height: 1px;
margin: 10px 0;
width: 440px;
}


.front p.large
{
	color: #D23701;
	font: normal 20px/22px Arial, sans-serif !important;
}

/*
.event_big h2
{
	color: #000;
	font: normal 16px/18px "Arial Black", sans-serif;
}

.event_big h3
{
	color: #D23701;
	font: normal 16px/18px "Arial Black", sans-serif;
}
*/

.event_big h2
{
	color: #000;
	font: bold 16px/18px "Arial", sans-serif;
}

.event_big h3
{
	color: #D23701;
	font: bold 13px/15px "Arial", sans-serif;
}

.event_big a
{
    color: #000000;
}

.event_big img
{
    width:190px;
    border:none;
    }


.event_sub ul { font-size: 90%; }
.event_sub li { float: left; margin: 0 5px; display: block; width: 80px; }

html>body.event_sub li { width: 80px;}

.event_sub li.category	{ font-size: 90%; font-weight: bold; padding: 0 0 1px 0; }
.event_sub li.date	{font-size: 80%; }
.event_sub li.name	{ font-weight: bold; font-size: 100%; }
.event_sub a	{ color: #000000; }
.event_sub li.place	{ color: #333; text-transform: uppercase; float: left;}
.event_sub li.bold	{ color: #333; font-weight: bold; }
.event_sub li.break	{ margin-bottom: 1em; }


.event_sub img
{
    width:85px;
    border:none;
    }

.events .exhib
{
	float: left;
	display: block;
	width: 128px;
	margin: 0 0 0 0;
	padding: 0;
} 

/* Original style - changed by Paula
.exhib h4
{
	display: block;
	float: left;
	color: #D23701;
	font: normal 16px/18px "Arial Black", sans-serif;
}
*/
.exhib h4
{
	display: block;
	float: left;
	color: #D23701;
	font: bold 16px/18px "Arial", sans-serif;
}

/* changed to match thumbnail size of general events so that image is not stretched - Paula
.exhib img
{
    width:100px;
    border:none;
    }
*/

.exhib img
{
    width:90px;
    border:none;
    }

.exhib p.date
{
	display: block;
	float: left;
	margin: 5px 0 !important;
	padding: 1px 3px;
	background: #A22F7C;
	color: #fff;
	font-size: 90% !important;
	
}

.exhib div
{
	float: left;
	display: block;
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	border-bottom: 4px solid #EECDDE;
}

.exhib div p
{
float: left;
display: block;
width: 100px;
margin-top: 5px !important;
font: Arial, sans-serif;
}

.exhib div p a
{
font-weight: bold;
color: #434B7C;
font-size: 110%;
}

.exhib div p a.podcast
{
padding-right: 24px;
background: url('/images/podcast_white.png') 100% 50% no-repeat;
}


.exhib div b
{
	color: #D23701;
	font-size: 90%;
	font: normal "Arial", sans-serif !important;
/* 	font: normal 12px/14px "Arial", sans-serif !important; */
}

.exhib div ul { font-size: 90%; margin-bottom: 5px;}
.exhib div li { float: left; margin: 0; display: block; width: 50px; }

html>body.exhib div li { width: 100px;}

.exhib div li.category	{ font-size: 90%; font-weight: bold; padding: 0 0 1px 0; }
.exhib div li.date	{ width:100%;  font-size: 80%;}
.exhib div li.name	{ font-weight: bold; font-size: 100%; }
.exhib div li.place	{ color: #333; text-transform: uppercase; }
.exhib div li.bold	{ color: #333; font-weight: bold; }
.exhib div li.break	{ margin-bottom: 1em; }


/* Whats On - detail page 	*/

							/*1st Col*/
.events .event
{
	float: left;
	display: block;
	width: 300px;
	margin: 0 10px 0 0;
	padding: 0;
}

/* added by Paula to allow different size for Facebook button below event decription */

.events .facebook
{
	float: left;
	display: block;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0;
}

/* 

.event h2	
{
	display: block;
	margin: 0;
	padding: 0; 
	font: normal 26px/28px "Arial Black", sans-serif; 
	line-height: 1.25;
}

.event h3	{ font: normal 16px/18px "Arial Black", sans-serif !important;  color: #CD3800 !important; }


*/

.event h2	
{
	display: block;
	margin: 0;
	padding: 0; 
	font: bold 18px/20px "Arial", sans-serif; 
	line-height: 1.25;
}

.event h3	{ font: bold 14px/16px "Arial", sans-serif !important;  color: #CD3800 !important; }
.event h5	{ color: #A22F7C !important; font: normal 17px "Arial", sans-serif !important; margin: 10px 0 5px 0; }

.event p.presenting { margin: 0; padding: 0; color: #222; font-size: 90%; }

.event img
{
    width:300px;
    border: none;
    }

							/*2nd Col*/
.events .event_info
{
	float: left;
	display: block;
	width: 140px;
	min-height:195px;
	background: #EAD3E5;
	margin: 0 10px 10px 0;
	padding: 0px 0px 5px 0px;
}

/*.event_info ul
{
	display: block;
background: #EAD3E5;
	width: 140px;
	min-height:200px;
padding:15px 0px 5px 5px;
}*/

.events .info_promo
{
	float: left;
	width: 140px;
	background: #ffffff;
	margin: 0px 5px 0px 0px;
	padding: 0;
}

.promo img
{
float:left;
width:140px;
height:280px;
margin:10px 0px 0px 0px;
}


a.events_list 
{
	display: block; 
	font-weight: bold; 
	color: #D23D09; 
	margin: 5px 0px 5px 5px; 
	padding-right: 5px; 
	width: 100%;
 
}

html>body a.events_list  { margin: 1em 5px 1em 5px; padding-right: 40px; }

.event_podcast { display: block; float: left; text-align: center; width: 105px; border-top: 6px solid #fff; padding: 5px 0; }

.event_podcast a {
	display: block;
	margin: 0 0 0 -6px; 
	font-weight: bold;
	padding-right: 10px;
	font-size: 90%;
	color: #3C4371; 
	background: url('/images/podcast_event.png') no-repeat 80% 50%;
	}

a.event_more {
display: block; font-weight: bold; color: #D23D09; margin: 1em 5px 1em 0; padding-left: 14px; background: url('i/event_arrow_r.png') no-repeat 0 50%;
	color: #D23D09;
	text-decoration: none;
}

a.event_link { color: #000; text-decoration: underline; }

.event_info p { float: left; padding: 0 5px; display: block; }


.event_info ul { margin: 10px 5px 5px 5px;}
.event_info li { float: left; margin: 0px; display: block; width: 100%; position: relative; }

html>body.event_info li { width: 100%;}

.event_info li.category	{ font-size: 80%; font-weight: bold; padding: 0 0 1px 0; }
.event_info li.date	{ font-size: 70%; }
.event_info li.name	{ font-weight: bold; font-size: 90%; }
.event_info li.place	{ color: #333; font-size:70%;}
.event_info li.bold	{ color: #333; font-weight: bold; }
.event_info li.break	{ margin-bottom: 1em; }
.event_info li.tickets { font-size:80%; width:100%;}

.event_info li a	{ font-size: 90%; color: #000; text-decoration: underline; margin: 0; padding: 0; width: 100%; height: 1.2em; position: absolute; top: 0; left: 0; }

.event_info img
{
width: 125px;
float: left;
margin: 10px;
padding: 0px 0px 0px 10px;
}

							/*3rd Col*/
.events .other
{
	float: left;
	display: block;
	width: 110px;
	margin: 0 2px 0 0px;
	padding: 0;
	background: #fff url('/images/events_info.png') top left no-repeat;
}

.other .month
{
	font-size: 90%;
	display: block;
	float: left;
	color: #333;
}

.other strong
{
	color: #A74182;
	font: normal 14px/16px "Arial Black", sans-serif; 
	line-height: 80% !important;
	display: block;
	float: left;
	width: 100%;
	line-height:1.25;
}
.other img
{
    width:100px;
    border:none;
    }

.other div
{
float: left;
display: block;
margin: 10px 0 0 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #F0BF9D;
}

.other p { float: left; width: 100%;  }

.other ul { width: 100%; }
.other li { float: left; display: block; clear: left; }

.other li.category	{ font-size: 80%; font-weight: bold; padding: 0 0 1px 0; }
.other li.date		{ color: #fff; background: #A22F7D; padding: 1px 1px 1px 1px; width:100%; font-size: 70%; }
.other li.name		{ color: #ffffff; font-weight: bold; font-size: 80%; width:100%; }
.other a	{ color: #000000;}
.other li.place		{ color: #333; }


/*	howtobook Info page	*/
.howtobook_main
{
float: left;
display: block;
width: 390px;
}
/*
.howtobook_main h3
{
display: block;
color: #011945;

font: normal 26px/28px "Arial Black", sans-serif; 
}
*/

.howtobook_main h2
{
display: block;
color: #000000;
font: bold 17px "Arial", sans-serif;
margin-top: 20px;
margin-bottom: 8px;
}


.howtobook_main h3
{
color: #b2488e;
font: bold 14px "Arial", sans-serif;
margin: 5px 0 5px 0;
padding-top: 10px;
}



.howtobook_main img
{
border: 1px solid #000;
margin: 0 0 10px 0 !important;
}



.howtobook_menu
{
float: right;
display: block;
width: 160px;
margin: 0 0 0 20px;
background: #DBDCE0;
padding-bottom: 100px;
}


.howtobook_menu ul { list-style: none; margin: 10px 0 0 0; }

.howtobook_menu li { list-style-type: none; display: block; padding: 2px 0 5px 0; margin: 5px; border-bottom: 2px solid #fff;  }
.howtobook_menu li a { color: #000000; font-weight: bold; }
.howtobook_main ul { list-style: none; padding-left: 35px; padding-bottom: 25px}
.howtobook_main li { list-style-type: disc; margin-bottom: 5px; color: #000000; }


/*	cinderella Info page	*/

.cinderella_main
{
float: left;
display: block;
width: 390px;
}

.cinderella_main h2
{
display: block;
color: #000000;
font: bold 17px "Arial", sans-serif;
margin-top: 20px;
margin-bottom: 8px;
}


.cinderella_main h3
{
color: #b2488e;
font: bold 14px "Arial", sans-serif;
margin: 5px 0 5px 0;
padding-top: 10px;
}



.cinderella_main img
{
border: 0px solid #000;
margin: 20px 0 10px 15px !important;
float: right !important;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #000000;
}




.cinderella_menu
{
float: right;
display: block;
width: 160px;
margin: 0 0 0 20px;
background: #DBDCE0;
padding-bottom: 100px;
}


.cinderella_menu ul { list-style: none; margin: 10px 0 0 0; }

.cinderella_menu li { list-style-type: none; display: block; padding: 2px 0 5px 0; margin: 5px; border-bottom: 2px solid #fff;  }
.cinderella_menu li a { color: #000000; font-weight: bold; }
.cinderella_main ul { list-style: none; padding-left: 35px; padding-bottom: 25px}
.cinderella_main li { list-style-type: disc; margin-bottom: 5px; color: #000000; }


