/*
THEME NAME: Slipper Room based on Ticketfly Venue Starter Theme
VERSION: 1.0
Author: Drew Beck/Ticketfly
DESCRIPTION: Ticketfly Venue Starter Theme
*/

* {
	margin:0;
	padding:0;	
}

/* Layout */

body {
	color: #FFF;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	background-attachment: fixed;
	background-image:url('images/bg-15.png');
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	background-color: #000;
}

h1,
h2,
h3,
h4,
h5,
p,
li,
button,
.date,
.dates,
.times,
.venue,
.location,
.ticket-price,
.price-range,
.age-restriction {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

address {
	font-style: normal;
}

.share-button {
	background: transparent;
	border: 0;
	color: #fff;
}

.share-button:hover,
.share-button:focus {
	color: #f09;
	cursor: pointer;
}


/* STRUCTURE */

#wrapper {
	width: 960px;
	padding: 15px;
	background-color: #000;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	margin: 0 auto;
}

#header {
	padding-bottom: 20px;
}

#main {
	clear: both;
	
	margin-top: 20px;
	margin-bottom: 15px;
	min-height: 600px;
}

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

#content p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

#content a {
	color: #CCC;
}

#content a:hover {
	color: #F09;
}

#content.centercolumn {
	width: 500px;
	float: right;
}

#content.twocolumn {
	width: 703px;
}

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

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


/* SOCIAL LINKS */

#header #social {
	width: 46px;
	float:right;
        margin: 10px 10px 0 0;
}

#header #social .facebook {
     background: url("images/facebook-icon.png");
	 float: left;
     height: 20px;
     width: 20px;
	 margin-right: 6px;
}

#header #social .facebook a {
     display: block;
     height: 20px;
     width: 20px;
}

#header #social .twitter {
     background: url("images/twitter-icon.png");
	 float:left;
     height: 20px;
     width: 20px;
}

#header #social .twitter a {
     display: block;
     height: 20px;
     width: 20px;
}


/* NAVIGATION */

#nav {
	border-bottom: 1px dotted #FFF;
	
	padding: 20px 0 4px 0;
	font-family: "Century Gothic", sans-serif;
	margin-left: auto;
	margin-right: auto;
}

#nav ul {
	margin-left: 16px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}	

#nav .menu li {
/* IE7 */
	display:inline;
	position: relative;
	padding-bottom: 20px;
}

#nav .menu li a {
	padding-right: 16px;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: #999;	
}

#nav .menu li a:hover {
	text-decoration: none;
	color: #F09; 
}

#nav .menu li.current-page-item a { 
	color: #F09; 
}

#nav .menu li.current-menu-item a { 
	color: #F09; 
}

/* dropdown sub-menu */

#nav .menu ul.sub-menu {
	position: absolute;
	top: 14px;
	z-index: 99999;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	text-align: left;
	padding-top: 13px; /* Close to main menu item for persistent hover */
}

#nav .menu .sub-menu li a {
	margin: 0;
	float: none;
	clear: both;
	font-size: 14px !important;
	line-height: 26px;
	color: #FFF;
}

#nav .menu li:hover ul {
	left: -15px; /* Bring back on-screen when needed */
}

#nav .menu .sub-menu li a {
	background: #636 ; /* Adding a background makes the dropdown work properly in IE7+. */
	background: rgba(102,51,102,0.8);
	padding: 4px 8px;
}

#nav .menu .sub-menu li a:hover {
	color: #FFF;
	background-color: #F09;
}

#nav .menu .sub-menu ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}



/* SIDEBARS */

#sidebar-1-3col {
	width: 188px;
	min-height: 50px;
	margin-bottom:15px;
}

#sidebar-2-3col {
	width: 237px;
	min-height: 50px;
	margin-bottom: 15px;
	margin-left: 20px;
}

#sidebar-1-3col a {
	color: #999;
}

#sidebar-1-3col a:hover {
	color: #F09;
}

#sidebar-2-3col a {
	color: #999;
}

#sidebar-2-3col a:hover {
	color: #F09;
}

#sidebar-1 .floatright {
	margin-left: 15px;
}

#sidebar-1 .floatleft {
	margin-right: 15px;
}

#sidebar-2 .floatright {
	margin-left: 15px;
}

#sidebar-2 .floatleft {
	margin-right: 15px;
}


/* FOOTER */

#footer {
	width: 100%;
	height: 50px;
	border-top: 1px dotted #FFF;
	clear: both;
}

