/*
	Website		Impulse Development Application Framework
	Author		Impulse Development
	Date		June 2009
=============================================== */

/* =GENERAL
----------------------------------------------- */

/* GENERAL: =Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6, textarea, button {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

button::-moz-focus-inner{
	padding:0;
	border:none
}

/* =TYPOGRAPHY
----------------------------------------------- */

/* TYPOGRAPHY: =Headings */

h1 {
	height: 19px;
	margin-bottom: 20px;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

	.home#index h1 {
		background: url(../images/h1-nothing_to_do_in_el_paso.png) no-repeat left;
	}
	
	.home#page_not_found h1 {
		background: url(../images/h1-page_not_found.png) no-repeat left;
	}
	
	.calendar h1 {
		background: url(../images/h1-calendar.png) no-repeat left;
	}
	
	.calendar#cinema_novo h1 {
		background: url(../images/h1-cinema_novo.png) no-repeat left;
	}
	
	.calendar#wednesday_music_cafe h1 {
		background: url(../images/h1-wednesday_music_cafe.png) no-repeat left;
	}
	
	.calendar#union_exhibition_gallery h1 {
		background: url(../images/h1-union_exhibition_gallery.png) no-repeat left;
	}
	
	.calendar#special_events h1 {
		background: url(../images/h1-special_events.png) no-repeat left;
	}

	.calendar#signature_series h1 {
		background: url(../images/h1-signature_series.png) no-repeat left;
	}
	
	.tickets h1 {
		background: url(../images/h1-tickets.png) no-repeat left;
	}

	.employment h1 {
		background: url(../images/h1-employment.png) no-repeat left;
	}

	.prohibited_items h1 {
		background: url(../images/h1-prohibited_items.png) no-repeat left;
	}

	.prohibited_items#clear_bag_policy h1 {
		background: url(../images/h1-clear_bag_policy.png) no-repeat left;
	}
	
	.archive h1 {
		background: url(../images/h1-a_look_back.png) no-repeat left;
	}
	
	.venues h1 {
		background: url(../images/h1-venues.png) no-repeat left;
	}
	
	.booking h1 {
		background: url(../images/h1-booking.png) no-repeat left;
	}
	
	.contact#staff h1 {
		background: url(../images/h1-staff.png) no-repeat left;
	}
	
	.helpful_links h1 {
		background: url(../images/h1-helpful_links.png) no-repeat left;
	}
	
	.contact h1 {
		background: url(../images/h1-contact_us.png) no-repeat left;
	}

h2 {
	color: #a8d8f4;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
}

h3 {
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
}

h4 {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
}

/* TYPOGRAPHY: =Paragraphs */

p {
	color: #cccccc;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

/* TYPOGRAPHy: =Lists */

ul, ol {
	list-style: disc inside;
	margin-bottom: 1em;
	padding-left: 1em;
}

	ul li, ol li {
		color: #cccccc;
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	  ul li li {
	    font-size: 1.0em;
	  }

	  ul li ul {
	  	margin-bottom:  0;
	  }
ol {
	list-style: number inside;
}
	  
.twoColumn {
  clear: both;
  display: inline;
  float: left;
  width: 100%;
}

  .twoColumn .column {
    display: inline;
    float: left;
    width: 50%;
  }
	
dl {
	width: 100%;
}

	dl dt {
		color: #a8d8f4;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.4em;
	}
	
	dl dd {
		color: #cccccc;
		font-size: 1.2em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	
	#staff dl dt {
		color: #fff;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.4em;
	}
	
/* TYPOGRAPHY: =Links */

a {
	color: #a8d8f4;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
	
/* TYPOGRAPHY: =Variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* =STRUCTURE
----------------------------------------------- */

/* STRUCTURE: =Background */

html {
	background: url(../images/bg-container.png) no-repeat top center #000000;
}

body {
	background: url(../images/bg-body.gif) repeat-x bottom left;
	overflow-x: hidden;
}

/* STRUCTURE: =Layout */

#pageContainer {
	margin: 0 auto;
	width: 956px;
}

#pageHeader {
	height: 183px;
	position: relative;
	width: 956px;
	z-index: 9999;
}

#pageBody {
	margin: 0 auto;
	padding: 12px;
	position: relative;
	width: 932px;
	z-index: 0;
}

	#bodyExtra {
		background: url(../images/hr-gray_dots.gif) repeat-x bottom left;
		clear: both;
		float: left;
		margin-bottom: 12px;
		padding-top: 3px;
		width: 100%;
		z-index: 0;
	}
	
		.hideExtra #bodyExtra {
			display: none;
		}

	#bodyContent {
		float: left;
		_height: 400px;
		min-height: 400px;
		padding: 8px 0;
		width: 649px;
	}
	
		.hideSidebar #bodyContent {
			width: 100%;
		}
		
		.home #bodyContent {
		  clear: both;
		  float: none;
			_height: auto;
		  margin: 0 auto;
			min-height: 0;
		  width: 75%;
		}
	
	#bodySidebar {
		float: right;
		padding: 8px 0;
		width: 271px;
	}
	
		.hideSidebar #bodySidebar {
			display: none;
		}
	
