@charset "UTF-8";

/*
Theme Name: Wilco
Theme URI: http://wilco.prod4ever.com
Description: Theme for Wilco
Author: PROD4ever
Version: 1.0
*/
/* ----------------------------------------------------------------------*\

HOME PAGE IMAGE DO NOT TOUCH ANYTHING ELSE UNDER PENALTY OF DEATH!!!

/*------------------------------------------------------------------------*/

#homeimg {
    background: url('http://wilcoworld.net/wp-content/uploads/2011/07/IMG_2763_Version_2.jpeg') no-repeat center;
	background-size:100%;
}
a.testyo {
    color: blue;
}
a.testyo:hover {
    color: red;
}
html {
    margin-top: 0px !important;
}
/*------------------------------------*\
	RESET
\*------------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display: block;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{ 
	border:0;
}
address,caption,cite,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	overflow-y:scroll; /* Force scrollbars 100% of the time */
	font-size:100%; /* Use 16px as per http://www.informationarchitects.jp/en/100e2r/ and http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ */
	font-family:Helvetica Neue, Arial, sans-serif; /* Swap these two lines around to switch between serif and sans */
	line-height:1.5;
	background:#fffff;
	color:#333;
	margin-top:0!important;
}
body{
	width:1000px;
	min-height:100%;
	padding:0;
	margin:0 auto 246px;
}

/*------------------------------------*\
	GRIDS
\*------------------------------------*/
/*

/*--- CLEARFIX ---*/
/*
Fix clearing issues as per: http://nicolasgallagher.com/micro-clearfix-hack/
*/
.cf,
.grids{
	zoom:1;
}
.cf:before,
.row:before,
.cf:after,
.row:after{
	content:"";
	display:table;
}
.cf:after,
.row:after{
	clear:both;
}


.grid_1 {width: 64px;}
.grid_2 {width: 148px;}
.grid_3 {width: 232px;}
.grid_4 {width: 316px;}
.grid_5 {width: 400px;}
.grid_6 {width: 484px;}
.grid_7 {width: 568px;}
.grid_8 {width: 652px;}
.grid_9 {width: 736px;}
.grid_10 {width: 820px;}
.grid_11 {width: 904px;}
.grid_12 {width: 988px;}
.grid_custom_350 {width:350px}
.grid_custom_628 {
    /*padding-left: 10px;*/
    width: 603px;
	padding-left: 15px;
}
.grid_custom_628  iframe {
	max-width:600px;
}
.column {margin: 0 10px 0 10px;
         overflow: hidden;
         float: left;
         display: inline;}
.row {width: 1008px;
         margin: 0 auto;
         overflow: hidden;}
.row .row {margin: 0 -10px 0 -10px;
         width: auto;
         display: inline-block;}
.column.grid_custom_350, .end-block.column {
	margin:0 0 0 5px;
}
.grid_custom_600 {width:600px}
.first.grid_custom_350 {margin-left:10px}
.grid_custom_368 {width:368px}
/*------------------------------------*\
	resizeable BG
\*------------------------------------*/
#supersize {
    position: fixed;
	left:0;
	top:0;
}

#supersize img {
    height:100%;
    position:absolute;
    width:100%;
    z-index:0
}
#content-wrapper {
	background-color:#ffffff;
	padding:0 15px;
	position:relative;
	overflow:hidden;
	margin-bottom:-246px;
	/*top:226px;*/
	width:1008px;
	z-index:1;
}
/*------------------------------------*\
	top bar
\*------------------------------------*/
#top-bar {
	background-color:#ffffff;
	padding:0 15px;
	position:relative;
	top:0;
	z-index:15;
}

#header {
    margin-top: 0;
}

/*------------------------------------*\
	music player
\*------------------------------------*/
/*#music-player {
	
}
#sc_music_player {
	height: 60px;
}

.sc-time-span, .sc-time-indicators, .sc-info {
	display: none !important;
}
.sc-player ol.sc-trackslist {
	top: 15px !important;
	left: 60px !important;
}

.sc-artwork-list {
	display: block !important;
}
.sc-player .sc-artwork-list li.active {
	width: 60px;
	height: 60px;
}
.sc-scrubber {
	background-color: transparent !important;
}

.sc-fast-forward {
	background-image: none !important;
	border: 1px solid red !important;
	display: inline !important;
	text-indent: 0px !important;
}
.sc-rewind {
	background-image: none !important;
	border: 1px solid red !important;
	display: inline !important;
	text-indent: 0px !important;
}
.sc-volume-slider {
	height: 20px;
	border: 1px solid blue;
}
.pause-track-list {
	background: transparent url("images/pause.png") center center no-repeat;
}*/
/*------------------------------------*\
	LOGO
\*------------------------------------*/
/*
Your logo is an image, not a h1: http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1/
*/
#logo a{
	background:url(images/wilco-logo.png) no-repeat 0 0;
	display:block;
	width:384px; 
	height:97px;
}
/* Based on the fact that we need to use an <img /> in our markup, let’s hide the actual image and use a background on the <a>--this gives us sematically sound markup and the ability to use sprites for hover effects! */
#logo{
	margin-bottom:10px;
	display:block;
}
#logo:hover{
	/* Hover states */
	background-position:0;
}



#album-chooser .flow {
	height: 400px;
	width: 800px;
}

#album-chooser .caption {
	color: black;
}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav, #footer-nav{
	list-style:none;
	overflow:hidden;
	margin:0;
}
#footer-nav {
	padding-top:35px;
}
#nav {
	clear:both;
	display:block;

}
#nav li, #footer-nav li{
	float:left;
	text-align:center;
}
#nav li {
    margin-right:38px;
} 

#nav li.last {margin-right:0}
.navnum {	
position:relative;
top:5px;	
}

#nav a{
	color:#333333;
	display:block;
	font-size:0.8em;
	margin:0 auto;
	padding:10px 3px;
	/*width:65%; */
}
#nav li.social {margin-right:0; float:right;}

#footer-nav a {
	color:#999999;
	padding:5px 10px;
	text-decoration:none;
}
#nav a:hover, #footer-nav a:hover, #nav a.current {
	background-color:#FFFF33;
	text-decoration:none;
}

/*
http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/
Add a class of centred/centered to create a centred nav.
*/
#nav.centred,
#nav.centered{
	text-align:center;
}
#nav.centred li,
#nav.centered li{
	display:inline;
	float:none;
}
#nav.centred a,
#nav.centered a{
	display:inline-block;
}


/* -------------FLOATER------------------ */

.floater{
	position:fixed;
	top:5px;
	z-index:999;
	height:50px;
	border-top:none;
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
#header.floater {
	background: rgb(135,135,135);
	background: rgba(135,135,135,.9);
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
	height:34px;
	margin:0 0 0 7px;
	padding:8px 0;
	width:995px;
	/*padding:5px 0;*/
}
#header.floater #logo a {
	background:url(images/w.png) no-repeat 0 0;
	display:block;
	width:54px; 
	height:30px;
}
#header.floater #logo {
	margin:3px 10px 10px;
}


