/* reset */

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html{margin-top:0px !important;}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* 1Bit */

.listenLink {
	display:none;
	visibility:hidden;
}

/* WordPress */

div.post img {
	display:block;
        /*width:100%;*/
}

.alignleft {
	text-align:left;
}

.alignright {
	text-align:right;
}

.aligncenter {
	display:block;
	margin:0 auto 10px auto;
}

.post ul, .post ol {
	list-style-position:inside;
	margin:0 0 12px 0;
}
.post ul li {
	list-style-position:inside;
	list-style-type:disc;	
}
.post ol li {
	list-style-position:inside;
	list-style-type:decimal;	
}

.post blockquote {
	font-style:italic;
	width:90%;
	margin:0 auto 12px auto;
}

#commentform {
	margin-top:24px; padding-top:12px;
	border-top:5px solid #ccc;
	float:left;
}

#commentform input, #commentform textarea {
	font-family:Arial, Helvetica, sans-serif;
	color:#000; font-weight:bold;
	font-size:1em;
}

#comment {
	width:516px;
	padding:2px;
	height:100px;
}

#leaveReply {
	margin-bottom:6px;
	font-size:1.5em;
	font-weight:bold;
}

ul.commentlist li {
	list-style-type:none;
}

ul.commentlist li.comment {
	border-top:2px solid #ED1E79;	
	padding-top:12px;
}

div.comment-meta {
	margin:6px 0;	
}

small.numComments {
	display:block; margin-bottom:12px;	
}

div.vcard {
	height:32px;	
}

div.post img.avatar  {
	float:left; display:inline;
	margin-right:5px;
}

div.post cite.fn, div.post span.says {
	float:left; display:inline;
	line-height:32px;
	margin-left:5px;
	vertical-align:middle;
}

/* Forms */

input {
	font-family:Helvetica, Arial, sans-serif;
	border:1px solid #999;
	padding:2px;
	font-size:1.2em;
	color:#666;
}

/* Layout */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	color:#000;
	background-color:#dcdcda;
}

#container {
	margin:12px;
	width:818px; /* 820 less 1px borders on left and right */
	/*border:2px solid #cfccca;*/
	background:url(../../../imgs/src/bg.gif) repeat 0 0;
	padding-top:127px;
	padding-bottom:40px;
	margin-top:12px;
}

div#header {
	//position:absolute;
	//width:682px; 
        //height:188px;
	//top:0;
        //left:0;
}

div#headerRel {
	position:relative;
	width:100%; height:100%;
}

ul#Shop{
margin-bottom: 20px;
position: relative;
left: -20px;
}

ul#Shop li.current-menu-item span{
padding: 2px 5px 2px 20px !important;
color: #fff;
background-color:#ED1E79 !important;

}

ul#Shop li span.shop{
clear: left;
float: left;
display: inline;
padding: 2px 5px 2px 20px;
color: #fff;
text-decoration: none;
}
ul#Shop li span.shop a{
color: #fff;
font-weight:bold;
padding-left:11px;
}

ul#Shop li span.shop a:hover{
color: #000;
} 


/**social**/
ul#social {
    color: #999999;
    float: right;
    font-weight: bold;
    height: 19px;
    margin: 25px 0 0 0;
    width: 94px;
/*margin-top:-155px;*/
}
ul#social span {
	float:left; display:inline;	
	line-height:19px;
	margin-left:5px;
}
ul#social li a.socialIcon {
	float:left; display:inline;
	margin-right:5px;
	background-image:url(../../../imgs/src/social-networking.gif);
	background-repeat:no-repeat;
	width:19px; height:19px;
	text-indent:-9999px;
}
ul#social li a.Myspace {
	background-position:0 0;
}
ul#social li a.Myspace:hover {
	background-position:0 -19px;
}
ul#social li a.Twitter {
	background-position:-19px 0;	
}
ul#social li a.Twitter:hover {
	background-position:-19px -19px;	
}
ul#social li a.Lastfm {
	background-position:-38px 0;
	width:18px;
}
ul#social li a.Lastfm:hover {
	background-position:-38px -19px;
}
ul#social li a.Youtube {
	background-position:-58px 0;
	width:17px;
}
ul#social li a.Youtube:hover {
	background-position:-58px -19px;
}
ul#social li a.Facebook {
	background-position:-75px 0;
}
ul#social li a.Facebook:hover {
	background-position:-75px -19px;
}
ul #social li a.Virb {
	background-position:-94px 0;
}
ul#social li a.Virb:hover {
	background-position:-94px -19px;
}
ul#social li a.Join {
	background-position:-113px 0;
}
ul#social li a.Join:hover {
	background-position:-113px -19px;
}
/**end of social**/

