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

* {
	margin:0;
	padding:0;	
}

body {
        background: none;
        color:#FFF;
        font-family: 'Anaheim', "Andale Mono", AndaleMono, monospace;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
}

#bgNode {
        background:url(images/fire-bokeh-background-web.jpg);
        width: 100%;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: rgb(0, 0, 0);
        height: 100%;
        position: fixed;
}

#wrapper #tfly-featured-events h1, #wrapper #tfly-featured-events h2, #wrapper #tfly-featured-events h3, #wrapper .list-view h1, #wrapper .list-view h2, #wrapper .list-view h3, #wrapper .event-detail h1, #wrapper .event-detail h2, #wrapper .event-detail h3, #wrapper .tfly-calendar h1, #wrapper .tfly-calendar h2, #wrapper .tfly-calendar h3, #wrapper .search-results h3, h3, h4,h5, p, li {
        font-size:14px;
        line-height:18px;
        font-weight:normal;
        font-family: 'Anaheim', "Andale Mono", AndaleMono, monospace;
}

h1 {
        font-size: 42px;
        line-height: 46px;
        text-transform: uppercase;
        font-weight: 600;
	margin-bottom: 20px;
}

h2 {
	margin-bottom: 5px;
}

p {
	margin-bottom: 10px;
}

strong {
        color: #AA0000;
        font-weight: bold;
}

.listing-title, #rsidebar .widgettitle {
        font-size: 30px;
        line-height: 34px;
        font-weight: 600;
        text-transform: uppercase;
}

.titlep1 {
        color: #FFF;
}

.titlep2 {
        color: #888;
}

/* STRUCTURE */
#wrapper {
        width: 980px;
        padding: 20px;
        background: url(images/bg-opc.png);
        margin: 0 auto;
        position: relative;
}

#header-wrapper {
        background: url(images/bg-opc.png) repeat;
        height: 130px;
        margin-bottom: 40px;
        width: 100%;
        position: relative;
}

#header {
        width: 980px;
        margin: 0 auto;
        padding: 15px;
        position: relative;
}

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

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

#content.twocolumn {
	width: 660px;
}

#content.notitle {
	width: 630px;
}

#content-bg, #content.notitle {
        background: url(images/bg-opc.png);
        padding: 15px;
}

.eventslist #content-bg {
        background: none;
        padding: 0;
}

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

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

#rsidebar {
	width: 295px;
	min-height: 50px;
	margin-bottom: 15px;
        position: relative;
}

#clearer {
	width: 100%;
	clear: both;
}

/* VENUE NAME */
#venue-name {
}

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

#venue-name h1 a {
        display: block;
        background: url(images/palladium-1.png) no-repeat;
        width: 248px;
        height: 100px;
}

/* NAV */
#nav {
        position: absolute;
        top: 50px;
        right: 15px;
  			z-index: 5;
}

#nav:before, #nav:after, #nav > ul:before, #nav > ul:after {
    display: table;
    content: '';
    }

#nav ul {
}

#nav ul li {
        float: left;
        position: relative;
        margin: 0 0 0 5px;
        padding: 0 0 5px 0;
}

#nav ul li a {
        background: url(images/bar-opc.png);
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        display: block;
        padding: 8px 15px 8px 15px;
        font-size: 17px;
}

#nav ul li a:hover, #nav ul li.current-menu-item a, #nav ul li:hover > a, #nav ul li.current-menu-item ul li a:hover {
        background: #888;
}

#nav ul li.current-menu-item ul li a {
        background: url(images/bar-opc.png);
}

/* NAV CHILDREN */
#nav ul li ul {
        visibility: hidden;
        transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        top: 100px;
        margin: 0;
        padding: 0;
        opacity: 0;
        z-index: 2;
        position: absolute;
}

#nav ul li:hover ul {
        visibility: visible;
        top: 40px;
        left: 0;
        color: #000;
        margin: 0;
        opacity: 1;
        z-index: 2;
}

#nav ul ul li {
        margin-bottom: 2px;
        width: 100%;
        margin: 0;
        padding: 0;
}

