/*
                                   .MMM
                                   .MMM
                                   .MMM
                                   .MMM
  ,MMMMMMMM .  MMMMMMMMM    MMMMMMMMMMM
 MMMMMMMMMMMM.MMMMMMMMMMM.MMMMMMMMMMMMM
MMMM    .8MMMMMMM    .MMMMMMM?    .MMMM
MMM      .MMMMMM      .MMMMMM.     ~MMM
MMM.      MMMMMM.      MMMMMM.    .7MMM.
MMMM.   .MMMMMMMM    .MMMMMMMM.  .+MMMM.
MMMMMMMMMMMMO.MMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM.. .+MMMMMM MMM. MMMMMMMM.
MMM
MMM
MMM               Pad Creative - design
MMM               www.padcreative.co.uk

*/


@import ("reset.css");
@import url(reset.css);
* { margin:0; padding:0; } 

body { color: #333333; font-size:62.5%; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; line-height:150%; background: url(../images/background.jpg); text-align:center; margin: 0; padding: 0; } 

h1 { font-size: 3.3em; font-weight: normal; line-height: 1.5em; margin-bottom: 20px; text-transform: uppercase; color: #5a5a5a; padding-bottom: 3px; border-bottom: 1px dotted #5a5a5a; } 
h2 { font-size: 2.7em; font-weight: bold; line-height: 1.5em; margin-bottom: 20px; } 
h3 { font-size: 1.8em; font-weight: bold; line-height: 1.5em; margin-bottom: 5px; } 
h4 { font-size: 1.3em; font-weight: normal; line-height: 1.5em; margin-bottom: 5px; } 
h5 { font-size: 0; font-weight: normal; line-height: 1.5em; } 
h6 { font-size: 0; font-weight: bold; line-height: 1.5em; } 

p, li { font-size: 1.3em; } 
p { margin-bottom: 20px; }
strong { font-weight: bold; } 
a:link, a:visited, a:active { color: #333333; text-decoration: underline; } 
a:hover { color: #420D0E; text-decoration: none; } 

/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#container { background-color: #FFFFFF; margin: 0px auto 0px; text-align: left; width: 800px; background-image: url(../images/inner_bg.png); background-repeat: repeat; } 
div#pageholder { width: 100%; display: block; } 

/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { background-color: #420D0E; background-image: url(../images/header.jpg); background-repeat: no-repeat; width:800px; height: 180px; margin-bottom: 30px; } 
div#header_info { float: right; margin: 16px 16px 0px 0px; }
div#header_info div#box_office { background-color: #fff; width: 135px; overflow: hidden; padding: 3px; margin-bottom: 5px; }
div#header_info div#box_office div { text-align: center; width: 133px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #333333; }

div#header_info div#book_now { background-color: #420d0e; width: 135px; overflow: hidden; border: solid 3px #fff; margin-bottom: 7px; }
div#header_info div#book_now a { width: 135px; height: 38px; display: block; background-image: url(../images/btn_book_now.png); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
div#header_info div#book_now a:hover { background-position: -135px 0; }

div#header_info div#address { width: 135px; overflow: hidden; float: right; }
div#header_info div#address p { font-size: 1.2em; font-weight: bold; color: #fff; line-height: 1.4em; text-align: right; }

div#header_info div#address span { white-space: nowrap; }

/* 
	 Left Column 
 	 --------------------------------------------------------------------
*/

div#left { width: 166px; overflow: hidden; float: left; padding-right: 20px; padding-left: 14px; } 
div#left div#whats_on { width: 140px; padding: 3px; border: solid 1px #333333; } 
div#left div#whats_on div#whats_on_menu { background-color: #420d0e; background-image: url(../images/whats_on.png); background-repeat: no-repeat; background-position: 8px 8px; padding: 36px 8px 8px; }
div#left div#whats_on div#whats_on_menu ul { padding-right: 3px;}
div#left div#whats_on div#whats_on_menu ul li { margin-bottom: 5px; border-top: solid 1px #fff; padding-top: 5px;}
div#left div#whats_on div#whats_on_menu ul li.first{ padding-top: 0px; border: none;}
div#left div#whats_on div#whats_on_menu ul li a { color: #fff; text-decoration: none; }
div#left div#whats_on div#whats_on_menu ul li a:hover { color: #942c0d; }
div#left div#leftmenu { width: 122px; padding: 12px 12px 4px; border-color: #333333; border-style: solid; border-width: 0 1px 1px; } 
div#left div#leftmenu ul {  } 
div#left div#leftmenu li { font-size: 1.6em; margin-bottom: 3px; } 
div#left div#leftmenu li a { color: #333333; font-weight: normal; text-decoration: none; padding: 4px 0px; display: block; } 
div#left div#leftmenu ul li a:hover,div#left div#leftmenu ul li a.current:hover { color: #942c0d; text-decoration: none; } 
div#left div#leftmenu ul li a.current { color: #420d0e; font-weight: bold; } 

/* 
	 Main Column 
 	 --------------------------------------------------------------------
*/

div#main { width: 550px; float: left; padding-right: 50px; } 
div#main h1 {  } 
div#main p { line-height: 1.4em; padding-right: 50px; } 
div#main p.intro { font-size: 1.5em; font-weight: bold; line-height: 1.5em; } 
div#main blockquote {  } 
div#main blockquote p {  } 
div#main ul { } 
div#main li { } 
div#main ul.bullets { margin-bottom: 20px; } 
div#main ul.bullets li { list-style-type: disc; } 
div#main img.fullwidth { margin-bottom: 20px; } 
div#main img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 20px; margin-left: 15px; } 
div#main img.leftpic { float: left; clear: both; margin-top: 3px; margin-bottom: 20px; margin-right: 15px; } 
div#main div#main_show_image { margin-bottom: 30px; }
div#main div#main_show_image img { }
div#main div#secondary_show_images { overflow: hidden; margin-bottom: 20px; }
div#main div#secondary_show_images img { width: 158px; }
div#main div#secondary_show_images a img { border: solid 1px #5a5a5a; background-color: #fff; padding: 5px;  }
div#main div#secondary_show_images a img:hover { border: solid 1px #420d0e; background-color: #ddd; }
div#main div#secondary_show_images ul li { margin-right: 20px; float: left; }
div#main div#secondary_show_images ul li#end { margin-right: 0px; clear: right; } 

/*  Main Column: Events page */
div#main div#events_left p, div#main div#events_right p { padding-right: 0; }
div#main div#events_left { width: 200px; float: left; margin-right: 20px; }
div#main div#events_left div#event_main_image { margin-bottom: 20px; }
div#main div#events_left div#event_main_image img { width: 200px; }

div#main div#events_left div.btn_book_now { width: 198px; background-color: #420D0E; border: solid 1px #000; margin-bottom: 20px; }
div#main div#events_left div.btn_book_now a { border: solid 3px #fff; width: 192px; height: 38px; display: block; background-image: url(../images/btn_book_now_big.png); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; }
div#main div#events_left div.btn_book_now a:hover { background-position: -192px 0; }

div#main div#events_left div#event_secondary_images {  }
div#main div#events_left div.event_secondary_images img { width: 200px; margin-bottom: 20px; }

div#main div#events_right { width: 330px; float: left; }
div#main div#events_right div#show_info { border: solid 1px #5a5a5a; background-color: #fff; margin-bottom: 20px; padding: 3px; }
div#main div#events_right div#show_info_inner { background-color: #420D0E; padding: 10px; width: 302px; }
div#main div#events_right div#show_info_inner p { color: #fff; margin-bottom: 0; }
div#main div#events_right div#show_info_inner p.running { color: #f19349; font-size: 2em; font-weight: bold; line-height: 1.2em; margin-bottom: 10px; }
div#main div#events_right div#show_info_inner p.show_times { font-size: 1.8em; line-height: 1.2em; margin-bottom: 10px; padding: 5px; border: dotted 1px #f19349; }
div#main div#events_right div#show_info_inner p.duration { font-size: 1.3em; font-weight: bold; line-height: 1.2em; margin-bottom: 0; }

div#main div#events_right div#long_copy { color: #1c1c1c; line-height: 1.2em; margin-bottom: 20px; border-bottom: 0px dotted #5a5a5a; }
div#main div#events_right div#long_copy p { margin-bottom: 10px; }

div#main div#events_right div#additional_info { border: solid 1px #5a5a5a; background-color: #fff; margin-bottom: 20px; padding: 3px; }
div#main div#events_right div#additional_info_inner { background-color: #420D0E; padding: 10px 10px 5px; width: 302px; }
div#main div#events_right div#additional_info_inner p { color: #fff; margin-bottom: 5px; }
div#main div#venue_info { clear: both;  border-top: 1px dotted #5a5a5a; padding: 10px 0px; }
div#main div#venue_info p { margin-bottom: 5px; font-size: 1.1em; }

/* 
	 Right Column 
 	 --------------------------------------------------------------------
*/

div#right { width: 0px; float: left; } 

/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div#footer { padding: 5px 50px 20px 200px; clear: both; background-image: url(../images/footer_bg.png); background-repeat: no-repeat; background-position: 0 bottom;  } 
div#footer div#footer_holder { border-top: 1px dotted #5a5a5a; width: 550px; padding-top: 8px; }
div#footer div#copyright {  }
div#footer div#credit { float: right; }
div#footer div#credit a, div#credit a:link, div#credit a:visited { width: 97px; text-indent: 0px; overflow: hidden; }
div#footer div#credit a:hover { text-indent: -97px; }
div#footer div#credit a#ie6 { display: none; }
div#footer div#credit a#not_ie6 { display: block; }
div#footer p { font-size: 1.1em; color: #333333; padding-bottom: 5px; margin-bottom: 0; } 

/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div.clear { clear: both; } 
li.clear { clear: both; }



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

div#main div#events_right div#press_quotes { color: #1c1c1c; font-size: 1.2em; line-height: 1.1em; font-weight: bold; margin-bottom: 20px; padding-top: 10px; border-top: 1px dotted #5a5a5a; }
div#main div#events_right div#press_quotes p { color: #1c1c1c; font-size: 1.1em; font-weight: bold; line-height: 1.1em; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #5a5a5a; }
div#main div#events_right div#press_quotes p span { color: #420d0e; font-size: 1.4em; line-height: 1.2em; font-weight: normal; }