#nav.floater {
	margin:0 0 0 5px;
	width:700px;
}
#nav.floater ul {width:625px; margin:6px 0 0 84px}
#nav.floater li {margin-right:15px}
#nav.floater a {color:#ffffff}
#nav.floater a:hover, #nav.floater a.current {color:#333; background-color:transparent;}
#nav.floater .navnum {display:none}
#nav.floater #search-bar {position:relative; top:-4px; left:235px; width:160px}

#nav.floater .fb-link, #nav.floater .twitter-link, #nav.floater .instagram-link, #nav.floater .tumblr-link {top: 7px;margin-left: 0!important;}


/*------------------------------------*\
	POSTER POLL
\*------------------------------------*/
.poll_item > div {
    float:left;
    margin:0 5px 10px;    
}
.poster-photo {width:95px;  text-align:center;}
.poster-info {display: table;width: 190px;height: 115px;}
.poster-social {display: table;width:174px; margin-right:0!important; height: 115px;}
.poster-info span, .poster-social span {display: table-cell; vertical-align: middle;}
.poster-info span {font-size:.8em;}
.poster-photo img, #preview img {max-width: 95%;height: auto;margin: 0 auto;}
#preview {text-align:center; padding:25px 0}
.poll_item { padding:5px 10px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.poll_item:nth-child(odd) {background:#f2f2f2;}
.poll_item:hover {background:#ffff00;}
.poster-social .prod-favorite {
    background: transparent url("../images/poster-hearts.png") center top no-repeat;
    width: 38px;
    height: 34px;
    cursor: pointer;
    display: block;
    overflow: hidden;
}
.poster-social .prod-favorite:hover {background-position: bottom center}
.vote-count {
    background: black;
    color: white;
    text-align: center;
    margin-right: 15px;
    border-radius: 6px;
    padding: 6px 0 4px;
}
/*------------------------------------*\
	Footer
\*------------------------------------*/

#footer {
	color:#999999;
	font-size:.7em;
	margin:10px 0 20px;
	//overflow:hidden;
}
#copyright {
	padding-top:35px;
}
.dbpm {
	position:relative;
	float:left;
	top:-15px;
	margin-left:10px;
}
/*------------------------------------*\
	TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1{
	font-size:2em;			/* 32px */
	margin-bottom:0.75em;	/* 24px */
	line-height:1.5;		/* 48px */
}
.h1,h1 {
	font-family: georgia, times-new-roman, serif;
	font-style:italic;
	font-size:1.8em;
	display:block;
	line-height:1;
}
h2{
	font-size:1.5em;		/* 24px */
	margin-bottom:1em;		/* 24px */
	line-height:1;			/* 24px */
}
.h3 {
	font-size:1.25em;
	font-family: georgia, times-new-roman, serif;
	font-style:italic;
	line-height: 1;
	margin-bottom: .5em;
	display: block;
}
h3{
	font-size:1.25em;		/* 20px */
	margin-bottom:1.2em;	/* 24px */
	line-height:1.2;		/* 24px */
	padding-left:2px;
	text-transform:capitalize;
}
h4{
	font-size:1.125em;		/* 18px */
	margin-bottom:1.333em;	/* 24px */
	line-height:1.333;		/* 24px */
}
h5{
	font-weight:bold;
}
h5,
h6{
	font-size:1em;			/* 16px */
	margin-bottom:1.5em;	/* 24px */
	line-height:1.5;		/* 24px */
}

/*--- PARAGRAPHS ---*/
p{
	margin-bottom:1.5em;
}

*/

/*--- LINKS ---*/
/*
Say no to negative hovers: http://csswizardry.com/2011/05/on-negative-hovers/
A negative hover is one whose appearance is subtracted from on hover rather than added to.
*/
a{
	text-decoration:none;
}
a:visited{
	opacity:0.8; /* A bit basic, but it’s a bare minumum... */
}
a:hover{
	text-decoration:underline;
}
a:active,
a:focus{
	/* Give clicked links a depressed effect. */
	/*position:relative;
	top:1px;*/
}
.fb-link, .twitter-link, .google-link, .instagram-link{
    background: url(images/social_icons.png) no-repeat top left;
    width: 31px;
    height: 24px;
    display: block;
    margin-left: 10px!important;
    position: relative;
    text-indent: -20000px;
    padding: 0!important;
    top: 17px;
}

.fb-link {background-position:0 0;}
.fb-link:hover {background-position:0 -30px; background-color:transparent!important;}

.twitter-link {background-position:-43px 0;}
.twitter-link:hover {background-position:-43px -30px; background-color:transparent!important;}

.instagram-link {background-position:-86px 0;}
.instagram-link:hover {background-position:-86px -30px; background-color:transparent!important;}

.google-link {background-position:-126px 0;}
.google-link:hover {background-position:-126px -30px; background-color:transparent!important;}



.tumblr-link:hover {background-position: left bottom} 
.rss-link {
	background:url(images/rss.png) no-repeat center 0;
	width:18px;
	cursor:pointer;
	display:block;
	height:18px;
	margin:0 5px;
	padding:0!important;
	text-indent:-9999px;
}
a.rss-link:hover {
	background-color:none;
}
.small_button a, a.small_button, drop.small_button, .small_button_example {
	background-color: #333333;
	background-image:none;
	-webkit-border-radius:9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border:0;
	font-family: helvetica,arial,sans-serif;
	font-size:.75em;
	font-weight:normal;
	color:#FFFFFF;
	padding: 3px 10px 3px;
	cursor: pointer;
	line-height:1;
}
.already_there {
    background-color: #999999 !important;
    cursor: default !important;
}
.already_there:hover {
    color: #ffffff !important;
}
.drop.small_button {
	cursor:pointer;
	line-height:2;
	width:145px}
.drop.small_button:hover, .small_button a:hover, a.small_button:hover{
color:#333333;
background-color:yellow;
}
.nav_date, .back-nav {
	font-family:georgia,times-new-roman,serif;
	font-size:0.8em;
	font-style:italic;
	margin:0 10px;
}
.back-nav {
	position:absolute;
	bottom:120px;
}
/*--- LISTS ---*/

ul ul,
ol ol,
ul ol,
ol ul{
	/* Let’s take care of lists in lists */
	margin:0 0 0 60px;
}
dl{
	margin-bottom:1.5em;
}
dt{
	font-weight:bold;
}
dt:after{
	content:":";
}
dt::after{
	content:":";
}
dd{
	margin-left:60px;
}

ul.multi-col {
	float:left;
	margin:0 10px 10px 0;
}
.multi-col li {
	font-family:helvetica;
	font-size:0.8em;
	line-height:2em;
	width:100%;
}

.listCol1, .listCol2, .listCol3 {
    width: 320px;
}

.listContainer1 {
    margin-top: 40px;
}

/*--- QUOTES ---*/
blockquote{
	text-indent:-0.4em; /* Hang that punctuation */
}
blockquote b,
blockquote .source{
	/* Mark the source up with either a <b> or another element of your choice with a class of source. */
	display:block;
	text-indent:0;
}

/*--- GENERAL ---*/
q,
i,
em,
cite{
	font-style:italic;
	font-weight:inherit;
}
b,
strong{
	font-weight:bold;
	font-style:inherit;
}
mark{
	background:#ffc;
}
s,
del{
	text-decoration:line-through;
}
small{
	font-size:0.75em;
	line-height:1;
}