#nav ul ul li a {
        text-transform: uppercase;
        text-decoration: none;
        width: 170px;
        color: #fff;
        display: block;
        padding: 8px 15px 8px 15px;
        font-size: 17px;
}

/* LINKS */
a:link, a:visited {
	color: #888;
	text-decoration: none;
        transition: all 0.3s ease-in-out 0s;
}

a:hover {
	color: #FFF;
	text-decoration: none;

}

/* 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 */
#rsidebar .textwidget, #rsidebar .widget_twitter ul, #rsidebar .Tumblr ul {
        background: url(images/bg-opc.png);
        padding: 10px 15px;
}

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

#wrapper #rsidebar .sidebar-list ul li a {
	padding: 5px;
        border-bottom: solid 1px #333;
}

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

#wrapper #rsidebar .widget {
        margin-bottom: 40px;
}

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

#wrapper #rsidebar .widgettitle {
        margin-bottom: 20px;
        color: #888;
}

/* EMAIL SIGNUP */
.signup-form {}
.tfly-email-subscribe-text {
        font-style: italic;
        color: #666;
}

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

.tfly-email-subscribe-submit {}

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

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

#wrapper #twitter-2 .widgettitle {
        color: #FFF;
}

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

.widget_twitter ul {
	margin: 0;
	padding: 0;
	list-style: none;
        top: 90px;
}
.widget_twitter li {
	padding: 5px 10px 30px;
	margin: 5px 0;
	position: relative;
        overflow:hidden;
        border-bottom: dashed 1px #444;
}

#wrapper .widget_twitter li:last-child {
        border: none;
}

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

.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: 75px;
        left: 25px;
}

/* AD-MINISTER */
#single-ad, #quad-ad {
        width: 265px;
        margin: 0 auto;
}

#quad-ad img {
        margin-bottom: 20px;
}

#quad-ad img:nth-child(2n+1) {
        margin-right: 20px;
}

/* TUMBLR */
#wrapper #rsidebar ul li.tumblr_post { list-style: none; border-bottom: solid 1px #333; padding: 20px 0 10px 0; }
#wrapper #rsidebar ul li.tumblr_post:first-child { padding: 10px 0; }
#wrapper #rsidebar ul li.tumblr_post:last-child { border: none; padding-bottom: 0;}
#wrapper #rsidebar ul li.tumblr_post img, #wrapper .block ul li.tumblr_post video, #wrapper .block ul li.tumblr_post audio { margin-bottom: 10px; }

/* SIDEBAR LISTVIEW */
#rsidebar .list-view {
        margin-bottom: -20px;
}

#rsidebar .list-view-item {
        border: none;
        padding: 0;
        margin: 0 0 25px 0;
        width: 265px;
        position: relative;
}

#rsidebar .list-view-details {
        margin: 0 0 0 58px;
        padding: 0 0 0 13px;
        max-width: 100%;
        border-left: dashed 1px #444;
}

#rsidebar .list-view .ticket-price {
        float: right;
        width: 195px;
        border-left: dashed 1px #444;
        padding: 0 0 0 11px;
}

#wrapper #rsidebar .list-view h1.headliners {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 3px;
}

#rsidebar .list-view .headliners, #rsidebar .list-view .supports, #rsidebar .list-view .venue {
        width: 215px;
}

#wrapper #rsidebar .list-view .venue {
        margin: 2px 0 10px 0;
}

#rsidebar .list-view .dates {
        margin: 0;
}

#rsidebar .list-view .month, #rsidebar .list-view .day {
        position: absolute;
        width:55px;
}

#rsidebar .list-view .day {
        top: 0;
        left: -10px;
        font-size: 45px;
        line-height: 30px;
}

#rsidebar .list-view .month {
        top: 40px;
        left: -10px;
        font-size: 25px;
        line-height: 29px;
}

/* CYCLONE SLIDER */
#wrapper #cycloneslider-home-1 {
        position: relative;
        margin: 0 0 35px 0;
  			z-index: 0;
}

