/*
	Site:       Enmore Theatre
	Title:      Master styles for screen media
	Author:     Bruce Martin, design@brucemartin.net
	Updated:    March 2007
*/

html {
	margin: 0 0 1px;
	min-height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5;
	color: #FFF;
	background: #000 url(../img/body-bg.png) repeat 0 0;
	}

/* Links 
------------------------------------------- */

a {
	margin: 0;
	padding: 0 0 2px;
	color: #069;
	text-decoration: none;
	background: url(../img/alink.png) repeat-x 0 100%;
	}
a:hover {
	color: #9FF;
	background: url(../img/ahover.png) repeat-x 0 100%;
	}
a img,
a.feed-icon { 
	background:transparent;
	border-width: 0;
	}
a.more {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 90%;
	text-transform: uppercase;
	}
a.cont {
	margin-left: 3px;
	width: 4px;
	height: 6px;
	background: url(../img/menu-li.png) no-repeat 0 50%;
	}
a.cont:hover {
	background: url(../img/menu-li.png) no-repeat -600px 50%;
	}
a.more span {
	position: absolute;
	left: -5000px;
	width: 4000px;
	}
a.button {
	margin-right: .5em;
	padding: 5px 0;
	font-size: 84%;
	text-transform: uppercase;
	letter-spacing: .1em;
	background: url(../img/button.png) no-repeat 0 50%;
	}
a.button span {
	margin: 0 0 0 9px;
	padding: 5px 8px 5px 0;
	line-height: 22px;
	color: #fff;
	background: url(../img/button.png) no-repeat 100% 50%;
	}
a.button span:hover {
	color: #ff9;
	}
	
/* Common 
------------------------------------------- */

p {
	margin: 0.75em 0;
	padding: 0;
	}
h1, h2, h3, h4 {
	margin: 1em 0 0.5em;
	padding: 0;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	line-height: normal;
	}
h1 {
	font-size: 230%;
	color: #fff;
	}
h2 {
	margin: 0 195px 0.2em 0;
	font-size: 180%;
	color: #fff;
	}
h2 a {
	color: #fff;
	background: none;
	}
h2 a:hover {
	color: #9ff;
	background: none;
	}
h3 {
	font-size: 135%;
	color: #eee;
	}
h3 a {
	color: #eee;
	}
h3 a:hover {
	color: #fff;
	}
h4 {
	font-size: 130%;
	color: #aa9;
	}
h2 span, h3 span, h4 span {
	color: #aaa;
	}
	
dl, ol, ul {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	}
dl {
	margin-top: -0.5em;
	}
dt {
	margin: 0.5em 0 0;
	font-weight: bold;
	}
dd {
	margin: 0 0 0 2em;
	}
dd p {
	margin: 0 0 0.5em;
	}
ul {
	list-style: none;
	}
ul li {
	padding: 0 0 4px 16px;
	list-style: none;
	line-height: 1.4em;
	background: url(../img/bullet.png) no-repeat 4px 0.5em;
	}
ol {
	padding:3px 5px 3px 3em;
	list-style-type: decimal;
	border: 1px solid #ccb;
	}
ol li {
	margin: 2px 0;
	padding: 0 5px;
	background: #f7f7f5;
	}
form, fieldset {
	margin: 0;
	padding: 0;
	border-width: 0;
	}
input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	}
address {
	margin: 1em 0;
	padding: 0;
	font-style: normal;
	}
abbr, acronym {
	padding: 0 0 3px;
	font-style: normal;
	background: url(../img/abbr.png) repeat-x 0 100%;
	border-width: 0;
	cursor: help;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
hr {
	display: none;
	}
table {
	width: 100%;
	color: #333;
	}
img {
	display: block;
	}

/* Layout 
------------------------------------------- */

#wrap {
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 940px;
	min-width: 700px;
	text-align: left;
	font-size: 95%;
	background: #000;
	}
#container {
	margin: 0 30px;
	background: #000 url(../img/divide.png) repeat-y 100% 0;
	}
#content-wrap {
	float: left;
	width: 100%;
	}
#content {
	position: relative;
	margin: 0 221px 0 0;
	}
#sidebar {
	float: right;
	margin-left: -100%;
	width: 180px;
	}

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

#header {
	position: relative;
	margin: 0;
	padding: 30px 30px 10px;
	background: url(../img/header-bg.jpg) no-repeat 0 -28px;
	}
#header h1 {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
	}
#header h1 span, #header h1 a {
	display: block;
	width: 270px;
	height: 110px;
	padding: 0;
	background: url(../img/enmore-bg.png) no-repeat;
	border-style: none;
	}