img.left	{ margin:0 20px 0 0; }
img.right	{ margin:0 0 0 20px; }

/*--- FLASH/VIDEO 
object,
embed,
video{
	max-width:100%;
	height:auto;
}
---*/
/*------------------------------------*\
	FORMS
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version...
*/
form {overflow:hidden;}
fieldset{
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:1.5em;
}
label{
	display:block;
	cursor:pointer;
}
label:after{
	content:":";
}
label::after{
	content:":";
}
input,
textarea{
	font-family:inherit;
	font-size:1em;
	/* line-height:1.5; */
}

/*------------------------------------*\
	search bar
\*------------------------------------*/
input[type="text"], select {
    background-color: #FFFFFF;
    border: medium none;
    float: left;
    font-size: 12px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 5px;
}

#search_field {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-style: italic;
    padding: 4px;
}

#search_field:hover {

}

#search input[type="submit"] {
	background:url(images/whitemag.png) no-repeat 0 0;
	border:none;
	display:block;
	position:relative;
	text-indent:-10000px;
	width:20px;
	height:19px;
	float:left;
	margin-top:4px;
	cursor:pointer;
}


button {
	background-color:$eeeeee;
	border:1px solid #666666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	clear:both;
	display:block;
	float:right;
	margin:10px;
	position:relative;
}
.main_search {
	margin-top: 13px;
}

p {font-size:.8em;}
/*------------------------------------*\
	CLASSES
\*------------------------------------*/
/*
Some not-too-pretty and insementic classes to do odd jobs.
*/
.f-left	{ float:left; }
.f-right	{ float:right; }
.clear	{ clear:both; float:none; }

.text-left		{ text-align:left; }
.text-right		{ text-align:right; }
.text-center,
.text-centre	{ text-align:center; }
.padding-top {padding-top:20px}
.margin-left {margin-left:15px}
.margin-top {margin-top:10px}
.margin-top-50 {margin-top:50px}
.not_visible {visibility: hidden;}
/* PROD Custom */

ul {
list-style-type:none;
margin:0;
padding:0;	

}

li {
margin:0;
padding:0;	
}

body {
	font-family: helvetica, arial, sans-serif;
    font-size:1em;	
    
}

.body {
	display:block;
}
.body p {
	font-size:.8em;
}
.body a {
	text-decoration:underline;	
}

a {
	text-decoration:none;
	color: #333333;	
}

a:hover {
   text-decoration:none;
   color:#999999;
}
.downsize {

}
.archive {
	background-color:#333333;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	bottom:140px;
	color:#ffffff;
	cursor:pointer;
	font-size:.7em;
	padding:3px 6px;
	position:absolute;
	text-align:center;
	width:51px;
}

.date {
	color:#999999;
    font-size:.7em;	
	display:block;
	margin-bottom:5px;
}

.last {
	margin-right:0!important;
}
.small_title {
	font-size:.9em;
	font-weight:bold;
	font-style:normal;
	font-family: helvetica, arial, sans-serif;
		
}

.module_header {
    display: block;
    font-family: georgia,times-new-roman,serif;
    font-size: 12px;
    font-style: italic;
    margin: 1em 0;
}
h1.module_header {
	font-size:1.1em;
}
.twothirds {
width:584px;
float:left;
}


.onethird {
width:350px;
float:left;	
}

.left {
margin-right:20px;	
}

.float {
float:left;	
}


/*   HOME PAGE */
#homeimg {
    height:635px;
    display:block;
}

ul#home-headlines  {
	margin-top:100px;
}

#home-headlines li {
    margin: 25px 0 15px;
}

#home-headlines a{
	font-size:1.5em;
	color:#ffffff;	
	background: #3399FF;
	padding:.2em 10px;
	text-decoration:none;
}

#home-headlines a:hover {
	background: #FFFF33;
	color:#000000;	
	text-decoration:none;
}
/* TOUR PAGE */
ul.tour-list {
    margin-top: 50px;
}

.tour-list li {
	border-bottom: 1px solid #E0E0E0;
    margin-bottom: 10px;
    margin-left: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    width: 990px;
    position: relative;
    padding-top: 10px;
}
.tour-list li .grid_11 {position: relative}

/* JUNE EDITS */

.alert {
	margin-left: 20px;
	background:url(images/nearing_sellout.gif) no-repeat 0 0;
	text-indent:-20000px;
	display:inline-block;
	width:200px; 
	height:38px;
	position: absolute;
	top:-15px;
}
.showinfo .alert {position: relative;}
.venue {
    font-size: .9em;
    font-weight: bold;
}

.venue a {
    text-decoration: underline;
}

.tour-list li.module_header {
	border-bottom: 0px;
    padding-bottom: 0px;
    font-family: helvetica;
    font-style: normal;
    font-weight: bold;
	font-size:1.5em;
}

.end-block {
	background-color:#333333;
	color:#ffffff;
	height:226px;
	margin:0 10px 0 5px;
	padding:10px;
	width:258px;
}
.end-block h2, .end-block p, .end-block h3{
	font-family:georgia,times-new-roman,serif;
	font-style: italic;
}
#tour-map-container .info-overlay {
    position: absolute;
    bottom: 0;
    top: auto;
    right: auto;
    left: 0;
    z-index: 10;
}
.info-overlay {
    background-color: #3399FF;
    display: inline;
    font-size: 0.8em;
    font-weight:bold;
    padding: 10px 5px 8px;
    position: relative;
    right: 0;
    top: 223px;
    z-index: 10;
    color:#FFF!important;
}
#tour-map .info-overlay {top:181px}
.external-link {
    background: url("images/external_link.gif") no-repeat scroll 7px 12px #39F;
    display: inline;
    padding-left: 19px;
    position: relative;
    right: 0;
    top: 223px;
    z-index: 10;
}

.end-block .info-overlay {
	color:#333333; 
	left:-10px;
	top:212px;
}
.end-block a, .column.last_column a  {
	color:#ffffff;
}
/*.tour_block {
	float:left;
	margin-bottom:30px;	
}

.tour_info {
	font-size:.8em;	
}

.tickets a{	
	float:left;
	margin-right:20px;		
}

.tickets a:hover {
	backgound-position:0 -19px;	
}*/

.sold-out {
	background:#ff0000;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	color:#ffffff;
	font-size:.7em;
	overflow:hidden;
	padding: 3px 8px 2px;
}

.year_selector {
	float:right;
}

/* /////////////////////////// MUSIC, SONG  PAGES ///////////////////////////////*/

.show_links_bottom {
	margin-left:10px;
	margin-top:10px;
}

