/* layout */

#container {
	background-image: url(../images/background2.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin-left:145px;

}	

#sidebar {
	width:145px;
	float:left;

	
}

#main {
	width: 690px;
	margin-left: 35px;
}


/*  -------------------- PRESENTATION -------------------- */

body {
	background-image: url(../images/background-sidebar.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;	
	padding: 0px;
}

/* Side bar & club navigation */

#sidebar {
	
	background-color: #4D4D4D;


}


#sidebar ul {
	margin:0px;
	padding-left:10px;
	padding-right:12px;
	list-style:none;
	margin-top:2px;
}

#sidebar ul li {
	padding-bottom:5px;
	padding-top:5px;
	font-size:11px;
	border-bottom: 1px solid #CCCCCC;
	color:#FFFFFF;
}

#sidebar ul li a:link,
#sidebar ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#sidebar ul li a.selected:link,
#sidebar ul li a.selected:visited {
	font-weight: bold;
	text-decoration:none;
}

#sidebar ul li a:hover,
#sidebar ul li a.selected:hover {
	color:#AAAAAA;
}


/* TOP STRIP */

#header {
	padding-top:10px;
	margin-bottom:28px;
}


.login  {
	float:right;
	padding-top:10px; 
	margin-bottom:20px; 
	
	
}


.login p {
	margin:0px;
	padding:0px;
	padding-left:10px;
	border-left: 1px solid #CCCCCC;
	
}

#header div.strapline {
	margin-left:3px;	
	margin-top:5px;
	line-height:70%;
}


/* CONTENT */

#content {
	background-image: url(../images/stripes.gif);
	background-image: none;
	background-color:#FFFFFF;
	margin-top:-1px;
	padding:15px;
	border: 1px solid #333333;
	border-top:none;
}



h1 {
	font-family: Georgia, Arial;
	font-size:2em;
	color:#333;
	text-transform: capitalize;
	font-weight: bold;
	margin-top:0px;
}

h3 {
	font-family: Georgia, Arial;
	font-size:16px;
	margin-bottom:3px;
}

span.latest-news-venue {

	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;

}

.sentencecase {
	text-transform:capitalize;
}



/* HOUSE NAV */

#nav {
	background: url(../images/tab_bg.gif) repeat-x scroll; 
	background-position: 0px 23px;
	padding-bottom:11px;
	/* float:left;*/
	/*width:690px;*/
	/*height:25px; */
}


#nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	margin-top:10px;
}

#nav ul li {
	display:inline;
	margin:0pt;
	padding:0pt;
	line-height:normal;
	margin-right:1px;
}

#nav a {
	font-size:12px;
	background: url(../images/tabLeft.gif) no-repeat scroll; 
	background-position: left top;
	float:left;
	margin:0pt;
	padding:0pt 0pt 0pt 6px;
	text-decoration:none;
	color:#000000;
	border-bottom:0px solid #000000;
	margin-right:1px;
}

#nav a span  {
	background:transparent url(../images/tabRight.gif) no-repeat scroll right top;
	display:block;
	float:none;
	font-weight:bold;
	padding:5px 10px 4px 4px;
}


#nav #current a  { 
	background-position: 0% -150px;
	border-width:0px;
	color:#000000;
}

#nav #current a span {
	background-position:100% -150px;
}
	

#nav a:hover {
	background-position:0% -150px;
	color:#000000;
}

#nav a:hover span {
	background-position:100% -150px;
}



/* next screening */

table.nextscreening  {
	margin-bottom:20px;
	border: 1px solid #666666;
}

table.nextscreening th {
	background-color:#444444;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	padding:2px;
	padding-left:6px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;

}

table.nextscreening td {
	background-color:#FFFFFF;
}

table.nextscreening td.filmimage {
	background-repeat: no-repeat;
}

table.nextscreening td.eventimage {
	 background-repeat: no-repeat;
}

table.nextscreening div.label {
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	float:right;
	width:220px;
	opacity: .85;
	filter: alpha(opacity=85);
}	

table.nextscreening p {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:5px;
	padding-bottom: 0px;
	padding-right:5px;
}

table.nextscreening h1 {
	font-size:18px;
	text-transform:uppercase;
	margin-top:8px;
	margin-bottom:5px;
	padding-top:0px;
	padding-bottom: 0px;
	font-weight:normal;
}


/* inner columns left & right */