#wrapper .cycloneslider-caption {
        background: none;
        width: auto;
        position: absolute;
        bottom: 45px;
        left: 80px;
}

#wrapper .cycloneslider-caption-title {
        background: none;
        background: url(images/trans888888.png);
        color: #FFF;
        font-size: 35px;
        line-height: 39px;
        font-weight: 600;
        padding: 5px;
        width: auto;
        text-transform: uppercase;
}

#wrapper .cycloneslider-caption-description {
        margin: 5px 0 0 0;
        background: url(images/bg-opc.png);
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        width: auto;
        padding: 5px;
}

/* LIST VIEW */
#wrapper #content .list-view {
        margin-top: 20px;
}

#wrapper #content .list-view-item {
        margin-bottom: 20px;
        border: none;
        background: url(images/bg-opc.png);
        padding: 15px;
        position: relative;
}

#wrapper #content .list-view-details {
        width: 300px;
        max-width: 60%;
        margin: 0 0 10px 15px;
}

#wrapper #content .list-view img {
        width: 166px;
        height: auto;
        margin: 0 0 0 75px;
}

#wrapper h2.topline-info, #wrapper h3.topline-info, #wrapper .topline-info, #wrapper .event-status-message {
        margin-bottom: 3px;
        color: #888;
        font-size: 13px;
        line-height: 17px;
}

#wrapper h1.headliners a, #wrapper h2.supports a, #wrapper #rsidebar .sidebar-list ul li a {
        color: #FFF;
}

#wrapper h1.headliners a:hover, #wrapper h2.supports a:hover {
        color: #888;
}

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

#wrapper h2.supports {
	font-size: 14px;
	line-height: 18px;
}

#wrapper .list-view h2.supports {
        margin: 7px 0 3px 0;
}

#wrapper .list-view h2.supports:before, #wrapper .event-detail h2.supports:before {
        content: "with special guests: ";
}

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

#wrapper #content .list-view .ticket-price {
        float: right;
        width: 373px;
}

#wrapper .ticket-link a {
        text-transform: uppercase;
        color: #FFF;
        background: url(images/bar-opc.png);
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
}

#wrapper .ticket-link a:hover {
        background: #888;
}

#wrapper .ticket-link a:before {
        content: "Buy ";
}

#wrapper .ticket-link a, #wrapper .sold-out, #wrapper .cancelled, #wrapper .free, #wrapper .off-sale, #wrapper .tickets-at-the-door {
        width: 75px;
        padding: 5px 8px;
}

#wrapper .rescheduled {
        width: 100px;
}

#wrapper .cancelled, #wrapper .sold-out, #wrapper .postponed, #wrapper .rescheduled {     
        background: #AA0000;
        border: none;
        text-transform: uppercase;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
}

#wrapper .postponed, #wrapper .rescheduled {
        background: #888;
        border: none;
}

#wrapper .list-view .price-range {
        width: 110px;
        margin-bottom: 5px;
        word-wrap: break-word;
}

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

#wrapper .list-view .rescheduled, #wrapper .list-view .off-sale {
        margin-bottom: 5px;
}

#wrapper .free, #wrapper .tickets-at-the-door, #wrapper .future-sale a, #wrapper .on-sale-soon, #wrapper .custom, #wrapper .off-sale {
        background: #C77A22;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        color: #FFF;
}

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

#wrapper .home .dates, #wrapper .eventslist .dates {
        position: absolute;
        left: 20px;
        top: 30px;
}

#wrapper .home .week, #wrapper .home .month, #wrapper .home .day, #wrapper .eventslist .week, #wrapper .eventslist .month, #wrapper .eventslist .day, #rsidebar .month, #rsidebar .day {
        display: block;
        text-align: center;
        text-transform: uppercase;
}

#wrapper .home .week, #wrapper .home .month, #wrapper .eventslist .week, #wrapper .eventslist .month {
        font-size: 30px;
        line-height: 34px;
}

#wrapper .home .week, #wrapper .eventslist .week {
        margin-bottom: 10px;
}