#footer #address {
	font-size: 10px;
	line-height: 11px;
	float: left;
	margin-top: 16px;
}

#footer #TF-powered {
	background: url("//cdn.ticketfly.com/files/2011/07/ticketfly-powered-badge-dark-bg.png") no-repeat;
	float: right;
	width: 91px;
	height: 35px;
	margin-top: 6px;
}

#footer #TF-powered a {
	width: 91px;
	height: 35px;
}

#footer .eb-powered-footer {
	float: right;
	width: auto;
	clear: none;
	margin-top: 6px;
}

/* VENUE NAME STYLE/POSITION */

/* #venue-logo {
	background: url(images/header2.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
  height: 157px;
  width: 960px;
  }
 */
#venue-logo {
	background: url('images/SlipperRoom-newheader.jpg') no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
  height: 157px;
  width: 960px;
  }



/* Links */

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

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


/* Etc. */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.center {
	text-align: center;
}

.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;
}


/* LIST VIEW */

#wrapper #overlay .headliners a:hover {
	color: #F09;
}

#wrapper #overlay li .selected {
	background-color: #636;
}

#wrapper #overlay li a:hover {
	background-color: #F09;
}

#wrapper .list-view-heading {
	padding-bottom: 6px;
}

#wrapper .list-view-title {
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	line-height: 18px;
}

#wrapper .list-view-details {
	max-width: 44%;
}

#wrapper .calendar-link a:hover {
	color: #F09;
}

#wrapper .list-view-item {
	margin-bottom: 10px;
	border: none;
	background-color: #222;
}

#wrapper .list-view-item .headliners a {
	color: #FFF;
}

#wrapper .list-view-item .dates {
	display: block;
	border-top: 2px dotted #e874b1;
	padding-top: 4px;
}

#wrapper .list-view-item .price-range {
	max-width: 112px;
}

#wrapper .headliners {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 2px;
	color: #FFF;
}

#wrapper .headliners a:hover {
	color: #F09;
}

#wrapper .topline-info,
#wrapper .supports {
	font-size: 13px;
	line-height: 15px;
}

#wrapper .supports a:hover {
	color: #F09;
}

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

#wrapper .venue {
}

#wrapper button.ticket-link,
#wrapper .ticket-link:not(.free) a,
#wrapper .future-sale a {
	box-sizing: content-box;
	background-color: #636;
	color: #FFF;
	font-family: "Century Gothic", sans-serif;
	text-transform: uppercase;
}

#wrapper button.ticket-link:hover,
#wrapper .ticket-link:not(.free) a:hover,
#wrapper .future-sale a:hover {
	cursor: pointer;
	background-color: #F09;
	border: 1px solid #FFF;
}

#wrapper .cancelled,
#wrapper .postponed,
#wrapper .free,
#wrapper button.ticket-link.free,
#wrapper .tickets-at-the-door,
#wrapper .future-sale a,
#wrapper .on-sale-soon,
#wrapper .unavailable,
#wrapper .sales-ended,
#wrapper .sold-out,
#wrapper .closed,
#wrapper  .custom {
	display: block;
	width: 100px;
	border: solid 1px;
	border-radius: 3px;
	padding: 5px;
	margin: 0 0 5px 0;
	text-align: center;
	background-color: #000;
	color: #FFF;
	font-family: Century Gothic, sans-serif;
	text-transform: uppercase;
}

/* for sites without embedded checkout */
#wrapper article.free,
#wrapper .list-view article.free,
#wrapper .calendar-view article.free,
#wrapper .event-detail article.free {
	background: #000;
	padding: 0;
	margin: 0;
	border: 0;
	width: auto;
}

#wrapper .pages .selected a {
	color: #f09;
	font-weight: bold;
}

/* Carousel */

#eb-featured-events {}

#eb-featured-events .owl-item.center {
	text-align: left;
}

#eb-featured-events .venue {
	font-size: 11px;
}

#eb-featured-events button.ticket-link,
#eb-featured-events .ticket-link a {
	width: 50px;
	text-align: center;
	display: block;
	float: left;
	font-size: 11px;
	padding: 2px;
	color: white;
	text-decoration: none;
}

#eb-featured-events .owl-nav,
#eb-featured-events .owl-dots {
	position: absolute;
	bottom: 10px;
	right: 10px;
}


#eb-featured-events .owl-dots {
	right: 45px;
	counter-reset: slides;
}

#eb-featured-events .owl-nav button,
#eb-featured-events .owl-dots button {
	margin: 0;
}