div.leftcol {
	width:450px;

}

div.rightcol {
	width:190px;
	float:right;

}




/* EVERY HOUSE PAGE */

div.nextscreening { 
	margin-bottom: 20px; 
}

div.nextscreening .title {
  background-color:#15487C;
  border-bottom:0px solid #FFFFFF;
  color:#FFFFFF;
  padding:4px 2px 4px 9px;
  text-align:left;
  font-weight: bold;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:1.75em;
 }
  
  
div.nextscreening h1 {
  font-size:18px;
  font-weight:normal;
  margin-bottom:5px;
  margin-top:8px;
  padding-bottom:0px;
  padding-top:0px;
  text-transform:uppercase;
}

div.nextscreening p {
  font-size:12px;
    margin-bottom:4px;
  margin-top:0px;
  padding-bottom:0px;
  padding-top:0px;
}

div.nextscreening p strong {
  font-size:13px;
}

div.nextscreening div.label {
  background-color:#FFFFFF;
  float:right;
  height:95px;
  padding-left:10px;
  padding-right:10px;
  width:220px;
/*  margin-right:10px;
 margin-bottom:15px;
 border: 0px solid #CCCCCC; */
  
  opacity: .80;
  filter: alpha(opacity=80);
  
  
  
}

div.nextscreening div.film {
  position: relative;
  height: 140px;
  overflow: clip;
  top: 0px;
  left: 0px;
  width: 450px;
  z-index: 1;
}

/* STANDARD BOXES */

h1.boxhead {
	font-family: Georgia, Arial;
	font-size:2em;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#666666;
	color:#FFFFFF;
	padding: 8px;
	padding-bottom:4px;
	padding-top: 4px;
	border: 1px solid #666666;
	border-bottom-style:none;
}	

h2.boxhead {
	font-family: Georgia, Arial;
	font-size:1.75em;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#666666;
	color:#FFFFFF;
	padding: 8px;
	padding-bottom:4px;
	padding-top: 4px;
	border: 1px solid #666666;
	border-bottom-style:none;
}	

div.box {
	background-color:#FFFFFF;
	padding:8px;
	border: 1px solid #666666;
	border-top-style:none;
	margin-bottom:16px;
}

div.box img.title  {
	margin-top:0px;
	margin-bottom:7px;
}


div.box h2 {
	font-family: Georgia, Arial;
	font-size:12px;
	margin-top:7px;
	margin-bottom:3px;
	padding-top:0px;
	padding-bottom: 0px;
}	



div.box h2.lineabove {
	border-top: 1px solid #CCCCCC;
	padding-top: 6px;
	margin-top: 4px;
}


div.box h2.thismonth {
	width:120px;
	height:40px; 
	background-image: url(/members/images/button_monthataglance2.gif); 
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	padding-left:60px;
	padding-top:8px;
	padding-bottom:0px;
	cursor:pointer;
	text-decoration:none; 
}


div.box p {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom: 5px;
}	

div.box p.quote {
	margin-left: 10px;
	font-style: italic;
}

/* MEMBER OFFER BOX */

div.box-offer {
	background-color:#FFFFFF;
	padding:8px;
	border: 1px solid #666666;
	border-top-style:none;
	margin-bottom:16px;
}

div.box-offer img.title  {
	margin-top:0px;
	margin-bottom:7px;
}

div.box-offer h2 {
	font-family: Georgia, Arial;
	font-size:12px;
	margin-top:7px;
	margin-bottom:3px;
	padding-top:0px;
	padding-bottom: 0px;
}	

div.box-offer p {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom: 5px;
}	


/* FEEDBACK BOX */

div.box-feedback{
	background-color:#C6DEF9;
	background-image: url(../images/background-feedback.gif);
	background-repeat:no-repeat;
	padding: 8px;
	margin-bottom:16px;
	border: 1px solid #94C1F3;
	background-position: 5px 10px;
}

div.box-feedback p {
	margin-left:40px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	margin-right: 0px;
	color: #333333;
	font-size: 11px;
	
}	


/* HOUSE FESTIVAL  banner */

div.housefestival {
	margin-bottom: 16px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #423D26;

}

/* HOUSE CALENDAR - combined */

table.comingup th {
	font-size:15px;
	background-color:#0066CC;
	text-align:left;
	padding:3px;
	padding-left:5px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
}

table.comingup th.day {
	border-left: 1px solid #003399;

}

