/*
http://www.cineworks.ca
Cineworks Independent Filmmakers' Society
Common Screen Styles

Developed 2009-02-01 by Peter Hebert
http://www.peterhebert.com
*/

/* link styles */
a, a:link { color: #666633; text-decoration: underline; }
a:hover, a:active { color: #0000CC; }
a:visited { color: #9e9e94; }

/* first header has no margin */
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first {
	margin-top:0;
}

/* block borders */
.bdr-bot { padding-bottom: 1em; border-bottom: 1px solid #cccccc; }
.bdr-all { padding: 0.5em 1em; border: 1px solid #cccccc; }

/* top masthead */
.skip-nav { display:none; }
#banner { width: 80em; height: 9em; margin:0 auto .5em auto;}
#banner .hd,
#banner .ft { height:100%; width: 0.5em; height:9em; float: left;}
#banner .hd { background:url(/images/_cineworks/bg-banner-left.jpg) left bottom no-repeat; }
#banner .ft { background:url(/images/_cineworks/bg-banner-right.jpg) right bottom no-repeat; }
#banner .bd {
float: left;
width:79em;
_width:78em;
height: 9em;
background:url(/images/_cineworks/bg-banner-middle.jpg) bottom repeat-x;
}

#banner .bd #bnr-logo { float: left; margin: 2em; width:8em; }
#banner .bd #bnr-search { margin: .5em 1em 0 0; }
#banner .bd #bnr-search ul { text-align: right; margin:.25em 0; }
#banner .bd #bnr-search .search-form { float: right; }
#banner .bd #bnr-search .btn-search {
	margin-right: .5em;
}
#banner .bd #bnr-search input.text { width: 18em; }

/* image banners */
div.img-banner {
	margin-bottom:1ex;
}
div.img-banner img
{
	width:100%;
}
.border, div.img-borders img {
	border:1px solid #cccccc;
}

/* footer */
#footer { width: 76em; margin:2em auto; padding-top: 1em; border-top: 1px solid #cccccc; text-align:center; color:#333333; }

/* bar '|' separated link lists */
ul.linklist li {
	display: inline;
	white-space:nowrap;
	list-style: none;
	line-height:1.75em;
	margin-right: 1ex;
	_margin-right: 1.5em;
	padding-right: 1em;
	border-right: 1px solid #CCCCCC;
}
ul.linklist li:last-child,
ul.linklist ul li.last
{
	margin-right: 0;
	padding-right: 0;
	border-right: 0px none;
}

/* main navigation menu */

/* nav link styles */
#menu-main a, #menu-main a:link { color: #666633; text-decoration: none; }
#menu-main a:hover, #menu-main a:active { color: #818335; text-decoration: underline; }
#menu-main a:visited { color: #9e9e94; }

#menu-main ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	border-bottom: 1px solid #999999;
	min-height: 2.25em;
}
#menu-main ul li { /* top level list items */
	float:left;
	position: relative;
	padding: 0.5em .75em;
	margin: 0 0 1.5em 0;
}
#menu-main ul li ul { 
	position:absolute;
	display: block;
	padding-top:0.9em;
	border: 0px none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu-main ul ul li { /* 2nd level list items */
	background-color:#EDECE4;
	float:none;
	width: 11.5em;
	margin: 0;
}


#menu-main li:hover ul ul, #menu-main li.sfhover ul ul {
	left: -999em;
}
 
#menu-main li:hover ul, #menu-main li li:hover ul, #menu-main li.sfhover ul, #menu-main li li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
}

/* rounded corner nav bar */
.navbar .hd,
.navbar .ft,
.navbar .bd
 {
	position:relative;
}
.navbar .bd {
	padding:1px 1em;
	background-color: #F6F6F1;
}
.navbar .hd,
.navbar .ft {
	margin: 0 0.5em;
	background-color: #F6F6F1;
}
.navbar .hd .left,
.navbar .ft .left {
	height: 0.5em;
	width: 0.5em;
	position:absolute;
	left:-.5em;
	top:0;
}
.navbar .hd .right,
.navbar .ft .right {
	height: 0.5em;
	width: 0.5em;
	position:absolute;
	right:-.5em;
	top:0;
}
.navbar .hd,
.navbar .hd span,
.navbar .ft,
.navbar .ft span
 {
	background-image: url(/images/_cineworks/navbar-corners.gif);
	background-repeat: no-repeat;
	height: 0.5em;
}
.navbar .hd {
	background-position: right top;
}
.navbar .ft {
	background-position: right bottom;
}
.navbar .hd .left {
	background-position: left top;
}
.navbar .ft .left {
	background-position: left bottom;
}
.navbar .hd .right {
	background-position: right top;
}
.navbar .ft .right {
	background-position: right bottom;
}

/* feature banners home page */
#feature-banners div { text-align: center;}

/* secondary nav menus */
	#menu-secondary ol { margin-left: 2.25em; }
	#menu-secondary ul { margin-left: 1.75em; }
	#menu-secondary li { margin-top: 0.5em; margin-bottom: 0.5em; }
	#menu-secondary ol li { list-style-type: decimal; list-style-position: outside; }
	#menu-secondary ul li { list-style-type: disc; list-style-position: outside; }