h1#logo {
	position:static;
	width:100%; height:100%;
	background:url(../../../imgs/src/header.gif);
	text-indent:-9999px;
}

body.epa h1#logo {
	background:url(../../../imgs/src/epa/header.gif);	
}

.typePosts ul#nav {
	width:521px;
	background:url(../../../imgs/src/nav-top.gif) no-repeat 0 0;
}

.typePage ul#nav {
	width:100%;
	margin:0;
	background:url(../../../imgs/src/nav-top-wide.gif) no-repeat 0 0;
}

body.epa.typePage ul#nav {
	background:url(../../../imgs/src/epa/nav-top-wide.gif) no-repeat 0 0;	
}

ul#nav {
	position:absolute;
	top:139px; left:0;
	height:40px;
	padding-left:44px;
	padding-top:8px;
	margin-right:20px;
z-index:9999;
}

ul#nav li {
	float:left; display:inline;
	height:40px;
}

ul#nav li a {
 	width:100%; height:40px;
	background-image:url(../../../imgs/src/nav-bg.gif);	
	text-indent:-9999px;
	display:block;
	outline:0;
}

ul#nav li#navNews a {
	width:55px;
	background-position:-44px 0;
	margin-right:15px;
}

ul#nav li#navNews a:hover {
	background-position:-44px -41px;
}

ul#nav li#navLabel a {
	width:55px;
	background-position:-113px 0;
	margin-right:14px;
}

ul#nav li#navLabel a:hover {
	background-position:-113px -41px;
}

ul#nav li#navRadio a {
	width:60px;
	background-position:-182px 0;
	margin-right:12px;
}

ul#nav li#navRadio a:hover {
	background-position:-182px -41px;
}

ul#nav li#navEPA a {
	width:41px;
	background-position:-255px 0;
	margin-right:11px;
}

ul#nav li#navEPA a:hover {
	background-position:-255px -41px;
}

ul#nav li#navShop {
	width:51px;
}

ul#nav li#navShop a {
	background-position:-307px 0;
	width:51px;
}

ul#nav li#navShop a:hover {
	background-position:-307px -41px;
}

ul#nav li#navBackToTurnstile {
	width:167px;
	
}

ul#nav li#navJoinsplash{
width:51px;

}
ul#nav li#navJoinsplash a{
background-image:url(../../../imgs/src/nav-join.gif) !important;	
background-position:-358px 0;
width:51px;
}
ul#nav li#navJoinsplash a:hover{
background-image:url(../../../imgs/src/nav-join.gif) !important;
background-position:-358px -41px;
width:51px;
}

ul#nav li#navJoin{
width:51px;
background-image:url(../../../imgs/src/nav-bg-new.gif) !important;
}

ul#nav li#navJoin a{
background-image:url(../../../imgs/src/nav-bg-new.gif) !important;	
background-position:-358px 0;
width:51px;
}

ul#nav li#navJoin a:hover{
background-image:url(../../../imgs/src/nav-bg-new.gif) !important;
background-position:-358px -41px;
}

ul#nav li#navBackToTurnstile a {
	display:block;
	background:url(../../../imgs/src/epa/back-to-turnstile.gif) no-repeat 0 0;
	text-indent:-9999px;
}

ul#nav li#navSignup {
	width:207px;
}

ul#nav li#navSignup input.email {
	width:170px;
	margin:10px 0 0 0;
	float:right; display:inline;
}

#main {
	float:left; display:inline;
	font-size:1.2em;
	font-weight:bold;
	width:100%;
}