#header h1 img  {
	display: block;
	width: 0;
	}
#banner-top {
	float: right;
	width: 468px;
	margin-top: 15px;
	}
	
/* Footer 
------------------------------------------- */

#footer {
	clear: both;
	padding: 20px 30px;
	}
#footer h3 {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
#footer ul {
	text-align: center;
	}
#footer li,
#footer li img {
	display: inline;
	}
#footer li {
	margin: 0 10px;
	background: none;
	}
#footer p {
	font-size: 80%;
	text-align: left;
	color: #222;
	border-top: 1px solid #222;
	}
#footer p a {
	color: #222;
	background: none;
	}
#footer a:hover {
	color: #aaa;
	background: none;
	}
	
/* Navigation 
-------------------------------- */

#navwrap {
	margin: 0 0 1.5em;
	padding: 0 30px;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 120%;
	text-transform: uppercase;
	background: #34709E url(../img/nav-bg.png) repeat-x 0 0;
	border-top: 1px solid #333;
	z-index: 1;
	}
#nav, #nav ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
#nav li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 0.5em 20px;
	color: #fff;
	line-height: 1;
	letter-spacing:1px;
	background: none;
	border-right: 1px solid #2E658C;
	border-bottom: none;
	border-left: 1px solid #6A9CCC;
	}
#nav li a:hover {
	background: #2F6687 url(../img/nav-bg.png) repeat-x 0 -150px;
	}
#nav li a.active, #nav li a.active:hover {
	background: #1D4555 url(../img/nav-bg.png) repeat-x 0 -300px;
	}

ul.menu {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: normal;
	text-transform: capitalize;
	color: #808080;
	}
ul.menu li {
	margin: 0;
	padding: 0;
	}
ul.menu li a {
	padding: 2px 15px;
	display: block;
	/*color: #76b;*/
	color: #9ff;
	background: url(../img/menu-li.png) no-repeat 2px 50%;
	border-width: 0;
	}
ul.menu li a:hover,
ul.menu li a.active {
	color: #fff;
	background: url(../img/menu-li.png) no-repeat -598px 50%;
	}
ul.menu li.expanded a:hover,
ul.menu li.expanded a.active {
	color: #fff;
	background: url(../img/menu-li-ex.png) no-repeat -598px 50%;
	}
ul.menu ul {
	margin: 0 0 0.5em;
	font-size: 100%;
	}
ul.menu li li {
	margin-left: 15px;
	padding: 1px 0 1px 10px;
	background: url(../img/menu-li-li.png) no-repeat 0 0.6em;
	border-width: 0;
	}
ul.menu li.expanded li a {
	padding: 0;
	color: #a96;
	background: none;
	}
ul.menu li.expanded li a:hover {
	background: none;
	}
ul.menu li li a:hover,
ul.menu li.expanded li a.active {
	color: #761;
	background: none;
	}
ul.menu li li li {
	margin-left: 0;
	}

/* tabs */

ul.primary {
	margin: 1em 0;
	padding: 0;
	white-space: nowrap;
	/* font-family: "Lucida Grande", Verdana, sans-serif; */
	font-size: 80%;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: .1em;
	border-width: 0;
	list-style: none;
	z-index:10;
	}
ul.primary li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 4px 6px 4px 0;
	background: url(../img/button.png) no-repeat 100% 50%;
	border-width: 0;
	}
ul.primary li a {
	float: left;
	margin: 0;
	padding: 4px 6px 4px 12px;
	color: #fff;
	text-decoration: none;
	background: #000 url(../img/button.png) no-repeat 0 50%;
	border-width: 0;
	}
ul.primary li span {
	color: #ccc;
	}
ul.primary li.active,
ul.primary li.active a {
	color: #ff6;
	border-width: 0;
	}
ul.primary li a:hover {
	color: #ff6;
	background: #000 url(../img/button.png) no-repeat 0 50%;
	}


/* Content
--------------------------------------- */	

.sticky,
#message,
#help {
	margin: 1em 0;
	padding: 5px 10px;
	color: #E7B892;
	/*background: #F8F4E4;*/
	border: 1px solid #E7B892;
	}
.sticky {
	background: #fff;
	border: 1px solid #666;
	}
#help {
	color: #9E92E0;
	/*background: #E9E0F3;*/
	border: 1px solid #9E92E0;
	}
#message ul,
#message li,
#help ul,
#help li {
	margin: 0;
	padding: 0;
	background: none;
	}
#message p,
#help p {
	margin: .5em 0;
	}
	