/* main content area */
	#content ol { margin-left: 2.25em; }
	#content ul { margin-left: 1.75em; }
	#content li { margin-top: 0.5em; margin-bottom: 0.5em; }
	#content ol li { list-style-type: decimal; list-style-position: outside; }
	#content ul li { list-style-type: disc; list-style-position: outside; }
	
	/* forms in main content area */
	#content form label {
		margin: 0 .5em;
		width: auto;
		display:inline;
	}
	#content form p label.aligned {
		float: left;
		width: 12em;
		margin: 0 1.5em 0 0;
	}
	#content form .btn-align {
		padding-left: 13.5em;
	}

	/* clearfix hack */
	
	#content form p:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	#content form p { display: inline-block; }
	/* start commented backslash hack \*/
	* html #content form p { height: 1%; }
	#content form p { display: block; }
	/* close commented backslash hack */
	
	/* end clearfix hack */

	#content form #date { margin-right: 1ex; }
	#errorMessages { background-color:#eee; padding:1ex 1em; border:1px dotted #666666; }
	#errorMessages em { font-style: italic; font-weight: bold; }

.first-header { margin-top: 0; }

/* end main content area */

/* events calendar */
.wcal {
	width: 20em;
}

#calendar table {
	margin: 0 auto 1em auto;
}
#calendar table caption {
	margin: 0 auto 0.5em auto;
	width:16em;
	height:1em;
	padding-bottom: .75em;
}
#calendar table caption span {
	float: left;
	width: 12em;
}
#calendar .prev {
	width: 2em;
}
#calendar .next {
	float: right;
	width: 2em;
}
#calendar table th, #calendar table td {
	text-align: center;
}
#calendar table td {
	color:#cccccc;
}
#calendar table thead th,
#calendar table tbody td.event {
	background-color:#F6F6F1;
}
#calendar table td.event a {
	text-decoration:none;
	color:#000000;
}
#calendar table td.event:hover,
#calendar table td.eventHover
{
	background-color:#818335;
}
#calendar table td.event:hover a,
#calendar table td.event a:hover
 {
	color:#ffffff;
	text-decoration:none;
}
#calendar dl {
	width:23em;
}
#calendar dl dt {
	width:4.5em;
	margin:0 .5em 0 0;
	padding:0;
	font-style: normal;
	float:left;
	clear:left;
}
#calendar dl dd {
	float:left;
	width:18em;
	padding:0;
	margin:0;
}

/* end events calendar */

/* event listings */
#content .listing {
margin-bottom:2em;
}
#content .listing h2 { margin-top: 0.25em; margin-bottom: 0; }
#content .listing .linklist { margin-left: 0; }



/* profile theme templates */
.list-profile { padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #cccccc; }

dl.profile-stats {
	margin:0 0 1em 0;
}
dl.profile-stats dt {
	float:left;
	clear:left;
	width:16em;
	margin:0 0.5em 0.5em 0;
	padding:0;
	font-style: normal;
}
dl.profile-stats dd {
	float:left;
	padding:0;
	margin:0;
}
/* end profile theme templates */

/* survey form */
#survey {
	line-height:1.75em;
}
#survey .radiogroup {
	margin: .5em 0;
}
#survey .radiogroup label {
	margin-right: .5em;
}
#survey ol li ol li {
	list-style-type:lower-alpha;
}

/* equipment rates */
table.equipment-rates { width: 100%; border: 0px none;}
table.equipment-rates th,
table.equipment-rates td
{
border:0px none;
vertical-align: top;
}
table.equipment-rates thead th,
table.equipment-rates thead td
{
background:#F6F6F1;
}
table.equipment-rates tbody th,
table.equipment-rates tbody td
{
border-bottom: 1px dotted #cccccc;
}
table.equipment-rates th.rate,
table.equipment-rates td.rate
{
width: 6em; text-align: right;
}
dl.rate-list {
	margin:0 0 1em 0;
}
dl.rate-list dt {
	float:left;
	clear:left;
	width:6em;
	margin:0 0.5em 0.5em 0;
	padding:0;
	font-style: normal;
}
dl.rate-list dd {
	float:left;
	padding:0;
	margin:0;
}

/* omnibus film list */
#content dl.omnibus {
	margin:0 0 1em 0;
}
#content dl.omnibus dt {
	float:left;
	clear:left;
	width:16em;
	margin:0 0.5em 0.5em 0;
	padding:0;
	font-weight: normal;
	font-style: normal;
}
#content dl.omnibus dd {
	float:left;
	padding:0;
	margin:0;
}

.dots {
	border-bottom:	1px dotted #cccccc;
}

dl.events {
	margin:0;
}
dl.events dt {
	width:4.5em;
	margin:.5em .5em 0 0;
	padding:0;
	font-style: normal;
	float:left;
	clear:left;
}
dl.events dd {
float:left;
margin:.5em 0 0 0;
padding:0;
}
.six .w2 dl.events dd {
width:19em;
}