/*
THEME NAME: The Highline Seattle
VERSION: 1.0
Author: MB/Ticketfly
DESCRIPTION: The Highline Seattle Theme
*/

* {
	margin:0;
	padding:0;
}

body {
        background: #000;
        color: #CCC;
        font-family: "franklin-gothic-urw", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
}

#wrapper #tfly-featured-events h1, #wrapper #tfly-featured-events h2, #wrapper .list-view h1, #wrapper .list-view h2, #wrapper .event-detail h1, #wrapper .event-detail h2, #wrapper .calendar-view h1, #wrapper .calendar-view h2, h3, h4,h5, p, li, .tfly-email-subscribe-text {
        font-size: 16px;
        line-height: 20px;
        font-family: "franklin-gothic-urw", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        letter-spacing: 0;
}

h1,
#nav a,
#wrapper #rsidebar .widgettitle,
#wrapper .list-view-title,
#wrapper .ticket-link a,
#wrapper button.ticket-link,
#wrapper .cancelled,
#wrapper .sold-out,
#wrapper .postponed,
#wrapper .rescheduled,
#wrapper .calendar-view-title,
h2,
#menu-footer li,
.noresults h2,
#searchform #searchsubmit {
        font-family: "adelle", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FFFF00;
}

h1, .noresults h2 {
        font-size: 32px;
        line-height: 36px;
	margin-bottom: 10px;
}

h2 {
        font-weight: 400;
        color: #FFF;
	margin: 5px 0;
        font-size: 22px;
        line-height: 26px;
}

h3 {
        color: #FFF;
        font-weight: 500;
        font-size:18px;
        line-height: 22px;
        margin: 5px 0;

}

p {
	margin-bottom: 10px;
}

/* STRUCTURE */
#wrapper {
        width: 980px;
        margin: 0 auto;
}

#header {
        margin-bottom:30px;
	min-height: 60px;
        position: relative;
}

#main {
	clear: both;
	width: 100%;
	margin-bottom: 15px;
	min-height: 600px;
}

#content {
	margin-bottom: 15px;
	min-height: 600px;
}

#content.twocolumn {
	width: 680px;
}

.floatleft {
	clear: left;
	float: left;
}

.floatright {
	clear: right;
	float: right;
}

#rsidebar {
	width: 275px;
	min-height: 50px;
	margin-bottom: 15px;
}

#footer {
	width: 100%;
	height: 50px;
	clear: both;
}

/* VENUE NAME */
#venue-name {
        display: block;
}

#venue-name h1 {
        text-indent: -9999px;
}

#venue-name h1 a {
        display: block;
        background: url(images/highline.jpg) no-repeat;
        width: 600px;
        height: 177px;
        margin: 0 auto;
}

/* NAV */
#nav {
	min-height: 60px;
        border-top: solid 3px #FFF;
        border-bottom: solid 3px #FFF;
}

#nav ul {
	text-align: center;
        background: #FFF;
        padding: 10px 0;
        border-top: solid 5px #000;
        border-bottom: solid 5px #000;
}

#nav ul li {
        display: inline;
}

#nav ul li:after {
        content: "|";
        margin: 0 15px;
        font-size: 30px;
        color: #E6E3E3
}

#nav ul li:last-child:after {
        content: none;
}

#nav ul li a {
        font-size: 24px;
        line-height: 28px;
        text-decoration: none;
        color: #000;
}

#nav ul li a:hover {
        color: #FF0000;
}

/* LINKS */
a:link, a:visited {
	color: #FFFF00;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

a img {
	border: 1px solid #333;
}

a:hover img {
	border-color: #666;
}

/* HEADER WIDGETS */
#hsidebar .widgettitle {
        display: none;
}

#header-info {
        font-size: 15px;
        line-height: 19px;
        text-align: center;
        width: 300px;
        margin: -40px auto 40px auto;
        color: #FFF;
}

#header-social {
        position: absolute;
        top: 15px;
        right: 0;
}

#header-social a {
        margin: 0 1px;
}

#header-social img {
        border: none;
}

#email-stuff {
        position: absolute;
        top: 40px;
        right: 0;
        color: #FFF;
}

.signup-form {
        margin: 5px 0 0 0;
        border: solid 2px #333;
        width: 130px;
        padding: 2px 3px 3px 3px;
}