#eb-featured-events .owl-nav button span,
#eb-featured-events .owl-dots button span {
	border: 1px solid #888;
	padding: 3px;
	margin: 1px;
	background: #666666;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	float: none;
	width: 7px;
	font-size: 11px;
	line-height: 17px;
	height: 15px;
}


#eb-featured-events .owl-nav button:hover,
#eb-featured-events .owl-dots button:hover {
	outline: 0;
	border: 0;
	background: 0;
}

#eb-featured-events .owl-nav button:hover span,
#eb-featured-events .owl-dots button:hover span {
	background: #f09;
}

#eb-featured-events .owl-dots button span {
	counter-increment: slides;
}

#eb-featured-events .owl-dots button span:before {
	content: counter(slides);
}

#eb-featured-events .owl-dots .active span {
	background: #636;
}

/* Email Form */

#wrapper .eb-email-address,
#wrapper .eb-email-submit {
	display: inline;
}

#wrapper .tfly-email-subscribe-text {
	width: 122px;
	height: 22px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	color: #666;
}

#wrapper .eb-email-address-text {
	width: 119px;
}

#wrapper .tfly-email-subscribe-submit {
	color: #FFF;
	height: 24px;
	padding: 1px 3px;
	background-color: #636;
	border: 1px solid #F69;
	margin-top: 1px;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11px;
}

#wrapper input[type="submit"]:hover {
	background-color: #F09;
}


/* Search Form */

#searchform {
	float: right;
	height: 36px;
	width: 237px;
}

#searchform .textform {
	width: 201px;
	height: 24px;
	background-color: #666;
	border: none;
	color: #FFF;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	padding-left: 6px;
	float: left;
}

#searchform input#searchsubmit {
	height: 24px;
	overflow: hidden;
	text-indent: -7000px;
	display: block; 
	line-height: 0;
	width: 24px;
	background: url(images/search-icon.png) no-repeat;
	background-color: #636;
	float: right;
	border: 1px solid #F69;
}

#searchform input:focus {
	background: white;
	color: #333;	
}

#searchform input#searchsubmit[type="submit"]:hover {
	background-color: #F09;
}


/* TF Plugin Styling examples. To override or add style to an class or element, simply pre-pend your selectors with #wrapper. See examples below
*/

#wrapper .sidebar .widget {
	padding-bottom: 10px;
}

#wrapper .sidebar-list {
	margin: 0;
	padding: 0;
}

#wrapper .sidebar .widgettitle {
	margin: 14px 0 10px 0;
	font-size: 15px;
	background-color: #636;
	padding: .2em 1em;
	text-align: center;
	font-family: "Century Gothic", sans-serif;
}

#wrapper .sidebar .widgettitle a {
	color: #FFF;
}

#wrapper .sidebar .widget .entry-meta {
	color: #666;
	display: block;
	margin-bottom: 12px;
}

#wrapper .sidebar .widget_twitter li {
	border-bottom: 1px dotted #666;
	margin-top: 10px;
}

#wrapper .sidebar .widget_twitter .follow-button {
	margin: 10px 0;
}

#wrapper .sidebar .widget .from-meta, .time-meta {
	text-align: right;
	font-size: 10px;
	line-height: 12px;
	display: block;
}

#wrapper .sidebar .widget .time-meta {
	margin-top: 2px;
}

#wrapper .sidebar .widget .in-reply-to-meta {
	display: none;
}

#wrapper .widget_recent_entries li {
	margin-bottom: 10px;
}


/* EVENT DETAIL PAGE */

#wrapper .event-detail .event-info {
	padding: 0;
}

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

#wrapper #content.twocolumn.floatright .entry-content {
	border: none;
}

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

#wrapper .event-detail .price-range {
	display: block;
	padding: 10px 0;
}

#wrapper .event-detail button.ticket-link,
#wrapper .event-detail .ticket-link a,
#wrapper .event-detail .unavailable,
#wrapper .event-detail .sales-ended,
#wrapper .event-detail .sold-out,
#wrapper .event-detail .cancelled,
#wrapper .event-detail .postponed,
#wrapper .event-detail .free,
#wrapper .event-detail .tickets-at-the-door,
#wrapper .event-detail .future-sale a,
#wrapper .event-detail .on-sale-soon,
#wrapper .event-detail .custom {
	margin-bottom: 10px;
}