a.play-track, .play-none, a.pause-track-list {
    background: url("images/player_btns.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
    display: block;
    float: left;
    height: 12px;
    margin-right: 7px;
    margin-top: 3px;
    text-indent: -1000em;
    width: 12px;
}
.play-none {
	background:none;
	cursor: default;
}
a.pause-track-list {
	background-position:-40px 0;
}
/*a.play-show {
	background:url('images/large_play_button.png') no-repeat 0 0;
	cursor:pointer;
	display:block;
	font-size:.8em;
	height:129px;
	width:104px;
}*/
a.play-track:hover {
	background-position:0 -14px;
}
a.pause-track-list:hover, .single-pause-track:hover {
	background-position:-40px -14px;
}
a.play-show:hover {
    background-position:0 0;
}

.not_loaded {
    color: #999999;
}
.still_loading {
    background: white url('') !important;
}
.single-pause-track {
	/* big pause button */
	background: transparent url("images/large_play_button.png") no-repeat 129px 0;
	cursor:pointer;
	display:block;
	font-size:.8em;
	height:129px;
	width:104px;
}
a.recordstore-btn {
    background:url(images/recordstore_day.gif) no-repeat center;
    width:144px;
    height:52px;
    display:inline-block;
    text-indent:-20000px;
    margin-left:10px;
    position: relative;
    top: -15px;
}
/*div#tracklist div.single-play-track:hover, .single-play-track:hover {
 /*   background-position:0 -129px !important; */
 /*background: transparent url("images/largePlayButton.png") no-repeat 0 -129px;
}*/
#tracklist {
	
}
a.single-play-track {
	cursor:pointer;
	font-size:.8em;
	/*height:129px;
	width:104px;*/
	position:relative;
	z-index:1000;
    display: block;
	width: 0px;
	height: 0px;
	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;
	border-left: 75px solid #ccc;
	margin-top:20px;
}
a.single-play-track:visited {
    cursor:pointer;
	font-size:.8em;
	/*height:129px;
	width:104px;*/
	position:relative;
	z-index:1000;
    display: block;
	width: 0px;
	height: 0px;
	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;
	border-left: 75px solid #ccc;
}
a.single-play-track:hover {
	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;
	border-left: 75px solid #333;
}
#roadcase_hider {
    display: none;
}

#related_albums img {
	height:150px;
	width:auto;
}
#related_albums li {
	float:left;
	margin:0 10px 5px 0;
}
.album_tag,.single_tag,.dvd_tag,.compilation_tag,.ep_tag, .book_tag{
	position:relative;	
}

.album_tag img{
	width:240px;
	height:240px;
	

}

.single_tag img{
	width:75px;	
	height:75px;
}

.dvd_tag img {
	width:172px;
	height:240px;
}

.compilation_tag img{
	width:75px;	
	height:75px;
	
}

.ep_tag img{
	width:75px;	
	height:75px;
}

.book_tag img {
	width:125px;
	height:inherit;
}
.numberedimage{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}
.number {
	position:absolute; 
	z-index:10;
	bottom:0;
	right:0;
	background-color:#FFFF33;
	font-size:.7em;	
	display:block;
	padding:1px 5px;
}

.album_list {
	float:left;
	margin-right:10px;
	/*background-color:#cccccc;*/
	margin-bottom:10px;
}


.spotify-button {
    float:left;
    margin-left:20px;
    margin-top:-9px;
    font-family: georgia;
    display: block;
    font-family: georgia,times-new-roman,serif;
    font-size: 12px;
    font-style: italic;
    height:27px;
    padding-right:35px;
    background-image:url("images/spotifyicon.gif");
    background-repeat: no-repeat;
    background-position: right top ;
    padding-top:8px;
    
}


#player {
width:300px;
}

#remote-playlist a {
	text-decoration:none;
}
/* /////////////////// CAUSES /////////////////////////////////////////*/
#causes-links ul {
	font-size:0.8em;
	margin:15px 10px;
}

/* /////////////////// NEWS /////////////////////////////////////////*/
ul#news-list {
	margin:40px 0 0 ;
}
#news-list li {
	margin:0 0 40px;
}

.read_more {
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-style: italic;
    margin-top: -5px;
}

.news_thumb img {
	width:400px;
}

.thumb {
	clear:both;
    margin-bottom: 10px;
}
.back-arrow {
	background:url(images/back_arrow.png) no-repeat center top;
	display: block;
	font-size: 0.7em;
	height: 18px;
	width: 78px;
	padding-top: 58px;
	float: right;
	margin-top: 20px;
	font-family: georgia;
	font-style: italic;
}
/*////////////////////  Community ///////////////////////////////////*/
.facebook,.twitter {
	background:url("images/bg-images/small/silkscreen_sm.jpg") no-repeat scroll center center transparent;
	background-size: 350px 246px;
	height:246px;
	margin: 0 5px 0 10px!important;

}
.twitter {
	background:url("images/bg-images/small/snare.jpg") no-repeat scroll center center transparent;
	background-size: 350px 246px;
	margin:0!important;

}

/* share include */
.share-links {
    padding: 15px 0;
}

/*////////////////////  MAP ///////////////////////////////////*/
.info {
	overflow:hidden;
	font-size:1.2em;
}
.info a {
	text-decoration:underline
}
.gmapswidget {
	position:relative;
	z-index:1;
}
#current-tour {
	background: url('images/currrent_tour_image.jpg') no-repeat center;
	height:246px;
	margin: 0 5px 0 10px;
	background-size:350px 246px;
	background-color:#000;
}
#tour-map-lightbox { width: 900px; height: 600px; }
#tour-map-container, #tour-map {
	/*background: url('images/tour_map_image.jpg') no-repeat center;*/
	height:246px;
	margin:0;
	position: relative;
	/*width:350px;*/
}
#tour-map-space, #tour-map-big, #tour-map-space-big {
	height: 100%;
}
/*#tour-map-big {
	width: 900px;
	height: 500px;
}*/
#tour-map-space {
	font-size:.7em;
	position: relative;
}
#tour-map-link {
	cursor: pointer;
}
#detail-map-space {
	font-size:.7em;
	height: 246px;
}
#detail-map-space a {
	margin:5px 0 0;
}
/*////////////////////  Search Results ///////////////////////////////////*/

#search_results {
	margin-top:40px;
}

.search_result {
	font-size:.8em;
	font-weight:bold;
	font-style:normal;
	font-family: helvetica, arial, sans-serif;
	margin-bottom:45px;
}

.term {
	background-color:#FFFF33;
}

/*////////////////////  Info ///////////////////////////////////*/

.info_module {
	margin-top:40px;
}

.sub_module_header {
	font-family:helvetica;
	font-weight:bold;
	font-size:.8em;
	display:block;
}


/*////////////////////  Store ///////////////////////////////////*/

#storeimg {
    background: url('images/wilco_storebg.jpg') no-repeat center;
    /*width:976px;*/
    height:635px;
    display:block;
}