.tfly-email-subscribe-text {
        background: none;
        border: none;
        width: 100px;
        color: #666;
        font-style: italic;
        font-size: 13px;
        line-height: 15px;
}

.tfly-email-subscribe-text:focus {
        color: #FFF;
        font-style: normal;
}

.tfly-email-subscribe-submit {
        background: none;
        border: none;
        text-indent: -9999px;
        background: url(images/email.png);
        width: 25px;
        height: 16px;
}

.tfly-email-subscribe-submit:hover {
        cursor: pointer;
}


/* Etc. */

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.center {
	text-align: center;
	margin: 0 15px;
}

.hidden {
	display: none;
}

ul {
	list-style: none;
}

blockquote {
	border-bottom: 3px solid #eaeaea;
	border-right: 3px solid #eaeaea;
	font-family: georgia;
	font-weight: bold;
	margin: 25px;
	padding: 0 20px 5px;
}

code, pre {
	background: #d4d4d4;
	overflow: auto;
	padding: 4px;
}

small {
	font-size: 0.85em;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

label {
	cursor: pointer;
}

form {
	display: block;
}

/* SIDEBAR */
#wrapper #rsidebar .sidebar-list{
	padding: 0;
	margin: 0;
}

#wrapper #rsidebar .sidebar-list ul li a{
	padding: 5px;
        color: #FFF;
        text-decoration: none;
        font-size: 14px;
        line-height: 18px;
}

#wrapper #rsidebar .sidebar-list ul li a:hover {
        color: #FF0000;
}

#wrapper #rsidebar .widget {
        margin-bottom: 20px;
        padding: 20px 10px;
        text-align: center;
        background: #181818;
        border: solid 3px #333;
}

#wrapper #rsidebar .widget p {
        padding: 0 5px;
}

#wrapper #rsidebar .widgettitle {
        line-height: 20px;
        font-size: 18px;
        margin-bottom: 5px;
}

#wrapper .youtube-playlist-sidebar {
        text-align: left;
}

/* SEARCH FORM */
#searchform {
        margin-top: 10px;
}

#searchform .textform {}

#searchform .textform:focus, input:focus {}

#wrapper #searchform #searchsubmit {
        font-size: 12px;
        line-height: 16px;
}

#searchform #searchsubmit:hover {
        cursor: pointer;
}


/* TWITTER */
#twitter-2.widget {
        position: relative;
}

#twitter-2 .widgettitle {
}

#twitter-2 img {
        border: solid 1px #333;
        margin-left: 10px;
        width: 48px;
        height: 48px;
        position: absolute;
        left: 5px;
}

.widget_twitter ul {
	margin: 0;
	padding: 0;
	list-style: none;
        top: 90px;
        text-align: left;
}
.widget_twitter li {
	padding: 5px 10px 30px;
	margin: 5px 0;
	position: relative;
        overflow:hidden;
        border-bottom: solid 1px #333;
        font-size: 14px;
        line-height: 18px;
}

#wrapper .widget_twitter li:first-child {
        margin-top: 60px;
}

.widget_twitter .entry-meta {
	text-transform: uppercase;
	font-size: .856em;
	position: absolute;
	bottom: 3px;
	right: 20px;
}

#wrapper .widget_twitter ul li a {
}

.widget_twitter .entry-meta a {
	color: #999;
        text-decoration: none;
}
.widget_twitter .from-meta {
	display: none;
}

#wrapper .follow-button {
        position: absolute;
        top: 55px;
        right: 20px;
}

/* INSTAGRAM */
.easy-instagram-thumbnail-author {
        display: none;
}

#wrapper .easy-instagram-thumbnail-caption {
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px;
        font-style: normal;
        color: #CCC;
}

#wrapper .easy-instagram-thumbnail-time {
        font-weight: normal;
        font-size: 13px;
        line-height: 17px;
        font-style: italic;
        margin-top: 5px;
}

#wrapper .easy-instagram-thumbnail-wrapper {
        margin: 10px 0 20px 0;
        font-weight: normal;
        font-size: 13px;
        line-height: 17px;
        font-style: italic;
        margin-top: 5px;
        color: #999;
        width: 150px;
        margin: 0 auto;
}