#wrapper .event-detail .free,
#wrapper .event-detail article.free,
#wrapper .event-detail button.free,
#wrapper .event-detail .unavailable,
#wrapper .event-detail .sales-ended {
	margin-top: 10px;
}

#wrapper .event-detail #toolbox {
	padding: 14px 0 12px 0;
}

#wrapper .event-detail .share-text {
	padding-top: 10px;
}

#wrapper .artist-boxes .bio {
	font-size: 12px;
	line-height: 16px;
}

#wrapper .venue-info {
	font-size: 12px;
	line-height: 16px;

}

#wrapper .venue-info a:hover {
	color: #F09;
}

/* 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 {
	padding: 20px 0;
}

#wrapper .event-detail .event-description p,
#wrapper .event-detail .event-description div,
#wrapper .event-detail .event-description span {
	font-size: 1em !important; /* to override inline styles of 14pt text */
}

#wrapper .event-detail .event-description img {
	float: none;
	width: initial;
	max-width: 100%;
}


/* CALENDAR */

#wrapper .calendar-view .calendar-title,
#wrapper .tfly-calendar .tfly-calendar-title {
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	line-height: 18px;
}

#wrapper .calendar-view .month,
#wrapper .tfly-calendar .month {
	text-align: center;
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #E874B1;
}

#wrapper .calendar-view .calendar-list-flip a,
#wrapper .tfly-calendar .calendar-list-flip a {
	font-size: 12px;
	line-height: 18px;
}

#wrapper .calendar-view .headliners a,
#wrapper .calendar-view .supports a,
#wrapper .tfly-calendar .headliners a,
#wrapper .tfly-calendar .supports a {
	color: #FFF;
}

#wrapper .calendar-view .headliners a:hover,
#wrapper .calendar-view .supports a:hover,
#wrapper .tfly-calendar .headliners a:hover,
#wrapper .tfly-calendar .supports a:hover {
	color: #F09;
}

#wrapper .calendar-view .time,
#wrapper .calendar-view .venue,
#wrapper .calendar-view .age-restriction {
	font-size: 11px;
}

#wrapper .calendar-view .venue,
#wrapper .tfly-calendar .venue {
	padding-top: 6px;
}

#wrapper .calendar-view .age-restriction,
#wrapper .tfly-calendar .age-restriction {
	padding-bottom: 6px;
}

#wrapper .calendar-view button.ticket-link,
#wrapper .calendar-view .ticket-link a,
#wrapper .calendar-view .custom,
#wrapper .calendar-view .cancelled,
#wrapper .calendar-view .free,
#wrapper .calendar-view .future-sale a,
#wrapper .calendar-view .tickets-at-the-door,
#wrapper .tfly-calendar .ticket-link a,
#wrapper .tfly-calendar .custom,
#wrapper .tfly-calendar .cancelled,
#wrapper .tfly-calendar .free,
#wrapper .tfly-calendar .future-sale a,
#wrapper .tfly-calendar .tickets-at-the-door {
	width: 100px;
	font-size: 12px;
	color: #FFF;
	margin-top: 6px;
}

#wrapper .calendar-view table,
#wrapper .tfly-calendar table {
	margin-bottom: 30px;
}

/*
#wrapper .tfly-calendar .data .ticket-link a, .tfly-calendar .data .sold-out, .tfly-calendar .data .cancelled, .tfly-calendar .data .postponed, .tfly-calendar .data .free, .tfly-calendar .data .tickets-at-the-door, .tfly-calendar .data .future-sale a, .tfly-calendar .data .on-sale-soon, .tfly-calendar .data .custom, {
}
*/


/* NEWS CATEGORY & POST PAGES */

#wrapper #content .entry-content {
	margin-bottom: 16px;
}

#wrapper #content .post .entry-content p {
	font-size: 12px;
	line-height: 16px;
}

#wrapper #content .entry-meta2 {
	padding-bottom: 8px;
}

#wrapper #content .entry-meta2 a.postTitle:hover {
	color: #F09;
}

#wrapper #content .entry-meta2 a.postTitle {
	font-weight: bold;
	color: #FFF;
}

#wrapper #content .entry-meta2 .published {
	font-size: 10px;
	line-height: 14px;
}

#wrapper #content .post h2.entry-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 6px;
}

#wrapper #content .post .entry-meta {
	padding-bottom: 8px;
	font-size: 10px;
	line-height: 14px;
}

#wrapper #content #nav-below.navigation {
	font-size: 12px;
	line-height: 16px;
	margin: 12px 0;
}