.store_option_one a {
    background: url("images/store_record1.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 235px;
    text-align: center;
    width: 230px;
}

.store_option_one a:hover {
	background-position:-230px 0;
}

.store_option_two a {
    background: url("images/store_record2.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 235px;
    text-align: center;
    width: 230px;
}

.store_option_two a:hover {
	background-position:-230px 0;
}

.store_option_three a {
    background: url("images/store_record3.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 235px;
    text-align: center;
    width: 230px;
}

.store_option_three a:hover {
	background-position:-230px 0;
}

.store_option_four a {
    background: url("images/store_record4.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding-top: 235px;
    text-align: center;
    width: 230px;
}

.store_option_four a:hover {
	background-position:-230px 0;
}

.store_records {
	width:920px;
	margin:auto;
}
/*////////////////////  ROADCASE ///////////////////////////////////*/
#roadcase-head ul {
	display:block;
	width:100%
}
#roadcase-head li {
	float:left;
}
#new-roadcase {
	height:300px;
	margin-bottom:5px;
	overflow:hidden;
}
#new-roadcase img{
	height: auto;
    width: 657px;
}
#new-roadcase .column.grid_8 {
	margin:0 5px 0 10px;
	width:657px;
}
#new-roadcase .column.last_column {
    background-color: #333333;
    color: #FFFFFF;
    height: 210px;
    margin: 0 10px 0 0;
    padding: 90px 15px 0;
    width: 296px;
}

.three-up .body {
    padding-right: 7px;
    padding-left: 7px;
    display: block;
}
.three-up .small_title {
    padding-left: 7px;
    display: block;
    padding-right: 7px;
    padding-top: 7px;
}

.grid_4.three-up {
	width:326px;
	margin:0 5px;
}
.grid_4.three-up img {
	height:244px;
	width:inherit;
}
.grid_4.three-up.first {margin:0 0 0 10px}
.grid_4.three-up.last {margin:0 10px 0 0}
.no-float {
	clear:both;
	float:none;
}

#new-roadcase .last_column:hover {
    background-color: yellow;
    color: #333;
}
.video, .gallery, .audio, .video-off, .gallery-off, .audio-off {
	display:inline-block;
	float:left;
	height:25px;
	margin-right:15px;
	width:20px;
}
.video {
	background:url('images/video_icon_on.png') no-repeat center;
}
.audio {
	background:url('images/music_icon_on.png') no-repeat center;
}
.gallery {
	background:url('images/photo_gallery_icon_on.png') no-repeat center;
}
.video-off {
	background:url('images/video_icon_off.png') no-repeat center;
}
.gallery-off {
	background:url('images/photo_gallery_icon_off.png') no-repeat center;
}
.audio-off {
	background:url('images/music_icon_off.png') no-repeat center;
}
p.module_header .audio {top: -5px;position: relative;margin-right: 5px;}
/*////////////////////  SHOWS ///////////////////////////////////*/
li.announcement {
    padding-bottom: 0;
    text-indent: 15px;
    padding-top: 25px;
    border-bottom-color: black;
    font-size: 12px;
    line-height: 2;
}
.show_links_bottom a.small_button {
    background-color: #999;
}
.details-link {
	cursor:pointer;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-style: italic;
	margin-right:5px;
}
.showinfo .details-link {
    font-size: 14px;
    display: block;
    margin-top: 0;
    background: #EEE;
    padding: 3px 10px 4px;
    border-radius: 5px;
}
.show_links_bottom a.small_button:hover {
    background-color: yellow;
}
#faqs .share-links, #faqs .read-more,#ticket-policy .share-links, #ticket-policy .read-more,#photo-policy .share-links, #photo-policy .read-more {
		display:none;
}

#fancybox-content .date {
    display: none;
}
.gmnoprint {
	font-size:.9em;
	text-transform:capitalize
}

#loading {
	height:300px;
	width:109px;
	margin:auto;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('images/loading.gif');
    display:block;
	text-indent:-9999em;
	overflow:hidden;
	margin-bottom:200px;
	padding-top:100px;
	padding-bottom:200px;
	
}
.loading {
	width: 109px;
	height: 109px;
	display: block;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('images/loading.gif');
}
.overflow-v {overflow:visible!important;}
a.tooltip {
	background:#39F;  
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px; 
	width:15px;
	height:15px;
	display: inline-block;
	color:#fff; 
	margin-left:5px; 
	text-align: center;
	line-height: 1.4;
	position: relative;
	top: -5px;
	cursor: pointer;
}
a.tooltip span {margin-left: -999em;position: absolute;}
a.tooltip:hover span {
			-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
			background: #FF3; color:#000; padding:10px;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
/*  STORE */
	.store_one  a{
		background-color: #FFFF00;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		border-radius: 200px;
		height: 75px;
		left: 150px;
		padding: 150px 100px;
		position: absolute;
		text-align: center;
		top: 75px;
		width: 175px;
	}
	.store_two a{
		background-color: #FFFF00;
		-moz-border-radius: 125px;
		-webkit-border-radius: 125px;
		border-radius: 125px;
		height: 50px;
		left: 510px;
		padding: 50px 25px;
		position: absolute;
		text-align: center;
		top: 300px;
		width: 100px;
	}
	.store_three a{		
		background-color: #FFFF00;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		height: 50px;
		left: 430px;
		padding: 25px 15px;
		position: absolute;
		text-align: center;
		top: 410px;
		width: 70px;
	}
	.store_four a{		
		background-color: #FFFF00;
		-moz-border-radius: 90px;
		-webkit-border-radius: 90px;
		border-radius: 90px;
		height: 50px;
		left: 530px;
		padding: 20px 10px;
		position: absolute;
		text-align: center;
		top: 460px;
		width: 70px;
	}
	.store_one  a:hover, .store_two a:hover, .store_three a:hover, .store_four a:hover {
		background-color:#ff0099;
		color:#fff;
	}
	.store-tag {
		font-size:.7em;
		line-height:1;
	}
	.store-big {
		display: inline-block;
		font-size: 2em;
		line-height: 1;
		margin: 15px 0 0;
	}
	.store-med {
		display: inline-block;
		font-size: 1em;
		line-height:1;
		margin: 10px 0 5px;
	}
	.spain {display: inline-block; margin-top:10px}
	
/*** LIVE EVENT PAGE ***/
.ustream {
	visibility:hidden;
}

/*** COMMUNITY MODULES ***/
.smallModule {
	background-color:#EEEEEE;
	padding:10px;
	margin-bottom:12px;
	height:326px;
	width:460px;
}
.smallModule.grid_6 {
	width:484px;
	min-height:326px;
	height:auto;
	padding:10px 0;
}
.smallModule2 {
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:12px;
	height:326px;
	width:460px;
	margin-left:12px;
}
.smallModule .module_header {
	margin:10px;
}
.global_fav_list {
	margin:0 20px 20px;
}
.wideModule {
	background-color:#EEEEEE;
	padding:10px;
	width:977px;
	margin-bottom:12px;
}

/**FOR SONG REQUESTS PAGE**/
.dedication_text {
    text-align: left !important;
    border-bottom: 1px solid #333333;
}
.hidden {display:none}
/*--- END PROD Custom ---*/

.wpfp-hide { display: none; }
.wpfp-img { border: 0; vertical-align: middle; margin-right: 2px; }
.wpfp-span {
    display: block;
}
ol.fav_list {
    list-style: decimal inside;
}

/**TOP TOOLS**/
.top_tool{
	margin-top:4px;
	background-color: #CCC;
	background-image:none;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	font-family: georgia,times-new-roman,serif;
    font-size: 0.75em;
    font-style: italic;
	font-weight:normal;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	display:block;
	height:25px;
	cursor: pointer;
	float:right;
	margin-right:10px;
}

.top_tool a{
color:#FFFFFF;

}

.top_tool:hover {
	background-color: #333;
}

.top_tool_txt {
margin-top:4px;	
}
.top_tool img {margin-top:5px;}

/**ADDITIONAL STYLES**/

.buy {
	margin-bottom:20px;
	margin-top:7px;
}

ul#remote-playlist li {
	line-height:22px;
}