#wrapper .easy-instagram-thumbnail-wrapper img {
}

#wrapper .easy-instagram-thumbnail-wrapper a, a#TB_closeWindowButton {
        border: none;
}

#more-instagram {
        clear: both;
        display: inline;
        text-align: center;
}

#more-instagram a {
        border: none;
        display: table-cell;
        vertical-align: middle;
        padding: 0 5px;
        font-size: 14px;
        line-height: 18px;
}

#more-instagram img {
        border: none;
}


/* LIST VIEW */
#wrapper #tfly-featured-events {
        border: solid 2px #FFF;
        width: 676px;
}

#wrapper #tfly-featured-events #overlay .ticket-link a,
#wrapper #tfly-featured-events #overlay button.ticket-link {
        color: #000;
        font-size: 10px;
        letter-spacing: 0;
}

#wrapper .list-view-heading {
        margin-bottom: 10px;
}

#wrapper .list-view-title, #wrapper .calendar-view-title {
        font-size: 22px;
        line-height: 26px;
}

#wrapper .calendar-link a {
}

#wrapper .calendar-link a:hover {
}

#wrapper .list-view-item {
        margin-bottom: 15px;
        border: none;
        border-bottom: solid 2px #333;
        padding: 0 0 15px 0;
}

#wrapper .list-view img {
        margin-right: 20px;
}

#wrapper .topline-info, #wrapper .topline-info {
        margin-bottom: 3px;
        font-style: italic;
        font-size: 14px;
        line-height: 18px;
        color: #999;
}

#wrapper .headliners a, #wrapper .supports a {
        color: #FFF;
        text-decoration: none;
}

#wrapper .headliners a:hover, #wrapper .supports a:hover {
        color: #FF0000;
        text-decoration: none;
}

#wrapper .headliners {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 3px;
        color: #FFF;
        font-weight: 500;
}

#wrapper .supports {
	font-size: 18px;
	line-height: 22px;
        color: #FFF;
}

#wrapper .list-view .supports:before, #wrapper .event-detail .supports:before {
        content: "with: ";
        color: #7F7A26;
        font-size: 16px;
        line-height: 20px;
}

#wrapper .list-view .headliners, #wrapper .list-view .supports, #wrapper .list-view .topline-info, #wrapper .list-view .event-status-message {
        width: 325px;
}

#wrapper .ticket-link a,
#wrapper button.ticket-link,
#searchform #searchsubmit {
	text-decoration: none;
	background: #FFFF00;
	color: #000;
	border: solid 1px #7F7A26;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.5px;
	display: block;
	max-width: none;
	width: 120px;
	box-sizing: border-box;
}

#wrapper .ticket-link a:hover,
#wrapper button.ticket-link:hover,
#searchform #searchsubmit:hover {
        background: #BFB400;
        border: solid 1px #403C00;
        color: #403C00;
}

#wrapper .cancelled, #wrapper .sold-out, #wrapper .postponed, #wrapper .rescheduled {
        background: #FF0000;
        border: solid 1px #B20C09;
        color: #000;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.5px;
}

#wrapper .rescheduled, #wrapper .off-sale {
        padding: 5px;
        width: 100px;
        text-align: center;
        margin-bottom: 5px;
}

#wrapper .postponed, #wrapper .rescheduled {
        background: #6940FF;
        color: #FFF;
        border: solid 1px #4C25F5;
        font-size: 13px;
        width: 105px;
  	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
}

#wrapper .list-view .price-range {
        width: 110px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 18px;
}

#wrapper .free, #wrapper .tickets-at-the-door, #wrapper .custom, #wrapper .off-sale, #wrapper .sales-ended, #wrapper .unavailable {
        background: #333;
        border: solid 1px #444;
  	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
			width: 120px;
				box-sizing: border-box;
				display: block;
	padding: 5px;
	line-height: 1;
	    text-align: center;
}

#wrapper .on-sale-soon, #wrapper .future-sale a {
        color: #FFFF00;
        text-decoration: none;
        font-size: 15px;
        line-height: 19px;
}

#wrapper .custom a {
        color: #CCC;
}

#wrapper .dates {
        margin-top: 10px;
}

#wrapper .age-restriction {
}

#wrapper .venue, #wrapper .city-state {
}