#footer {
	font-weight:bold; color:#999;
	margin:12px;
	height:19px;
}
#footer span {
	float:left; display:inline;	
	line-height:19px;
	margin-left:5px;
}
#footer a.socialIcon {
	float:left; display:inline;
	margin-right:5px;
	background-image:url(../../../imgs/src/social-networking.gif);
	background-repeat:no-repeat;
	width:19px; height:19px;
	text-indent:-9999px;
}
#footer a.Myspace {
	background-position:0 0;
}
#footer a.Myspace:hover {
	background-position:0 -19px;
}
#footer a.Twitter {
	background-position:-19px 0;	
}
#footer a.Twitter:hover {
	background-position:-19px -19px;	
}
#footer a.Lastfm {
	background-position:-38px 0;
	width:18px;
}
#footer a.Lastfm:hover {
	background-position:-38px -19px;
}
#footer a.Youtube {
	background-position:-58px 0;
	width:17px;
}
#footer a.Youtube:hover {
	background-position:-58px -19px;
}
#footer a.Facebook {
	background-position:-75px 0;
}
#footer a.Facebook:hover {
	background-position:-75px -19px;
}
#footer a.Virb {
	background-position:-94px 0;
}
#footer a.Virb:hover {
	background-position:-94px -19px;
}

.typePosts #main {
	/*
		Main and Sidebar divs start directly below ul#nav's top border (background image 8px high)
		Increase top margin by 40px (height of nav) to get main div visible.
	*/
	/*width:638px; */height:auto; /*margin-left: 12px;*/
width:100%;
}

.typePage #main {
	/*width:520px;*/ 
	width:100%;
	height:auto;
}

.typePosts #main div.gutter {
	/*padding-left:20px;*/	
}

#sidebar {
	font-size:1.2em;
	font-weight:bold;
	float:left; display:inline;
	position:relative;
        margin-left: 20px;
	margin-bottom:20px;
}

#sidebar2 {
	font-size:1.2em;
	font-weight:bold;
	float:left; display:inline;
	position:relative;
        margin-left: 31px;
	margin-bottom:20px;
}

#sidebar3 {
	font-size:1.2em;
	font-weight:bold;
	float:left; display:inline;
	position:relative;
	width:100%;
	margin-bottom:20px;
}

.typePosts #sidebar {
	/*
		Not necessary to nudge down as far with the sidebar, since there is no nav obscuring our view
		Absolute positioning necessary because the header obscures our view otherwise
	*/
	width:100%; height:auto;
}

.typePage #sidebar {
	width:100%; height:auto;
	/*margin-left:-12px;
	margin-right:20px;*/
	/*margin-top:68px;*/
}

h2#onTour {
	width:100%; height:16px;
	background:url(../../../imgs/src/titleOntour.png) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}

#footer {
	font-size:1em;
	color:#838382;
	margin:0 0 0 12px;
	padding-bottom:12px;
}

/* Formatting */

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

a:visited {
	color:#308DBB;
	text-decoration:none;
	font-weight:bold;	
}

a:hover {
	color:#308DBB;
	text-decoration:none;
	font-weight:bold;	
}

a:active {
	color:#fff;
}

body.epa a:link {
	color:#777;
}

body.epa a:visited {
	color:#777;
}

body.epa a:hover {
	color:#444;
}

h6 {
	font-size:2em;
	font-weight:bold;
}

div.widget {
	margin-bottom:20px;	
}

div.widget .widgettitle {
	margin-bottom:10px;	
	/*text-indent:-9999px;*/
}

.widgettitle .artists{
margin-left: 10px;
}



div.widget h2{font-size:20px;}

#ace-categories h2 {
	/*width:100%; height:20px;
	background:url(../../../imgs/src/titleCategories.png) no-repeat 0 0;*/
}

.widget_archive h2 {
	/*width:100%; height:15px;
	background:url(../../../imgs/src/titleArchive.png) no-repeat 0 0;*/
}

.widget_links h2 {
	/*width:100%; height:16px;
	background:url(../../../imgs/src/titleFriends.png) no-repeat 0 0;*/
}

.widget_links ul li {
	border-top:2px solid #FF6000;
	padding:2px 0 0 0;
	line-height:0.9em;	
}

.widget_links ul li a:hover {
	color:#FF6000;	
}

.widget_display_upcoming h2 {
	/*width:100%; height:16px;
	background:url(../../../imgs/src/titleUpcoming.png) no-repeat 0 0;*/
}