#pageFooter {
	clear: both;
	height: 202px;
	margin: 0 auto;
	position: relative;
	width: 956px;
}

/* =HEADER
----------------------------------------------- */

/* HEADER: =Logo */

#headerTitle {
  left: 0;
	position: absolute;
	top: 0;
	width: 615px;
}

	#headerTitle p {
		background: url(../images/logo-main.png) no-repeat center;
		display: block;
		height: 117px;
		margin: 0 auto;
		padding-top: 20px;
		width: 615px;
	}
	
		#headerTitle p a {
			display: block;
			height: 97px;
			overflow: hidden;
			text-indent: -5000px;
			width: 128px;
		}

/* HEADER: =Navigation */

#headerNavigation {
	background: url(../images/bg-nav.png) repeat-x;
	bottom: -10px;
	height: 40px;
	left: 0;
	list-style: none;
	padding: 3px 29px;
	position: absolute;
	width: 898px;
}

	#headerNavigation li {
		float: left;
		overflow: visible;
		padding: 0 9px;
		position: relative;
		z-index: 9998;
	}
	
		#headerNavigation li a {
			display: block;
			height: 40px;
			overflow: hidden;
			text-indent: -5000px;
		}
		
		#headerNavigation li.home a {
			background: url(../images/nav-home.png) no-repeat bottom;
			width: 47px;
		}
		
		#headerNavigation li.calendar a {
			background: url(../images/nav-calendar.png) no-repeat bottom;
			width: 84px;
		}
		
		#headerNavigation li.vip_parking a {
			background: url(../images/nav-vip-parking.png) no-repeat bottom;
			width: 108px;
		}

		#headerNavigation li.prohibited_items a {
			background: url(../images/nav-prohibited-items.png) no-repeat bottom;
			width: 151px;
		}
		
		#headerNavigation li.archive a {
			background: url(../images/nav-a_look_back.png) no-repeat bottom;
			width: 107px;
		}
		
		#headerNavigation li.venues a {
			background: url(../images/nav-venues.png) no-repeat bottom;
			width: 65px;
		}
		
		#headerNavigation li.booking a {
			background: url(../images/nav-booking.png) no-repeat bottom;
			width: 71px;
		}

		#headerNavigation li.employment a {
			background: url(../images/nav-employment.png) no-repeat bottom;
			width: 114px;
		}
		
		#headerNavigation li.helpful_links a {
			background: url(../images/nav-helpful_links.png) no-repeat bottom;
			width: 51px;
		}
		
		#headerNavigation li.contact a {
			background: url(../images/nav-contact_us.png) no-repeat bottom;
			width: 99px;
		}
		
	#headerNavigation li a {
		*background-position: 0 0 !important;
	}
		
	#headerNavigation li a:hover {
		*background-position: 0 -40px !important;
	}
		
	#headerNavigation li ul {
		display: none;
		height: 100%;
		left: 18px;
		list-style: none;
		padding: 0;
		position: absolute;
		top: 35px;
		width: 200px;
		z-index: 9999;
	}
	
	#headerNavigation li.hover ul {
		display: block;
	}
	
		#headerNavigation li ul li {
			height: auto;
			font-size: 1em;
			padding: 0;
			width: 100%;
		}
		
			#headerNavigation li ul li a {
				background: url(../images/misc-transparent_white.png) repeat !important;
				color: #001d3b;
				height: auto;
				overflow: visible;
				padding: 8px;
				text-indent: 0;
				width: auto !important;
			}
			
			#headerNavigation li ul li a:hover {
				background: #ffffff !important;
				text-decoration: none;
			}
			
#headerNewsletter {
  top: 38px;
  position: absolute;
  right: 0;
  width: 235px;
}

  #headerNewsletter form {
    width: 100%;
  }

  #headerNewsletter label {
    background: url(../images/txt-sign_up_for_email_updates.png) no-repeat center;
    display: block;
    height: 16px;
    margin-bottom: 1em;
    overflow: hidden;
    text-indent: -5000px;
    width: 100%;
  }
  
  #headerNewsletter input {
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666666;
    display: block;
    font-size: 1.1em;
    margin: 0 auto 1em auto;
    padding: 4px;
    width: 205px;
  }
  
  #headerNewsletter button {
    background: url(../images/btn-newsletter_submit.png) no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    height: 14px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -5000px;
    width: 56px;
  }
		
/* =EXTRA
----------------------------------------------- */