/* month colour in header */
table.comingup th.day span {
	color:#99CCFF;
	font-weight:normal;
}

table.comingup td {
	background-image: url(../images/comingup-row-bg.gif);
	background-repeat:repeat-x;
	vertical-align:top;
	padding: 3px;
	padding-left:0px;
	padding-right: 6px;

}

table.comingup td.day {
	border-left: 1px solid #333333;
	padding-left: 7px;
}

/* listing type */
table.comingup td em {
	color:#666666;
}

table.comingup td.day p {
	margin-bottom:12px;
	padding-bottom: 0px;
}


/* film or event listing link */
table.comingup td.day  a:link,
table.comingup td.day  a:visited {
	font-weight:bold;
	font-size: 12px;

}


/* ELECTRIC BOX */

table.electricbox td {
	background-color:#00477A;
	background-color:#21558A;
/* 	background-image:url(../images/electricbox-bg.gif); */
	background-repeat:repeat-x;
	padding-left: 12px;
	padding-bottom: 10px;
	color:#FFFFFF;
}

table.electricbox th {
	background-color:#CA7F26;
	background-color:#C28253;
}

table.electricbox td.boxoffice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #336699;
	padding: 5px;
	padding-left: 12px;
	color:#FFFFFF;
	background-image: none;

}

table.electricbox .comingsoon {
	color:#FCE573;
}

table.electricbox td p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:8px;
}

table.electricbox td span {
	color:#99CCFF;
}

/* LASTMINUTE */

table.lastminute td {
	background-color:#FFFFFF;
	padding: 4px;
	padding-left:6px;
	border-top: 1px solid #666666;
	vertical-align:top;
}

table.lastminute th {
	padding: 4px;
	padding-right:6px;
	text-align:right;
	text-transform:uppercase;
	vertical-align:top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;

}


table.lastminute td p {
	margin-top:0px;
	margin-bottom:0px;
}



/* NEWS page */

.dateposted {
	font-size:10px;
	color:#666666;
	display:none;
}




/* EVENTS Page */

table.events td {
	background-color:#FFFFFF;
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 6px;
}

table.events th {
	border-top: 1px solid #CCCCCC;
	vertical-align:top;
	padding: 6px 6px 6px 0px;
	font-size: 15px;
	color: #666666;
	text-align: left;
	font-family:Georgia, Arial;
	
}

table.events h1 {
	font-size: 16px;
	margin-bottom: 8px;
	padding-bottom: 0px;
	font-weight: bold;
}



table.events td p {
	margin-top:0px;
	margin-bottom:8px;
}

table.perks {
	margin-top:15px;
	width:630px;
}



table.perks td {
	border-top:1px dotted #CCCCCC;
	vertical-align:middle;
	padding:5px;
}



/* FOOTER */

#footer {
	margin-top:20px;
	padding-bottom:10px;
	color: #666666;
}



/* Master link styles */

a:link,
a:visited {
	text-decoration:none;
	color:#003399;
}

a:hover {
	text-decoration:underline;
}
table.lastminute span.price {
	font-size: 12px;
	font-weight: bold;
	margin-right: 4px;
}

div.mobile-only {
	display:none;
}

/*  PRINT ONLY STYLES */

@media print{

#container {
	margin-left:0px;
}

#sidebar, div.login, #nav, #footer {
	display: none;
}

#main {
	width: 690px;
	text-align:left;
	margin-left: 10px;
}
table.calendar td.monthview-day,
table.calendar td.monthview-listing {
	border-bottom: 0px solid #CCCCCC;
}

div.box { border:none; padding:0; }
#content { border:none; padding:0; } 
h1.boxhead, h2.boxhead { border:none; padding:0; }

div.leftcol { width:auto; }
div.rightcol { width:auto; }
}


/*  MOBILE  STYLES */



@media handheld {



#sidebar, #login, div.leftcol, div.box-feedback, #footer, .mobilehide {
	display: none;
}

#main {
	width: 100%;
	text-align:left;
	margin:0px;
}
table.calendar td.monthview-day,
table.calendar td.monthview-listing {
	border-top: 1px solid #666666;
	background-color:#FFFFFF;
	padding-top: 5px;
}

table.calendar td.monthview-day {
	white-space: nowrap;
}
div.mobile-only { 
	color:#000000 ;
 }
.houseicon {
	text-align:center;
}
}