.widget_display_tour_dates h2 {
	/*width:100%; height:20px;
	background:url(../../../imgs/src/titleOntour.png) no-repeat 0 0;*/
}

.widget_search label {
	/*margin-bottom:10px;	
	text-indent:-9999px;
	display:block;
	width:100%; height:15px;
	background:url(../../../imgs/src/titleSearch.png) no-repeat 0 0;*/
}

#searchsubmit {
	display:none; visibility:hidden;	
}

ul.gigList li {
	border-top:2px solid #ed1e79;
	padding:2px 0 5px 0;
	line-height:0.9em;
}

ul.upcomingReleases li {
	border-top:2px solid #e6cd1e;
	padding:2px 0 5px 0;
	line-height:0.9em;
	width:88%;	
}

a.giglink{
color:#ed1e79!important;
}

a.giglink:hover{text-decoration:underline;}

ul.gigList li div.gigDate, ul.gigList li div.gigDetails {
	float:left; display:inline;	
}

ul.gigList li div.gigDate {
	width:15%; margin-right:10%;
}

ul.gigList li div.gigDetails {
	width:75%;	
}

ul.gigList li div.gigDetails h1, ul.upcomingReleases li h1 {
	font-weight:bold;	
	text-transform:uppercase;
}

ul.upcomingReleases li h1 {
	margin-bottom:2px;	
}

ul.gigList li a:hover {
	color:#ed1e79;
}

ul.upcomingReleases li a:hover {
	color:#e6cd1e;	
}

#ace-categories ul li {
	border-top:2px solid #099;
	padding:2px 0 0 0;
	line-height:0.9em;
}

#ace-categories ul li a:hover {
	color:#099;
}

.widget_archive ul li {
	border-top:2px solid #0DCF87;
	padding:2px 0 0 0;
	line-height:0.9em;
}

.widget_archive ul li a:hover {
	color:#0DCF87;
}

.widget ul li a {
	display:block;	
	margin-bottom:5px;
}

ul.children {
	padding-bottom:10px;	
}

ul.children li a {
	background:url(../../../imgs/src/mdash.gif) no-repeat 0 50%;
	padding-left:10px;
}

ul#bandList{
margin-bottom:20px;
position:relative;
left:-20px;
}

ul#bandList li {
	margin:0; padding:0;
	/*font-size:1.4em;*/
	/*height:18px;*/
}

ul#bandList li span {
	clear:left;
	float:left; display:inline;
	padding:2px 5px 2px 20px;
	color:#fff;
	text-decoration:none;
}

ul#bandList li span a {
	padding-right:5px;
	text-decoration:none;
	color:#fff;
        padding-left: 11px;
        font-size: 1.0em;
        line-height: 1.0em;
}

ul#bandList li span a:hover {
	color:#000;
}

ul#bandList li span a.active {
	color:#000000;	
}

ul#bandList object {
	display:block;
}

div.testList div a {
	font-size:1.3em;	
}

div.widget a {
	color:#000; text-decoration:none;	
}

#sidebar ul.gigList li div.gigDetails p {
	color:#333;	
	margin-bottom:0;
}

.typePosts #main div.post {
	padding-bottom:20px; margin:0px 0px 20px 0px;
	background:url(../../../imgs/src/divide.gif) no-repeat bottom left;
	float:left;
	clear:both;
	width: 100%;
}
.typePosts #main .navigation{
	float:left;
	clear:both;
	display:block;
	width:100%;
}
.typePosts #main h1 {
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:12px;
}

.typePosts #main h1.sIFR-replaced {
	margin-bottom:2px;	
}

#main p, #sidebar p {
	margin-bottom:12px;
	line-height:1.5em;
}

p.metadata span {
	color:#ed1e79;
}

.postHeaderImage {
	display:block;
	margin-bottom:12px;
}

div.discog h1 {
	font-size:2.5em;
	font-weight:bold;
	color:#000;
text-transform: capitalize;
margin-bottom: 10px;
}

div.discog div.imageFrame {
	float:left; display:inline;
	width:18%; height:auto;
	margin-right:2%;
}
div.discog .band_image{
height: auto;
width: 54%;
display: inline;
float: left;
margin-right: 2%;

}
div.discog .bandVids{
width:23%;
display:inline;
float:left;
height:auto;
}
div.discog div.imageFrame div.discogPanel {
	border-top:2px solid #ed1e79;
	padding:2px 0 0 0;
	margin-bottom:10px;
}