.album_title {
    float: left;
}

ol.song_list {
    list-style-position: inside;
}

.light_module {
background-color: #F2F2F2;	
}

.comments_area {
    background-color: #F2F2F2;
    margin-top: 50px;
    padding: 20px;
}

.comments_area #submit {
    background-color: #333;
    border: none;
    background-image: none;
    border-radius: 9px 9px 9px 9px;
    color: #FFF;
    cursor: pointer;
    padding: 3px 10px 2px;
    font-size: 12px;
}

.comments_area #submit:hover {
    background-color: yellow;
    color: #333;
}

.comment-form-comment {
    padding-top: 20px;
}

.comments_area #comment {
    border: none;
    padding: 5px;
}

.clear {
	clear:both;
}

ul.song_list li, li.playlist_track, ul.global_fav_list li {
    line-height: 22px;
    font-size: 12px;
}

ul.song_list {
    margin-bottom: 40px;
}
#related_shows {
	font-size:.8em;

}
.show-title {
    font-family: Helvetica,arial,sans-serif;
    font-size: 20px;
    font-style: normal;
    margin-bottom: 5px;
}
.show_venue p {
	margin-bottom:5px;
}
.show_venue .share-links {
	margin:0 0 15px;
	padding-top:0;
}
.favorite_heart {
	float:left;
	margin-right:10px;
}
.being-there {
	position: absolute;
	right: 20px;
}
a.being_there {
	background-color:#ccc;
	padding: 5px 20px;
}
.body ul li {font-size:12px}
show_venue {
	float:left;
	width:100%;
}
.being-tiny {
	color: #CCCCCC;
    font-size: 10px;
    margin-top: 7px;
    text-align: center;
}
ol.commentlist {
    font-size: 12px;
    list-style-type: none;
    padding-bottom: 20px;
}

.comments_area #respond {
    margin-top: -20px;
}

.commentlist .comment-wrap img {
    float: left;
    margin-right: 10px;
}

.comment-text p {
    font-size: 12px;
}

.commentlist .comment-text {
    margin-left: 60px;
}

ol.commentlist li {
    margin-bottom: 20px;
	min-height: 50px;
}

.commentlist .reply {
    margin-left: 60px;
}

.song_title {
    margin-bottom: 0;
}

.thumb_featured_news {
    float: right;
    margin-right: 15px;
}

.featured_news_story {
    width: 400px;
}

#featured_news .news-item{
    display: block;
    padding: 15px;
	margin-top:40px;
}
.sign-in .not_logged_in{
	margin-top:0;
}
.sign-in span{
	position:relative;
	display:inline-block;
	top:-4px;
	left:5px;
	padding-right:6px;
}
.floater #player_toggle {
    margin-right: 10px;
}

#player_toggle {
    margin-right: 0;
}

.floater #sc_music_player {
    display: none !important;
}

.news_pagination {
    clear: both;
    position: relative;
    width: 180px;
	margin:0;
}

.news_pagination .older {
	float:left;
}

.news_pagination .newer {
	float:right;
}

#community-list {
	margin-bottom:15px;
}

ul.global_fav_list li {
    line-height: 2;
}

.light_module {
background-color: #F2F2F2;
padding:15px;
}

#roadcase-archives li {
	border-bottom: 1px solid #ccc;
	display: inline-block;
	padding: 15px 0 10px;
	margin-left: -5px;
}
#roadcase-archives p {
	margin-bottom:0
}

.share_area {
    height: 50px;
}

/* ///////   TOUR DROP DOWN MENU  \\\\\\\\\\\ */

#tour-drop
{
        width: 125px;
        margin: 0 12px 0 0;
        list-style: none;
        background: #999; /* Old browsers */		
        -moz-border-radius: 9px;
        -webkit-border-radius:9px;
		border-radius: 9px;
		float:left;
		line-height:1.3;
}
#tour-drop:hover {
		-moz-border-radius: 9px 9px 0 0;
        -webkit-border-radius:9px 9px 0 0;
		border-radius: 9px 9px 0 0;
		background:#999;
}
#tour-drop li
{
		text-align:center;
        position: relative;
		padding:0;
}

#tour-drop a
{
        color: #fff;
        font-family: Helvetica, arial. sans-serif;
		font-size:.75em;
        text-decoration: none;
}

#tour-drop li:hover > a
{
        color: #000;
}

*html #tour-drop li a:hover /* IE6 */
{
        color: #000;
}

#tour-drop li:hover > ul
{
        display: block;
}

/* Sub-menu */

#tour-drop ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 1;
    background: #999; /* Old browsers */
    -moz-border-radius: 0 0 9px 9px;
    border-radius: 0 0 9px 9px;
	width: 125px;
}

#tour-drop ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	border-bottom:1px solid #eeeeee;
}

#tour-drop ul li:last-child
{
    border-bottom:none;
}

#tour-drop ul a
{
    padding: 2px 5px;
    height: auto;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	font-size:12px;
	color:#fff;
}

*html #tour-drop ul a /* IE6 */
{
        height: 10px;
        width: 115px;
}

*:first-child+html #tour-drop ul a /* IE7 */
{
        height: 10px;
        width: 115px;
}

#tour-drop ul a:hover
{
    color:#000;
}
#tour-drop ul li:first-child a {
	padding-top:13px;
}
#tour-drop ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#tour-drop:after
{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #tour-drop             { zoom: 1; } /* IE6 */
*:first-child+html #tour-drop { zoom: 1; } /* IE7 */

/* NGG FIXES */

.ngg-gallery-thumbnail-box {
	float: left;
	background:#EEEEEE none repeat scroll 0% 50%;
	background-color:none;
	border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
	border-style:solid;
	border-width:0px;
	border:none;
	color:inherit;
	display:inline;
	margin:3px;
	padding:0px;
	position:relative;
}

/*  PIE CHART STUFF */
#songs_by_album {
	min-height:300px;
	margin-top:50px;
	width:475px;
}
.legend > div:first-child {
	display:none;
}
.legend table {
	left:310px;
	line-height:1.2;
	font-size:11px!important;
}
.legend table tr {height:25px;vertical-align:top;}
.legendColorBox div {
	width:0!important;
	border:none!important;
}
.piegraph_bullet {
	border: 1px solid #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: left;
    height: 5px;
    left: -5px;
    position: relative;
    top: 2px;
    width: 5px;
}

p.jshowoff-1-controls {
	float:right;
	margin:10px 40px;
	text-transform:lowercase;
}
.jshowoff-prev,.jshowoff-next {
	display:none;
}