/* EVENT DETAIL */
#wrapper .event-detail .headliners {
        font-size: 28px;
        line-height: 32px;
}

#wrapper .event-detail .supports {
        font-size: 20px;
        line-height: 24px;
}

#wrapper .event-detail .dates {
        margin-top: 20px;
}

#wrapper .event-detail .dates, #wrapper .event-detail .times {
}

#wrapper .event-detail .price-range, #wrapper .event-detail .age-restriction {
        margin: 10px 0;
}

#wrapper .event-detail .additional-event-info {
        margin-bottom: 10px;
}

#wrapper .event-detail .venue {
        margin-top: 10px;
}

#wrapper .share-text {
        padding-top: 5px;
        font-size: 14px;
        line-height: 18px;
}

#wrapper .event-detail .artist-boxes .artist-name {
        color: #FFF;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
}

#wrapper .event-detail .artist-boxes ul.links li a {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
}

#wrapper .event-detail .times,
#wrapper .event-detail .price-range {
	margin-bottom: 1em;
	display: block;
}

#wrapper .venue-info {
        color: #FFF;
}

#wrapper #fb-rsvp {
        background: none;
        border: none;
        padding-bottom: 0px;
}

#wrapper .fb-rsvp-attending {
        color: #CCC;
        font-weight: normal;
        margin-top: 5px;
}

#wrapper #fb-rsvp a img {
        border: none;
}

#wrapper #fb-rsvp a {
        text-decoration: none;
}

/* CALENDAR */
#wrapper .calendar-view-title {
        padding-bottom: 10px;
}

#wrapper .calendar-view .calendar-sync {
        margin-bottom: 10px;
}

#wrapper .calendar-view .calendar-list-flip {
}

#wrapper .calendar-view table {
        margin-bottom: 30px;
        word-wrap: break-word;
        text-align: center;
}

#wrapper .calendar-view .one-event {
        width: 115px;
        margin: 0 auto;
        padding: 0 0 10px 0;
}

#wrapper .calendar-view td {
    padding: 0px;
		border: 0;
}

#wrapper .calendar-view tr td.data {
    border: solid 1px #333;
}

#wrapper .calendar-view tr {
    border: solid 1px #000;
}

#wrapper .calendar-view table tr .month {
        font-size: 18px;
        line-height: 22px;
        color: #FFFF00;
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
        text-transform: uppercase;
}

#wrapper .calendar-view .date {
        background: #333;
        display: block;
        color: #CCC;
        font-size: 13px;
        line-height: 17px;
        text-transform: uppercase;
        padding: 3px 0 5px 10px;
        margin-bottom: 10px;
        font-weight: 400;
}

#wrapper .calendar-view .ticket-link a,
#wrapper .calendar-view button.ticket-link,
#wrapper .calendar-view .future-sale a,
#wrapper .calendar-view .postponed,
#wrapper .calendar-view .free,
#wrapper .calendar-view .sold-out,
#wrapper .calendar-view .custom,
#wrapper .calendar-view .sold-out,
#wrapper .calendar-view .off-sale,
#wrapper .calendar-view .future-sale a,
#wrapper .calendar-view .tickets-at-the-door,
#wrapper .calendar-view .cancelled,
#wrapper .calendar-view .postponed,
#wrapper .calendar-view .rescheduled,
#wrapper .calendar-view .sales-ended,
#wrapper .calendar-view .unavailable {
        margin: 10px auto 0 auto;
        font-size: 12px;
        line-height: 16px;
}

#wrapper .calendar-view .ticket-link a,
#wrapper .calendar-view button.ticket-link {
        width: 100%;
				box-sizing: border-box;
}

#wrapper .calendar-view .free,
#wrapper .calendar-view .sold-out,
#wrapper .calendar-view .custom,
#wrapper .calendar-view .sold-out,
#wrapper .calendar-view .off-sale,
#wrapper .calendar-view .future-sale a,
#wrapper .calendar-view .tickets-at-the-door,
#wrapper .calendar-view .sales-ended,
#wrapper .calendar-view .unavailable {
        width: 100%;
        font-size: 13px;
        line-height: 17px;
				box-sizing: border-box;
}

#wrapper .calendar-view .sold-out, #wrapper .calendar-view .cancelled {
        width: 80px;
}