body.epa div.discog div.imageFrame div.discogPanel {
	border-top:2px solid #ccc;
}

div.discog div.imageFrame div.discogPanel h2 {
	font-weight:bold;
	text-transform:uppercase;
}

div.discog div.imageFrame div.Images {
	margin:0; padding:0;	
}

div.discog div.imageFrame div.Images a {
	display:block;	
}

div.discog div.imageFrame div.Images img {
	display:block;	
}

div.discog div.imageFrame div.discogPanel div.gig {
	margin-bottom:5px;	
}

div.discog div.textFrame {
	float:left; display:inline;
	width:50%;
}

div.discog div.textFrame div.gutter {
	padding:0 5px;	
}

p.metadata{
margin-top:10px;
float:left;
clear:both;

}
.static_info{
margin-bottom:20px;
/*padding-bottom: 5px;*/
display: block;
height: auto;
float: left;
width:100%;
}

ol.tracklist {
	line-height:1.5em;	
}

.listenLink { visibility:hidden; display:none; }

.scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}


#scroll {
	float:left; display:inline;
	width:140px; height:170px;
	margin-right:10px;
	overflow:hidden;
	padding:0 5px 0 0;
}
#pane1{

}

#scrollbar {
	float:left; display:inline;
	width:5px; height:170px;
	background:url(../../../imgs/src/scroll-bg.gif) repeat-y 0 0;
	position:relative;
}

#handle {
	cursor:pointer;
	position:absolute;
	width:5px; height:12px;
	background:#1dffd2 url(../../../imgs/src/scrollhandle.gif) no-repeat 0 0;
}

body.epa #handle {
	background:#121212 url(../../../imgs/src/epa/scrollhandle.gif) no-repeat 0 0;	
}


/* Collapsing Archive */

li.collapsing.archives{
border-top: 2px solid #0DCF87;
line-height: 0.9em;
padding: 2px 0px 0px;
}
li.collapsing.archives a:hover{
color:#0DCF87;
}

.widget_collapsarch h2 {
/*background: url(../../../imgs/src/titleArchive.png) no-repeat 0px 0px;
height: 15px;
width: 100%;*/
}

#collapsearch-4 span.collapsing.archives {
        border:0;
        padding:0; 
        margin:0; 
        cursor:pointer;
} 

#collapsearch-4 span.monthCount, span.yearCount {text-decoration:none; color:#333}
#collapsearch-4 li.collapsing.archives a.self {font-weight:bold;border-top:1px solid red !important}
#collapsearch-4 ul.collapsing.archives.list ul.collapsing.archives.list:before {content:'';} 
#collapsearch-4 ul.collapsing.archives.list li.collapsing.archives:before {content:'';} 
#collapsearch-4 ul.collapsing.archives.list li.collapsing.archives {list-style-type:disc}
#collapsearch-4 ul.collapsing.archives.list li {
       margin:0 0 0 .8em;
       text-indent:-1em}
#collapsearch-4 ul.collapsing.archives.list li.collapsing.archives.item:before {content: '\00BB \00A0' !important;} 
#collapsearch-4 ul.collapsing.archives.list li.collapsing.archives .sym {
   font-size:1.2em;
   font-family:Monaco, 'Andale Mono', 'FreeMono', 'Courier new', 'Courier', monospace;
   cursor:pointer;
    padding-right:5px;}




.background{
    background: url("/imgs/src/bg1.gif") repeat scroll 0 0 transparent;
}


.margin{
  margin-bottom: 10px;
}

#header{
   /*background: url("/images/header.gif") no-repeat scroll left center transparent;  */
   /*background: url("/images/turnstilelogo.png") no-repeat scroll left center transparent;*/
   margin-left: -12px;
   height: 196px;
   overflow:hidden;
  /* width:100%;*/
   margin-top:-12px;
}

.header{margin-top:10px;}

#header_epa{
  /* background: url("/imgs/src/epa/header.gif") no-repeat scroll left center transparent;  */
   margin-left: -12px;
   height: 196px;
margin-top: -12px;
overflow:hidden;/*width:100%;*/
}