/* EXTRA: =Collection (Events) */

#bodyExtra .collection {
	margin-left: -12px;
	padding: 0 4px;
	width: 948px;
}

	#bodyExtra .collection .row {
	  clear: both;
	}

	#bodyExtra .collection .item {
		float: left;
		margin: 0 7px;
		text-align: center;
		width: 300px;
	}
	
	#bodyExtra .collection .item h2 {
		height: 18px;
		overflow: hidden;
		text-indent: -5000px;
		width: 300px;
	}
	
	#bodyExtra .collection .item h2.featured {
		background: url(../images/txt-featured_event.png) no-repeat;
	}
	
	#bodyExtra .collection .item h2.upcoming {
		background: url(../images/txt-upcoming_event.png) no-repeat;
	}
	
	#bodyExtra .collection .item h3 {
		color: #fa811e;
		font-size: 2.4em;
		margin-bottom: 0;
	}
	
		#bodyExtra .collection .item h3 a {
			color: #fa811e;
		}
	
	#bodyExtra .collection .item p {
		color: #cccccc;
		font-size: 1.4em;
		font-weight: bold;
	}
		
/* =CONTENT
----------------------------------------------- */

/* CONTENT: =Slideshows */

#bodyContent .slideshow {
	width: 100%;
}

	#bodyContent .slideshow .thumb {
		float: left;
		margin-right: 1em;
	}

/* CONTENT: =Gallery */

#bodyContent .gallery {
	margin-left: -12px;
	padding: 0 6px;
	width: 942px;
}

	#bodyContent .gallery .item {
		background: url(../images/hr-gray_dots.gif) repeat-x bottom left;
		float: left;
		margin: 0 6px;
		margin-bottom: 1em;
		width: 456px;
	}
	
		#bodyContent .gallery .item .image {
			float: left;
			margin-right: 12px;
		}
		
/* CONTENT: =Detail */

#bodyContent .detail {
	padding-left: 280px;
	position: relative;
}

	#bodyContent .detail .slideshow {
		left: 0;
		position: absolute;
		top: 0;
		width: 268px;
	}
	
/* CONTENT: =Actions */

#bodyContent .actions {
	list-style: none;
	margin: 2em 0;
	padding: 0;
	width: 100%;
}

	#bodyContent .actions li {
		width: 100%;
	}
	
		#bodyContent .actions li a {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			width: 100%;
		}
		
		#bodyContent .actions li.purchase {
			background: url(../images/hr-gray_dots.gif) repeat-x bottom;
			padding-bottom: 22px;
		}
		
			#bodyContent .actions li.purchase a {
				background: url(../images/txt-click_here_to_purchase_tickets.png) no-repeat top;
				height: 13px;
				margin: 0 auto;
				width: 292px;
			}
			
			#bodyContent .actions li.purchase a:hover {
				background-position: center -13px;
			}
			
		#bodyContent .actions li.back {
			padding-top: 16px;
		}
		
			#bodyContent .actions li.back a {
				background: url(../images/txt-go_back_to_event_calendar.png) no-repeat top right;
				float: right;
				height: 10px;
				width: 192px;
			}
			
			#bodyContent .actions li.back a:hover {
				background-position: right -10px;
			}
			
/* CONTENT: =vCard */

#bodyContent .vcard {
	margin-bottom: 2em;
	text-align: center;
}

	#bodyContent .vcard h2 {
	}

	#bodyContent .vcard .street-address {
		display: block;
	}

	#bodyContent .vcard .tel {
		margin-bottom: 0;
	}

	#bodyContent .vcard .type {
		font-weight: bold;
	}

/* CONTENT: =Column Collections */

#bodyContent .columns {
	clear: both;
	display: inline;
	float: left;
	margin: 1em 0;
	width: 100%;
}

	#bodyContent .column {
		display: inline;
		float: left;
		margin-right: 2%;
		width: 47%;
	}

		#bodyContent .column .item {
			background: #151515;
			border: 1px solid #222222;
			display: inline;
			float: left;
			margin-bottom: 1em;
			padding: 3%;
			width: 94%;
		}
		
/* CONTENT: =Horizontal Rules */

.hr {
	background: url(../images/hr-gray_dots.gif) repeat-x;
	clear: both;
	float: left;
	height: 1px;
	margin: 0 0 1em 0;
	width: 100%;
}

	.hr hr {
		display: none;
	}
	
/* =SIDEBAR
----------------------------------------------- */

/* SIDEBAR: =Headings */

#bodySidebar h2 {
	height: 19px;
	margin-bottom: 20px;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

#h2_sidebar-upcoming_events {
	background: url(../images/h2_sidebar-upcoming_events.png) no-repeat center bottom;
}

/* SIDEBAR: =Sections */