#wrapper .home .day, #wrapper .eventslist .day {
        font-size: 50px;
        line-height: 54px;
}

#wrapper .list-view .times {
        background: url(images/icon-clock.png) no-repeat;
        padding-left: 20px;
        line-height: 15px;
}

#wrapper #content .list-view .venue {
        background: url(images/icon-venue.png) no-repeat;
        padding-left: 16px;
        line-height: 15px;
}

#wrapper .list-view .times, #wrapper .list-view .venue {
        float: left;
        margin-top: 7px;
        color: #888;
}

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

#wrapper .end {
        display: none;
}

#wrapper .age-restriction {
}

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

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

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

#wrapper .event-detail .dates, #wrapper .event-detail .times, #wrapper .event-detail .venue, #wrapper .event-detail .price-range {
        font-size: 17px;
        line-height: 21px;
}

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

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

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

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

#wrapper .share-text {
        padding-top: 5px;
}

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

#wrapper .event-detail .artist-boxes ul.links li {
        margin-top: 5px;
}

#wrapper .bio {
}

#wrapper #fb-rsvp {
        background: none;
        border: none;
        padding: 10px 0;
        margin: 0 0 0 18px;
}

#wrapper .fb-rsvp-attending {
        color: #FFF;
        font-weight: normal;
        margin: 5px 0 0 10px;
}

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

#wrapper #fb-rsvp img {
        margin: 0 10px 0 10px;
}

#wrapper #fb-rsvp .profile-name {
        margin-bottom: 5px;
}

/* STREET TEAM FORM */
#wrapper #street-team-form .label {
  font-weight: bold;
}

#wrapper .wpcf7-form-control-wrap {
  margin: 0 0 0 5px;
}

#wrapper .wpcf7-form-control-wrap input[type=text], #wrapper .wpcf7-form-control-wrap input[type=date], #wrapper .wpcf7-form-control-wrap input[type=tel], #wrapper .wpcf7-form-control-wrap input[type=email], #wrapper .wpcf7-form-control-wrap input[type=url] {
	padding: 2px 0 2px 5px;
}

.street-border {
  border-bottom: solid 1px #333;
  margin: 30px 0 30px 0;
}

#wrapper #street-submit {
	padding: 5px;
  font-size: 14px;
  margin: 0 0 0 5px;
  text-transform: uppercase;
  color: #FFF;
  background: url(images/bar-opc.png);
  border: none;
}

#wrapper #street-submit:hover {
  background: #888;
}

/* FOOTER */
#footer {
        position: relative;
        width: 100%;
        height: 93px;
        margin: 40px 0 20px 0;
        border-top: 10px solid #888;
        background: url(images/bg-opc.png);
}

#fsidebar {
        width: 1000px;
        margin: 10px auto 0 auto;
        position: relative;
}

#fsidebar .widgettitle {
        display: none;
}

#copyright {
        position: absolute;
        color: #888;
        font-size: 15px;
        line-height: 19px; 
        top: 50px;
        left: 100px;  
}

.tfly-powered {
        border: none;
        margin: 45px 0 0 0;
}

/* SOCIAL MEDIA */
#footer-social {
        position: absolute;
        right: 0;
        bottom: 5px;
}

#footer-social li.fb a {
    background: url(images/facebook.png) no-repeat left 
}

#footer-social li.fb a:hover { 
    background: #3b5998 url(images/facebook.png) no-repeat left 
}

#footer-social li.fk a {
    background: url(images/flickr.png) no-repeat left 
}

#footer-social li.fk a:hover {
    background: #ff0084 url(images/flickr.png) no-repeat left 
}

#footer-social li.tw a {
    background: url(images/twitter.png) no-repeat left 
}

#footer-social li.tw a:hover {
    background: #2daae1 url(images/twitter.png) no-repeat left 
}
	
#footer-social li {
    list-style: none;
    float: left;
}

#footer-social li a {
    list-style: none;
    text-aling: center;
    float: left;
    width: 34px;
    height: 34px;
    margin: 0px 0px 0px 5px;
}