.message {
	margin: 1em 0;
	padding: 5px 10px;
	color: #E7B892;
	border: 1px solid #E7B892;
	}
	
h3.gigdate {
	position: absolute;
	top: 0;
	right: 0;
	width: 204px;
	margin: 0;
	padding: 4px 6px;
	font-size: 90%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	background: url(../img/slope.png) repeat 0 0;
	}
h3.gigsupport {
	margin: 0 0 0.5em 0;
	font-size: 130%;
	}
dl.giginfo {
	margin: 1em 0;
	}
dl.giginfo dt {
	float: left;
	width: 7em;
	margin: 0;
	}
dl.giginfo dd {
	margin: 0 0 2px 8em;
	}
#event-list,
#factory-event-list,
#metro-event-list {
	margin: 10px 0 0;
	padding: 10px 0 0;
	background: url(../img/dots.png) repeat-x 0 0;
	}
.teaser {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(../img/dots.png) repeat-x 0 100%;
	}
.teaser h2 {
	margin: 0 222px 5px 95px;
	font-size: 170%;
	}
.teaser h3.gigsupport {
	margin-left: 95px;
	font-size: 110%;
	}
.teaser p {
	margin: 0.75em 0 0.75em 95px;
	}
.soldout {
	position: absolute;
	top: 10px;
	left: 200px;
	margin: 0;
	width: 167px;
	height: 82px;
	z-index: 500;
	background: url(../img/soldout.png) no-repeat 0 0;
	}
.teaser .soldout {
	top: 0;
	left: 160px;
	}
.soldout strong {
	position: absolute;
	left: -5000px;
	width: 4000px;
	}
#giglist {
	margin: 1em 0;
	color: #fff;
	border-bottom: 2px solid #555;
	}
#giglist th {
	border-bottom: 2px solid #555;
	}
#giglist tr.even,
#giglist tr.odd {
	padding: 0;
	background-color: #000;
	border-bottom: 1px solid #333;
	}
#giglist tr.odd {
	background-color: #111;
	}
#giglist td {
	padding: 0.4em 0.6em;
	}
#map {
	width: 500px; 
	height: 300px;
	color: #222;
	}
#map-wrap {
	width: 500px; 
	height: 300px;
	margin: 1em 0;
	padding: 10px;
	background: url(../img/slope.png) repeat 0 0;
	}
	
.tips table {
	color: #eee;
	}
.tips table tr.dark,
.tips table tr.light {
	padding: 0;
	background-color: #000;
	border-bottom: 1px solid #333;
	}
.tips table tr.light {
	background-color: #111;
	}
	
/* comments */

.comment {
	font-weight: normal;
	color: #333;
	padding: 4px 20px;
	font-size: 120%;
	line-height: 1;
	background: #f6f6f6;
	border-top: 1px solid #eaeaea;
	}
.comment dl dt a em {
	font-weight: normal;
	font-style: normal;
	font-size: 80%;
	color: #EBF4D9;
	}

.comment p {
	margin: 0.5em 0;
	color: #474F3B;
	}
.comment input#author,
.comment input#email,
.comment input#url {
	width: 250px;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
.comment textarea {
	width: 400px;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
	
/* images */

.figure {
	float: left;
	display: inline;
	width: 75px;
	margin: 1em 10px 5px 0;
}
.alt {
	float: right;
	width: 156px;
	margin: 1em 0 5px 10px;
	}
.figure img {
	display: block;
	border: 1px solid #333;
	}
span.left {
	float: left;
	display: inline;
	margin: 5px 10px 5px 0;
	}
span.right {
	float: right;
	display: inline;
	margin: 5px 0 5px 10px;
	}
.inline img {
	border-width: 0; 
	}
span.caption {
	display: block;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 80%;
	color: #777;
	}
span.caption strong {
	font-weight: normal;
	color: #444;
	}
	
/*** <CC> 20110312 : New styles to support additional image positions ***/
.figure-left {float:left; display:inline; width:156px; margin: 0em 10px 5px 0;}
.figure-left img {display: block; width: 156px; border: 0px solid #333;}
.figure-top {display:block; clear:both; width:100%; margin: 0em 10px 5px 0;}
.figure-top img {display:block; border: 1px solid #333;}
.figure-right {float:right; display:inline; width:156px; margin: 0em 10px 5px 0;}
.figure-right img {display: block; border: 1px solid #333;}


/* notes */

.note {
	margin-bottom: 1em;
	padding: 0 0 5px;
	font-size: 90%;
	color: #999;
	border-bottom: 1px solid #eaeaea;
	}
.note strong {
	color: #444;
	}
.note em {
	font-style: normal;
	color: #921;
	}
.posted {
	font-size: 90%;
	color: #aa9;
	}
.posted span {
	margin: 0 3px;
	color: #ccb;
	}
#fader {
	display: block;
	margin-bottom: 1em;
	padding: 3px 10px;
	line-height: 1.6em;
	color: #777;
	}
#fader strong {
	color: #333;
	}
.error {
	padding: 0 0 0 18px;
	background: url(../img/error.png) no-repeat 0 5px;
	}
.update {
	padding: 0 0 2px 18px;
	background: url(../img/error.png) no-repeat 0 5px;
	}
.search-results strong {
	margin: 0 -1px;
	padding: 0 1px;
	color: #000;
	background: #ff6;
	}
	
/* Sidebar 
------------------------------------------- */

#banner-right {
	margin: 1em 0;
	}
#gig-search, #newsletter {
	padding: 4px 10px;
	color: #fff;
	background: url(../img/slope.png) repeat 0 0;
	} 