img.logo{

position:absolute;
width:75%;
max-width:960px;
max-height:196px;
height:auto;
margin-left:9px;
opacity:1;
}

.demo{
  height: 500px;
}


.navigation{
font-size: 20px;
margin-left: 22px;
margin-top: 153px;
z-index:3000;
position:absolute;
}

.navigation li{
display: inline;
margin-left: 15px;
}

.navigation a{
color: #000;
}

.navigation a:hover{
color:#308DBB;
}

/*.latest{
clear: both;
float: right;
font-size: 20px;
margin-left: 17px;
margin-top: -40px;
position: absolute;
text-align: left;
width: 230px;
}*/


.post ul li{
list-style-type: none!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas{
border-top: none!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-image a img{
border: 2px solid #000;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas h2.topspin-item-title{
font-size: 11px!important;
line-height: 14px!important;
font-family: "Trebuchet MS",Helvetica,Arial,Geneva,Sans-Serif!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas h2.topspin-item-title a{
color: #000!important;
font-weight: normal!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-buy{
margin-bottom: 5px!important;
padding: 0!important;
/*border: 1px solid #000!important;*/
width: auto !important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-buy a{
padding: 0!important;
width: auto !important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-price{
font-size: 11px!important;
line-height: 14px!important;
font-family: "Trebuchet MS",Helvetica,Arial,Geneva,Sans-Serif!important;
color: #000 !important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-buy a{
background-color: #ED1E79!important;
color: #fff!important;
padding: 8px 15px !important;
text-decoration: none;
width: auto !important;
font-size:100%;
border: 1px solid #FFF!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-buy a:hover{
background-color: #fff!important;
color: #ED1E79!important;
border: 1px solid #ED1E79!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas{
margin-right: 15px!important;
margin-left: 0px!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas h2.topspin-item-title{
min-height: 28px!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-image{
ul.topspin-item-listings li.topspin-item div.topspin-item-canvas h2.topspin-item-title
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas div.topspin-item-image a img{
margin-bottom: 5px!important;
}

ul.topspin-item-listings li.topspin-item div.topspin-item-canvas h2.topspin-item-title{
margin-bottom: 10px!important;
}

div.topspin-pagination a{
background-color: #FDD459!important;
color: #000!important;
border: 1px solid #000!important;
border: 1px solid #FFF!important;
}

.topspin-featured-item div.topspin-item-buy a{
background-color: #ED1E79!important;
color: #fff!important;
}

.topspin-featured-item div.topspin-item-buy a:hover{
background-color: #fff!important;
color: #ED1E79!important;
border: 1px solid #ED1E79!important;
}

.topspin-featured-item div.topspin-item-price{
color: #ED1E79!important;
}

div.topspin-view-more-canvas div.topspin-view-more-buy a.topspin-buy{
background-color: #ED1E79!important;
color: #fff!important;
border: 1px solid #FFF!important;
}

div.topspin-view-more-canvas div.topspin-view-more-buy a.topspin-buy:hover{
background-color: #fff!important;
color: #ED1E79!important;
border: 1px solid #ED1E79!important;
}

div.topspin-view-more-canvas div.topspin-view-more-buy div.topspin-view-more-price{
color: #ED1E79!important;
}

.band_image img{
/*width: 443px;*/
max-width:500px;
width:100%;
}

.side{
margin-right: 15px;
width: 160px;
float: left;
}
h2.pink {
	height: 26px;
	width: 100%;
	font-weight: bold;
	float: left;
        background-color: #ED1E79 !important;
        font-size: 14px;
	margin-bottom:20px;
}


h2.trigger {
	height: 26px;
	width: 100%;
	font-weight: bold;
	float: left;
        background-color: #3fa8e2;
        font-size: 14px;
	margin-bottom:20px;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
        padding-top: 4px;
        padding-left: 10px;
        height: 22px;
}
h2.trigger a:hover { color: #000; }

.toggle_container.pink{border-bottom: 26px solid #ED1E79 !important;}

.toggle_container {
	border-bottom: 26px solid #3fa8e2;
	overflow: hidden;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
.toggle_container .block {
	padding-top: 20px;
}

.trigger img{
float: left;
padding-left: 10px;
padding-right: 4px;
padding-top: 8px;
}

.static_info{
padding-bottom: 5px;
}

body.epa div.bandVids div.discogPanel{
	border-top: 2px solid #CCC;
}

.discogPanel{
    border-top: 2px solid #ED1E79;
    margin-bottom: 10px;
    padding: 2px 0 0;
   
}

.discogPanel h2{
font-weight: bold;
text-transform: uppercase;
}
ul.upcomingReleases li img{
/*width:100%;*/
}

ul.upcomingReleases li h3{
font-size: 16px;
line-height:16px;
font-weight:bold;
}
a.release{
font-size: 16px;
line-height:16px;
font-weight:bold;
}
.widget_display_upcoming h2{
font-size: 20px;

}

.widget_links h2{
font-size: 20px;
}

.widget_collapsarch h2{
font-size: 20px;
}

#ace-categories h2{
font-size: 20px;
}

.widget_display_tour_dates h2{
font-size: 20px;
}

/*.artists{
margin-left: 11px;
}*/

.widget ul li a{
margin-top: 3px!important;
margin-bottom: 3px!important;
}

p img,p object, p embed {
max-width: 100%;
width:100%;
}

/*JsScroll Pane */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/* End of JsScrollPane */

/* css for scrollbar below here*/
/*#scroll-pane { float:left;overflow: auto; width: 420px; height:300px;position:relative;border:1px solid gray;margin-left:50px;margin-bottom:25px;display:inline}
#scroll-content {position:absolute;top:0;left:0}
#scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
#slider-wrap{float:left;background-color:lightgrey;width:20px;border:1px solid gray;border-left:none;}
#slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
input{font-size:12px}*/

div.archive{float:left;position:relative!important;display:block;clear:both;margin-left:0px!important;padding-bottom:40px;margin-top:30px!important;}
div.archive div.alignleft{float:left;}
div.archive div.alignright{float:right;}

div.discog h1 span{text-decoration:underline !important;}
.bluestripe{
width: 100%;
border-top: 8px solid #308DBB;
position: relative;
top: 152px;
left: 10px;
opacity:0.8;
}
.darkstripe{
width: 100%;
border-top:8px solid #363636;
position: relative;
top: 152px;
left: 10px;
opacity:0.8;
}
.pinkstripe{
border-top: 8px solid #ed1e79;
top: 140px;
position: relative;
}
.lightstripe{
border-top: 8px solid #999;
top: 140px;
position: relative;
}

.pink{
    color: #FFFFFF;
    padding-left: 10px;
    padding-top: 4px;
    text-decoration: none;
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 400px) {

	body {
		
	}

div#header{
height:90px;
}
img.logo{

position:absolute;
width:75%;
max-width:400px;
max-height:80px;
height:auto;
margin-left:9px;
opacity:1;
}


div.post img{
width:100%;
}

ul.upcomingReleases li img.releaseImg{width:100% !important;}

div img.label{width:20% !important;}

div.discog div.imageFrame {
display:block;
width:100%; height:auto;
}
div.discog .band_image{
height: auto;
width: 100%;
display: block;
}
div.discog .bandVids{
width:100%;
display:block;
height:auto;
}

/*#header {
background: url("/images/header.gif") no-repeat scroll left center transparent;
margin-left: -12px;
height: 110px;
}*/

p#social{display:none;}

.navigation {
font-size: 20px;
margin-left: 0px;
margin-top: 50px;
}

ul#bandList li span {
clear: left;
float: left;
display: inline;
padding: 2px 5px 2px 20px;
color: white;
text-decoration: none;
width: 100%;
text-align: center;
font-size: 20px;
margin-right: 10px;
}

#sidebar {
font-size: 1.2em;
font-weight: bold;
float: left;
display: inline;
position: relative;
margin-left: 0px;
width:100%;
}

#sidebar2 {
font-size: 2em;
font-weight: bold;
float: left;
display: inline;
position: relative;
margin-left:0px;
width:100%;
}

}







/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

body{min-width:350px;}
/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/
ul.upcomingReleases li img.releaseImg{width:100% !important;}

div img.label{width:20% !important;}

div.post img{
width:100%;
}

#sidebar2 {
font-size: 2em;
font-weight: bold;
float: left;
display: inline;
position: relative;
margin-left:0px;
width:100%;
}

}