#mobilenav {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    top: 0;
    height: 775px!important;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 100%;
    padding: 0px;
    
    /* These styles are optional, and describe how the pageslide will look */
   background:yellow;

}
.open, .open.close {
    display:none;
    position:absolute;
    top:10px;
    left:10px;
    z-index:9999991;
    background:url(images/mobile_nav.png) no-repeat top left;
    width:18px;
    height:18px;
    text-indent:23px;
    font-size:10px;
    color:#ccc;
    cursor:pointer;
}
.open.close {background-position:bottom left; display:block;}
.work-title, #mobile-case, .post-nav {display:none;}
span.mobile {display:none;}
/* Mobile */
	@media only screen and (max-width: 767px) {
		.row, body, #top-bar {width:100%; margin: 0 auto!important; padding:0}
		#top-bar {width:95%;}
		#supersize {display:none;}
		#logo{width:100%; padding:20px 0; margin:0;}
		#logo a {width:100%; background-size:contain; height:87px;}
		#content-wrapper {width:95%; margin:0 auto; padding:0;}
		#content-wrapper{ width:100%;}
		#nav.desktop {display:none}
		.nav-mobile {margin-top:40px!important;}
		#nav.nav-mobile li {display:block; float:none; margin:0 0 0 10px!important; text-align:left;}
		.open {display:block;}
		.column {display:inline-block; float:none; margin:0 0 0 4.4%; width:100%;}
		.column:first-child { margin-left: 0px; }
		.grid_1 { width: 4.3%; }
		.grid_2 { width: 13%; }
		.grid_3 { width: 21.68%; }
		.grid_4 { width: 30.4%; }
		.grid_5 { width: 39.1%; }
		.grid_6 { width: 47.8%; }
		.grid_7 { width: 56.5%; }
		.grid_8 { width: 65.2%; }
		.grid_9 { width: 73.9%; }
		.grid_10{ width: 82.6%; }
		.grid_11{ width: 91.3%; }
		.grid_12{ width: 100%; }
		
		.grid_custom_350 {width:350px}
		.grid_custom_628 {
		    width: 95%;
		    padding-left: 0;
		    margin: 0 auto!important;
		    display: block;
		}
		.grid_custom_600  iframe, .grid_custom_628  iframe {
			max-width:100%;
		}
		.row .row {margin: 0 -10px 0 -10px;
			 width: auto;
			 display: inline-block;}
		
		.column.grid_custom_350, .grid_custom_600 {width: 95%;margin: 0 auto!important;display: block;}
		
		.grid_custom_368 {width:95%; margin-left:0;}
		#mobile-wrap { position: relative; z-index: 200; }
		#mobilenav .top_tool.sign-in {
		    display: block!important;
		    background: none;
		    color: black;
		    float: none;
		    position: relative;
		    top: -20px;
		    left: 23px;
		    font-family: Helvetica, Arial, sans-serif;
		    font-style: normal;
		}
		#mobilenav .sign-in span {top:0; left:0;}
		
		
		/*  PLAYER  */
		#player-gui  {-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important; float:none!important; height:40px!important; width:100%!important; top:-10px!important; right:0!important; padding:0px!important; position:relative!important; left:0;}
		#pp-volume.ui-widget-content {display:none!important;}
		#pp-play-pause, #pp-ff, #pp-rw, #pp-play-pause .pp-pause {top:14px!important; left:85%!important;}
		#pp-rw {left:74%!important;}
		#pp-ff {left:95%!important;}
		#pp-thumbnail {margin:5px!important;}
		
		
		
		/*  NEWS LIST  */
		.page-id-1878 #content .column.grid_5 {width:100%}
		#news-list li {margin: 0;height: 100px; clear:both; position:relative;}
		#news-list li:nth-child(odd) {background:#eee;}
		#news-list li .body {display:none}
		#news-list li .date {position:absolute; left:70px; top:25px; display:inline-block;}
		
		#news-list li .thumb {
		    position:relative;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		    background:#39F url(images/w.png) no-repeat center;
		    display:inline-block;
		    width:50px;
		    height:50px;
		    padding: 5px 5px 2px;
		    float:left;
		    margin-right:10px;
		    margin-botom:0;
		    position: absolute;
		    left: 5px;
		    top: 28px;    
		}
		#news-list li .read_more a {text-indent:-2000px; position: absolute;right: 6px;width: 66px; height:50px; top: 50%; margin-top:-25px; background:url(images/mobile_next.png) no-repeat center;}
		#news-list li .thumb img {width: 50px;height: 50px;position: absolute;top: 0;left: 0;}
		#news-list li .h3, #news-list li .h1  {display:inline-block; width:70%; position:relative; top: 40px;left: 65px; font-size:18px;}
		#news-list li .h1 {font-size:22px;height:45px; overflow:hidden;}
		.older a, .newer a {
		    display: inline-block;
		    background: #39F;
		    padding: 5px;
		    color: white;
		    border-radius: 10px;
		    margin: 10px;
		}
		.jshowoff {display:none;}
		
		
		/*  HOME PAGE  */
		#mobile-content {margin-top:40px;}
		#homeimg {height:250px;}
		#home-headlines {display:none;}
		#mobile-content .shows, #mobile-content #news  {width:100%; margin-bottom:50px;}
		
		#mobile-content .tour-list {margin-top:0;}
		.smallModule {padding:0; background-color:transparent; height:auto;}
		body.home .smallModule .module_header {font-family:helvetica, arial, sans-serif; font-style:normal;}
		#mobile-content .show-info {position:relative; top:20px;}
		.column.grid_4.show-date {width: 55px;float: left;margin: 0 10px 0 5px!important;display: block;background: #333;color: white;padding: 5px 10px 5px;text-align: center;height: 60px;position: relative;top: 20px;}
		.show-loc {font-family:Georgia, serif; font-style:italic; line-height:20px;}
		#mobile-content .venue {font-size: 12px;font-weight: lighter;color: #999;}
		#mobile-content a.read-more, #archives a.read-more {width: 50px; height:100px; background:url(images/mobile_next.png) no-repeat center; display:block;}{width: 50px; height:100px; background:url(images/mobile_next.png) no-repeat center; display:block;}
		#mobile-content .tour-list li {height:90px;}
		.day {font-family: georgia;font-size: 32px;line-height: .75;margin: 0 0 5px;padding: 0;}
		.month, .year {font-size: 10px;text-transform: uppercase;}
		#mobile-content li.announcement {height:25px!important}
		#mobile-content #news-list {margin-top:0;}
		#mobile-content .link	{color:#999;}
		#mobile-content li.module_header, #archives li.module_header {height:auto; background-color:#fff;}
		#mobile-content li.module_header h3, #archives li.module_header h3 {margin-bottom:0;}
		#mobile-content ul.tour-list .column.grid_2, #archives ul.tour-list .column.grid_2 {float: left;display: block;width: 50px;margin: 0 0px 0 0;}
		
		
		
		/*  NEWS DETAIL   */
		.grid_custom_600 img {width:100%; height:auto; margin:0 auto;}
		
		
		/*  HIDE STUFF  */
		
		.sign-in, #search-bar, #footer, #nav.floater {display:none!important;}
		
		/*  Tour Show  */
		#tour-head, .show_links_bottom a {display:none;}
		#tour-drop {width:140px;}
		#tour-drop ul {top:27px; width:140px;}
		#tour-drop ul a {padding:10px 5px}
		.year_selector {float:left;}
		.year_selector a {display:block; padding:10px;}
		.tour-list li {width:100%;margin: 0 auto!important;}
		.tour-list li:nth-child(odd) {background:#eee;}
		
		
		/*  Music Page  */
		.album_list {overflow:hidden; width:float; float:none; clear:both; padding:15px 0; position:relative; margin:0!important;}
		li.album_list:nth-child(odd) {background:#eee;}
		.number {display:none;}
		.album_tag {float:left;}
		.album_tag img, .single_tag img, .dvd_tag img, .compilation_tag img, .ep_tag img, .book_tag img {width:75px; height:auto; min-height:75px; margin-left:10px; float:left;}
		.album_list:after {
		    position: absolute;right: -20px;width: 66px; height:50px; top: 50%; margin-top:-25px;content:url(images/mobile_next.png);
		}
		.album_list a {display: block;width: 100%;height: 75px;}
		.work-title {display: inline-block; margin: 26px 0 0 10px; width: 150px; font-family: georgia,times-new-roman,serif; font-size: 12px;font-style: italic;}
		.dvd_tag .work-title, .book_tag .work-title {margin-top:42px;}
		/*  Single Music Page  */
		.thumbnail img{width:100%; height:auto;}
		
		
		/*  Song */
		#album-list, #show-list, .grid_4 {width:95%; margin:0 auto!important; display:block;}
		#album-list.album_list:after {content:''; display:none; width:95%!important}
		#related_albums li {width:140px; margin:0 10px 10px 0; height:140px;}
		#related_albums li img {width:140px; height:auto; min-height:140px;}
		#related_shows li {padding: 10px 0;}
		#related_shows li:nth-child(odd) {background:#eee;}
		
		/* ROADCASE */
		#mobile-case {display:block; width:100%; margin:0 auto;}
		#roadcase-head, #roadcase-archives {display:none;}
		#mobile-case li {position:relative;}
		#mobile-case .column.grid_4 {width: 30.4%;float: left;}
		#mobile-case img {width: 85px;height: auto;min-height: 85px; margin-left:10px}
		#mobile-case .small_title:after {position: absolute;right: -20px;width: 66px; height:50px; top: 50%; margin-top:-25px;content:url(images/mobile_next.png);}
		a.mobile-case {display: block;clear: both;overflow: hidden;}
		#mobile-case ul a:nth-child(odd) li {background:#eee; overflow:hidden; padding:10px 0;}
		#mobile-case ul a li{overflow: hidden;padding: 10px 0;}
		
		/* Single Roadcase */
		#single-case .grid_custom_350 {position:relative; padding-bottom:50px;}
		#single-case .grid_custom_628 {position: absolute; top:0; width: 100%;}
		#single-case .grid_custom_628.padding-top {padding-top:0;}
		#single-case img {width: 100%;height: auto;padding-bottom: 55px;}
		#single-case .show-title {line-height: 25px; font-family: georgia,times-new-roman,serif; font-style: italic; width:95%; margin:0 auto!important; display:block;}
		#single-case .grid_custom_628 .show-title {position:absolute;left:5%; bottom:0}
		.post-nav {display:block; position:absolute; bottom:15px; left:0; width:100%}
		.prev a, .next a {
			background-color: #34A4C9;
			background-image: none;
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			border-radius: 9px;
			border: 0;
			float:left;
			font-family: helvetica,arial,sans-serif;
			font-size: .75em;
			font-weight: normal;
			color: white;
			padding: 3px 10px 5px;
			cursor: pointer;
			line-height: 1;
		}
		.prev a {margin-left:10px;}
		.next a {float:right; margin-right:10px;}
		
		.share_area {width:95%; margin:0 auto;}
		#case-gallery {margin: 0 auto;width: 95%;display: block;}
		#case-gallery .ngg-gallery-thumbnail-box {display:block!important; width:100%;}
		#case-gallery .ngg-gallery-thumbnail {float:none; margin:0 auto; width:188px;}
		
		/* Community */
		#community-list {display:none;}
		.smallModule.grid_6 {background-color: #fff;padding: 0;height: auto;margin: 0; width:100%}
		.smallModule .module_header {margin: 10px;border-bottom: 1px solid #ccc;}
		
		/* causes */
		.listContainer1 {display:none;}
		
		/*  STORE   */
		   #storeimg {height: 300px;width: 100%;background-size: cover;}
		   .store_one a, .store_two a, .store_three a {
			background-color: yellow;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			width: 100%;
			padding:0;
			left: 0px;
			position: absolute;
			text-align: center;
		    }
		    .store_one a {height:75px; top:75px;}
		    .store_two a {height:35px; top:155px;}
		    .store_three a {height: 50px; top: 195px;}
		    
		    
		    /* Single Show  */
		    .showinfo {clear:both; margin:0 auto; width:95%; display:block; position:relative; top:25px;}
		    #mobile .show-info {position: relative;top: 18px;}
		    #mobile .show-info .small_button {position:relative; top:5px;}
		    #mobile .showinfo .details-link {display:inline-block;}
		    #mobile .wrapper {padding-bottom:100px;}
		    #mobile a.nav_date {
			background-color: #34A4C9;
			background-image: none;
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			border-radius: 9px;
			border: 0;
			font-family: helvetica,arial,sans-serif;
			font-size: .75em;
			font-weight: normal;
			color: white;
			padding: 3px 10px 5px;
			cursor: pointer;
			line-height: 1;
		    }
		    #mobile .comments_area  {margin-bottom:25px;}
		    #mobile .being-there {display:inline-block; position:relative; right:0; }
		    #mobile .being-tiny {text-align:left; margin-top:10px;}
		    #mobile a.being-there {padding:3px 17px;}
		    .show-infobox {clear:both; margin-top:20px;}
		    
		    /* show archive list */
		    span.desktop {display:none;}
		    span.mobile {display:block;}
		    #archives.tour-list li {height:90px; position:relative;}
		    #archives.tour-list li .show-info {position: relative; top: 20px;}
	}
		
	/* Smartphones (landscape) ----------- */
	@media only screen and (min-width : 321px) and (max-width: 767px){
		
	}
	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 320px) {
	
	
	}
	


/* -------------------------------------------------- 
	:: Mobile Visibility Affordances
---------------------------------------------------*/
	
	
	.show-on-phones { display: none !important; }	
	.show-on-tablets { display: none !important; }
	.show-on-desktops { display: block; }
	
	.hide-on-phones { display: block; }	
	.hide-on-tablets { display: block; }
	.hide-on-desktops { display: none; }
	
	
	@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
		.hide-on-phones { display: block !important; }
		.hide-on-tablets { display: none !important; }
		.hide-on-desktops { display: block !important; }
		
		.show-on-phones { display: none !important; }
		.show-on-tablets { display: block !important; }
		.show-on-desktops { display: none !important; }
	}
	
		
	@media only screen and (max-width: 767px) {
		.hide-on-phones { display: none !important; }
		.hide-on-tablets { display: block !important; }
		.hide-on-desktops { display: block !important; }
		
		.show-on-phones { display: block !important; }
		.show-on-tablets { display: none !important; }
		.show-on-desktops { display: none !important; }
	}