#gig-search h3,
#newsletter dt {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	}
#newsletter dd {
	margin: 0 0 4px;
	}
#newsletter h3 {
	margin: 0.2em 0 0.5em;
	}
#gig-search .form-text {
	width: 95%;
	}
	
/* Forms 
------------------------------------------- */

form label {
	cursor: pointer;
	}
fieldset {
	margin-bottom: 1em;
	padding: .5em 1em;
	border: 1px solid #ccc;
	}
input, select, textarea {
	font-size: 100%;
	}
#search_block_form {
	margin: 0 20px 1em;
	}
.find {
	width: 68%;
	padding: 2px;
	color: #fff;
	background: #222;
	border: 1px solid #666;
	}
.find:focus {
	color: #333;
	background: #fff;
	border: 1px solid #8c8c8c;
	}
	
/* Clearing 
------------------------------------------- */	

#header:after,
#container:after,
#navwrap:after,
.teaser:after,
ul.primary:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
	}
	
/* Drupal overrides
------------------------------------------- */

li.expanded,
li.collapsed,
li.leaf {
	list-style: none;
	list-style-image: none;
	background: none;
	}
.node-form .standard {
  clear: none;
	}
br.clear {
	display: none;
	}
.form-item label {
	display: block;
	font-weight: normal;
	}
.item-list ul {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	}
.item-list ul li {
	margin: 0;
	padding: 0 0 4px 0;
	list-style: none;
	background: none;
	}
.form-item {
	margin: 1em 0;
	}
fieldset.collapsible .form-item {
	margin-top: 0;
	}
	
.node-form input,
.node-form select {
	font-size: 90%;
	}

#user-login-form {
	margin: 1em 20px;
	padding: 0;
	text-align: left;
	font-weight: normal;
	}
.form-item label,
#user-login-form .form-item label {
	font-size: 90%;
	font-weight: normal;
	}
input.form-text {
	width: 95%;
	padding: 2px;
	font-size: 95%;
	color: #444;
	background: #fff;
	border: 1px solid #bbb;
	}
.node-form .form-text {
	width: 98%;
	}

input.text {
	width: 95%;
	padding: 2px;
	font-size: 95%;
	color: #444;
	border: 1px solid #bbb;
	}
	
ul.tips li {
	padding-left: 0;
	background: none;
	}
	
/* Collapsible Fieldset */

html.js fieldset.collapsed {
	background: #000;
	border: 1px solid #000;
	}
html.js fieldset {
	background: #333;
	}
html.js fieldset.collapsible legend,
html.js fieldset.collapsed legend {
	font-size: 100%;
	}
html.js fieldset.collapsible legend a {
	padding-left: 14px;
	background: url(../img/menu-li-ex.png) no-repeat 0 50%;
	}
html.js fieldset.collapsed legend a {
	background: url(../img/menu-li.png) no-repeat 0 50%;
	}
html.js fieldset.collapsible legend a:hover,
html.js fieldset.collapsed legend a:hover {
	color: #fff;
	background-position: -600px 40%;
	}
	
/* Resizable text areas */

.resizable-textarea {
	width: 99%;
	}
.form-textarea {
	width: 98%;
	padding: 2px;
	font-family: inherit;
	color: #333;
	border: 1px solid #bbb;
	}
	
/* Autocomplete */

#autocomplete,
#autocomplete ul,
#autocomplete li {
	text-align: left;
	}
#autocomplete li {
	padding: 0 2px;
	font-size: 90%;
	}