#bodySidebar .section {
	float: left;
	margin-bottom: 1em;
	padding: 0 24px;
	width: 223px;
}

/* SIDEBAR: =Collections (Events) */

#bodySidebar .collection {
	width: 100%;
}
		
		#bodySidebar .collection .item {
			float: left;
			width: 100%;
		}
		
			#bodySidebar .collection .item .image {
				float: left;
				margin-right: 12px;
			}
			
			#bodySidebar .collection .item h3 {
				color: #dddddd;
				font-size: 1.5em;
				margin-bottom: 0.25em;
			}
			
				#bodySidebar .collection .item h3 a {
					color: #dddddd;
				}
			
			#bodySidebar .collection .item p {
				color: #ada7a7;
			}
		
/* =FOOTER
----------------------------------------------- */

/* FOOTER: =Typography */

#pageFooter p {
	color: #777777;
	font-size: 1.1em;
	line-height: 24px;
	margin: 0;
}

#pageFooter a {
	color: #999999;
}

/* FOOTER: =Copyright */

#footerCopyright {
	bottom: 40px;
	left: 0;
	position: absolute;
	width: 478px;
}

	#footerCopyright p {
		background: url(../images/misc-bullet.gif) no-repeat right;
		float: right;
		margin-right: 6px;
		padding-right: 8px;
	}

/* FOOTER: =Developer */

#footerDeveloper {
	bottom: 40px;
	position: absolute;
	right: 0;
	width: 478px;
}

	#footerDeveloper p {
		background: url(../images/logo-impulse_development.gif) no-repeat right;
		float: left;
		padding-right: 24px;
	}

/* =IMAGES
----------------------------------------------- */

.image,
.thumb {
	margin-bottom: 1em;
}

	.image img,
	.thumb img {
		border: 1px solid #222222;
		padding: 4px;
	}
	
/* =FORMS
----------------------------------------------- */

form {
	margin: 0 auto;
	width: 420px;
}

/* FORMS: =Field Containers */

.textField,
.passwordField,
.textArea,
.fieldGroup,
.fileField,
.select,
.dateSelect,
.timeSelect,
.dateTimeSelect,
.checkBox {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

/* FORMS: =Labels */

label,
.label {
	color: #cccccc;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
}

/* FORMS: =Text Fields & Areas */

.textField input,
.passwordField input,
.textArea textarea {
	background: #ffffff;
	border: 1px solid #d0d0d0;
	font-size: 1.1em;
	padding: 4px;
	width: 97%;
}

.textArea textarea {
	height: 150px;
}

/* FORMS: =Field Groups */

.fieldGroup .options {
	padding: 4px 0;
}

.fieldGroup .field {
	clear: both;
	display: inline;
	float: left;
	margin-bottom: 0.5em;
	width: 100%;
}

.fieldGroup .radioButton,
.fieldGroup .checkBox {
	display: inline;
	float: left;
	margin: 0.5em 14px 0 0;
}

.fieldGroup .checkBoxes {
	display: inline;
	float: left;
	width: 100%;
}

	.fieldGroup .radioButton input,
	.fieldGroup .checkBox input,
	.fieldGroup .checkBoxes input {
		display: inline;
		float: left;
		margin-right: 4px;
	}

	.fieldGroup .radioButton label,
	.fieldGroup .checkBox label,
	.fieldGroup .checkBoxes label {
		color: #434343;
		display: inline;
		font-weight: normal;
		line-height: 1.5em;
	}

	.fieldGroup .fieldRow {
		margin-bottom: 1em;
	}

/* FORMS: =Fields With Errors */

.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input,
.fieldWithErrors textarea {
	background-color: #fdf2f2;
}

/* FORMS: =Submit Buttons */

.submitButton {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
}

	.submitButton button {
		background: none;
		border: none;
		cursor: pointer;
	}

		.submitButton button span {
			background: url(../images/btn-submit.png) no-repeat;
			display: block;
			height: 15px;
			overflow: hidden;
			text-indent: -5000px;
			width: 68px;
		}
		
		.submitButton button:hover span {
			background-position: 0 -15px;
		}
		
/* FORMS: =Error Explanation */

.errorExplanation {
	background: #f7eded;
	border: 1px solid #b00000;
	margin: 12px 0;
	padding: 12px;
}

	.errorExplanation h2 {
		display: none;
	}

	.errorExplanation p {
		color: #b00000;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.errorExplanation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

		.errorExplanation ul li {
			color: #b00000;
			font-size: 12px;
			line-height: 15px;
			list-style: none;
			margin-bottom: 0;
			text-align: center;
		}


.venue-title {
	text-align: center;
	font-size:  13px;
	margin: 30px 0;
}

.image-fluid {
	margin-bottom:  20px;
}

.image-fluid img {
	width: 100%;
	height:  auto;
}