#wrapper .calendar-view .postponed {
        width: 85px;
}

#wrapper .calendar-view .rescheduled {
        width: 90px;
        font-size: 11px;
}

#wrapper .calendar-view .headliners a {
        font-size: 16px;
        line-height: 20px;
}

#wrapper .calendar-view .supports a {
        font-size: 13px;
        line-height: 17px
}

/* DRINKS */
table.drinks {
        border: solid 2px #333;
        padding: 10px;
        margin-bottom: 30px;
}

.drinks h3 {
        padding-bottom: 5px;
        margin-bottom: 3px;
        border-bottom: dotted 2px #333;
}

.vmid td {
        vertical-align: middle;
}

.vbot td {
        vertical-align: bottom;
}


/* FOOTER */
#menu-footer li {
        float: left;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        padding-top: 10px;
}

#menu-footer li:after {
        content: "|";
        margin: 0 5px;
        color: #333;
}

#menu-footer li:last-child:after {
        content: none;
}

#menu-footer li a {
        color: #999;
        text-decoration: none;
}

#menu-footer li a:hover {
        color: #FF0000;
}

/* TFLY POWERED */
.tfly-powered {
        float: right;
        border: none;
}

.eb-powered-footer {
	width: auto !important;
	float: right;
}

#wrapper .list-view .end .pages {}
#wrapper .list-view .end .pages li {
	font-size: 1.5em;
}
#wrapper .list-view .end .pages li.selected a {
  text-decoration: underline;
}
#wrapper .list-view .end .pages li a {
	text-decoration: none;
}
#wrapper .list-view .event-name,
#wrapper .event-detail .event-name {
	font-size: 1.5em;
	line-height: 1;
	font-weight: 500;
}

/* EDP event description // IMPORTANT: keep .event-summary intact for future purposes */
#wrapper .event-detail .event-description, #wrapper .event-detail .event-summary {
  margin: 0 auto;
  display: block;
  padding: 0;
  clear: both;
}
#wrapper .event-detail .event-description img { float: none; width: initial; max-width: 100%; }

#wrapper .event-detail .performers {
	margin: 1em 0;
}
#wrapper .event-detail .performers .headliners {}
#wrapper .event-detail .performers .supports {}

#wrapper .cal-share .share-button {
    padding: 5px;
}


#wrapper .calendar-view .event-name {
	font-weight: 500;
}

/* EB Powered */
.eb-powered-footer {
	float: right;
	display: inline-block !important;
	width: auto !important;
}

/* EB Carousel */
#eb-featured-events {
    border: 2px solid #FFF;
}
#eb-featured-events .owl-carousel .owl-item {
	margin: 0;
}
#eb-featured-events .owl-carousel .owl-item img {
	padding: 0;
	border: 0;
}

#eb-featured-events #grey-back {
	display: none;
}

#eb-featured-events #overlay {
	bottom: 0 !important;
	margin: 0 !important;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.4) !important;
}

#eb-featured-events #overlay h1 {
	text-align: left;
	margin: 0;
}

#eb-featured-events #overlay .date-venue {
	text-align: left;
}

#eb-featured-events .ticket-price {

}

#eb-featured-events .date-venue {
	display: block;
	float: none !important;
}

#eb-featured-events .dates {
	font-size: 12px;
	margin: 0;
	line-height: 1;
}

#eb-featured-events button.ticket-link,
#eb-featured-events .ticket-link a,
#eb-featured-events .future-sale a {
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}

#eb-featured-events .owl-theme .owl-nav {
	position: absolute;
	right: 1em;
	bottom: 1em;
}

#eb-featured-events .owl-theme .owl-nav button {
	background-color: #666;
	color: #FFF;
	border: 1px solid #999;
	line-height: 1;
	padding: 3px !important;
	margin: 0 2px;
	font-size: 18px;
}

#eb-featured-events .owl-theme .owl-dots {
	position: absolute;
	right: 4em;
	bottom: 1em;
}

#eb-featured-events .owl-theme .owl-dots button span {
  margin: 5px 3px;
}

#eb-emailform {
    padding-bottom: 6px;
}

.eb-email-submit {
	position: absolute;
	right: 5px;
	top: 10px;
}