/* OVERRIDES */
* { vertical-align: top; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
ul, li { list-style: none }
html { width: 100%; height: auto; overflow-x: hidden; }
body {
	background: #000;
	font-size: 14px;
	line-height: 18px;
	color: #f1f1f1;
	width: 100%;
	height: auto;
	overflow-x: hidden;
}
#shows .item-list ul li {
    margin: 0;
    padding: 0;
}
a, a:link { text-decoration: none; color: #CC1919; }
span.vid-info a { color: #807B7B; }

body.page-map div.openlayers-views-map { border: 1px solid #313131; width: 95%; margin: 40px auto; }
.openlayers-popup img:hover { opacity: .85 }
.openlayers-popup  { text-align: center }
.openlayers-popup a {
    color: #EEEEEE;
	font-size: 10px;
	text-align: center;
	margin: 1px auto;
}

.view-showsadmin table th, .view-showsadmin table td { padding: 3px 6px }
.view-showsadmin tr.odd { background: #fff }
.view-showsadmin tr.even { background: #fafafa}
.view-showsadmin tr:hover { background: #e8e8e8 }
.page-users .username { padding: 1px 0; }
.proname.mod, .username .mod { color: #FFEB09; }
.proname.admin, .username .admin { color: #fff; font-weight: bold; }
.proname, .rolo { margin: 0; padding: 0 }
.rolo { margin-bottom: 8px; }
.username a:hover { text-decoration: none; }

.view-showsadmin table { font-size: 10px; letter-spacing: 0px; max-width: 800px; margin: 50px auto; color: #000; background: #e6e6e6 }


body.page-node-edit.node-type-show #contentbox { max-width: 640px }
.page-node-add .region { max-width: 600px; width: 100%; margin: 48px auto }
.page-node-add .description { display: none }
.page-node-add .node-form {
	background: #2B2B2B;
	padding: 12px;
	border-radius: 7px;
}
#show-node-form { margin: 40px auto; }
.page-node-add .node-form * { font-weight: normal; font-size: 12px; letter-spacing: 1px }
.page-node-add legend {display:none}
.page-node-add fieldset {margin: 0; padding: 0; border: none}
.page-node-edit fieldset { border: none; margin: 0; padding: 0 }
fieldset.date-processed, #edit-field-show-location-und-0, #field-show-location-add-more-wrapper, #edit-field-show-flier-und-0-ajax-wrapper, #edit-field-show-images-und-ajax-wrapper, .page-node-add .date-no-float, .form-item-field-show-venue-und-0, .page-node-add .field-type-addressfield, .page-node-add .field-type-image { 
background: #1B1B1B;
width: 100%;
border-radius: 7px;
border-width: 0px;
}
.form-item-field-show-venue-und-0, .page-node-add .field-type-addressfield, .page-node-add .field-type-image { margin: 12px 0; padding: 12px }
 
.contact { font-size: 11px; text-align: center }

.views-table { font-size: 12px; letter-spacing: 1px }
.view-shows-admin .views-table { width: 100%; max-width: 800px; margin: 48px auto; font-size: 11px; }
.view-shows-admin .views-table * { border: 0;  }
.view-shows-admin .views-table td, .view-shows-admin .views-table th { padding: 2px 4px }
.view-shows-admin .views-table tr.odd {background: #2b2b2b; border: 0 }
.view-shows-admin .views-table tr.even {background: #333; border: 0 }
.view-shows-admin .views-table a { color: #898989 }
.view-shows-admin .views-table tr:hover { opacity: .7 }
.view-shows-admin .views-table thead tr:hover {opacity: 1}

table.privatemsg-list { border-radius: 10px }
table.privatemsg-list td, table.privatemsg-list th { padding: 4px; color: #999 }
table.privatemsg-list * { border: none; background: none }
#privatemsg-list-form thead { background: #000; font-weight: normal }
#privatemsg-list-form a { color: #999 }
#privatemsg-list-form .privatemsg-unread a { color: #fff }
#privatemsg-list-form thead a { color: #fff; font-weight: normal }
#privatemsg-list-form th { font-weight: normal; font-size: 10px; letter-spacing: 1px }

.page-messages #privatemsg-list-form table.privatemsg-list { font-size: 10px; letter-spacing: 1px }
#privatemsg-list-form .privatemsg-unread td { background: none; font-weight: normal; color: #fff }
#privatemsg-list-form tr { background:none; border-bottom: 1px solid #414141 }
#privatemsg-list-form thead tr:hover { opacity: 1 }
#privatemsg-list-form tr:hover { background-color: #171717; opacity: .5; }
#privatemsg-list-form tr:hover th { background: #000; opacity: 1 }
#privatemsg-list-form tr.selected td { background: #2b2b2b; }

.page-messages-view .region { font-size: 12px; font-weight: normal }
.page-messages-view h2 { font-size: 12px }
.page-messages .privatemsg-message-column {
	width: 100%;
	float: none;
	margin-bottom: 10px;
}

.pplimg { opacity: .8 }
.pplimg:hover { opacity: 1 }
.uname { margin-top: 6px; }
.uleft { 
	margin-left: 0px;
	margin-right: 32px;
	display: inline-block; 
	letter-spacing: 1px;
}
.upeople { 
	margin-right: 32px; 
	display: inline-block; 
	letter-spacing: 1px;
}
.uname a:hover { text-decoration: none }
.uppl { 
	color: #E1E1E1;
	letter-spacing: 1px;
	font-size: 10px; 
}
.uall { color: #7a7a7a; font-size: 10px; letter-spacing: 1px }

.page-messages table.privatemsg-list { 
	width: 100%;
	margin: 12px 0;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal; 
}
.page-messages .privatemsg-message {
	background: #161515;
	margin: 12px 0;
	padding: 6px 8px;
	border-radius: 5px;
}
.page-messages #privatemsg-list-form  div.status { width: 100%; margin: 4px auto 12px auto; }
.page-messages #privatemsg-list-form  div.status li { display: inline-block }
.page-messages-blocked table { width: 100% }
.page-messages-blocked #edit-new { border: none }
.page-messages-blocked .region { font-size: 12px; color: #f7f7f7; font-weight: normal; }
.page-messages-blocked * { font-weight: normal }
.page-messages #edit-cancel { margin-left: 12px }
.page-messages #privatemsg-new * { font-weight: normal; font-size: 12px; }
.page-messages .privatemsg-message-participants, .page-messages .description {
	display:none;
}
.page-messages .privatemsg-message-first { margin-top: 0 }
.page-messages .privatemsg-message-body { margin: 4px 0 }
.page-messages .privatemsg-message-column { margin: 0 }
.page-messages .privatemsg-message-information * { display: inline-block; font-weight: normal; font-size: 10px; color: #838383}
.page-messages .privatemsg-message-information  { border: none }
.page-messages div.status { margin-bottom: 36px; margin-top: -12px; }
.page-messages .action-links { display: none }
.page-messages #inner { width: 100%; max-width: 800px; margin: 48px auto;}
.page-messages #content { margin: 48px 12px }
.page-messages .region { padding: 12px; background: #2b2b2b; border-radius: 0 7px 7px 7px }
.privatemsg-author-avatar { display: none }

.newmsg { 
	position: absolute;
	top: 0;
	left: 0;
	height: 18px; 
	margin-top: 4px; 
	font-family:Verdana,Arial,sans-serif;
	letter-spacing: 1px;
	font-size: 11px; 
}
.admin-menu .newmsg {
	top: 21px;
}
a#privatemsg-new-link{
    width: auto;
    height: 18px; /*This is the height of the image I am using for the icon*/
    background: url('../img/new.png');
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    text-indent: 22px;
    vertical-align: middle;
}


.view-users .view-content {
	width: 800px;
	margin: 48px auto;
}
.view-users .views-row { 
	opacity: .8;
	display: inline-block;
	margin: 6px;
	background: #313131;
	padding: 12px;
	border-radius: 6px;
	font-size: 11px;
	text-align: center;
	border: 1px solid #414141;
}
.view-users .views-row a { color: #787878 }
.view-users .views-row:hover {
	background: #696969;
	opacity: 1;
}
.view-users .views-row:hover a { color: #fff }
.view-users .views-row img { border-radius: 5px; border-radius: 1px solid #000 }
.profile dl {
	margin: 0;
}
a.privatemsg-send-link-profile {
	background: #414141;
	display: inline-block;
	border-radius: 7px;
	border: 1px solid #999;
	font-size: 10px;
	color: #ECECEC;
	padding: 4px 12px;
	margin: 8px 0;
 }
a.privatemsg-send-link-profile:hover { background: #333333; color: #d3d3d3; text-decoration: none }
.create-profile { font-family: Verdana,Arial,sans-serif; letter-spacing: 1px; margin: 32px 0;  text-align: center }
.create-profile a { color: #fff; background: #2b2b2b; border-radius: 6px; padding: 8px 24px; }

.upic img:hover { opacity: 1 }
.usertop {font-family:Verdana,Arial,sans-serif; display: block; width: 100%; background: #252525; padding: 8px 12px; }
.utop-close {
	line-height: 16px;
	background: #1D1D1D;
	color: #929292;
	text-align: center;
	font-size: 9px;
	font-family: Verdana,Arial,sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	cursor: pointer;
	background-image: url('../img/arrow-down-48.png');
	background-position: 99.8% 50%;
	background-size: 16px;
	background-repeat: no-repeat;
}
.fortypad { margin-top: 88px; }
.bottomlink {
	background: whiteSmoke;
	padding: 5px 18px 5px 19px;
	margin: 48px auto;
	border-radius: 9px;
	font-size: 11px;
	letter-spacing: 2px;
	color: black;
}
a.bottomlink { color: #000; text-decoration: none }
.utop-close.open { background-image: url('../img/arrow-up-48.png'); }
.utop-close:hover { background-color: #2b2b2b; color: #e1e1e1; }

.upic img { opacity: .8; border-radius: 6px; border: 1px solid #000 }
.upic, .uinfo { display: inline-block }
.usertop { border-bottom: 1px solid #313131; }
.uinfo { margin: 0 }
.uinfo { font-size: 10px; line-height: 14px }
.uinfo a { color: #e1e1e1; letter-spacing: 1px; }
.uedit a { color: #7a7a7a }

.page-user dt { color: #5F5F5F;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}
.page-user dd { 
	color: white;
	font-size: 10px; 
}
.image-widget-data { font-size: 11px; }

.progress .message, .progress .percentage { font-weight: normal; letter-spacing: 1px; font-size: 10px; }

.page-user .image-widget {
padding: 8px;
background: #494949;
border-radius: 10px;
}
.page-user #content .field-user-profile-image { margin: 4px; width: 142px; display: inline-block; }
.page-user #content .field-user-profile-image img:hover { opacity: .7 }
.page-user #content .field-user-info { margin: 4px; width: 342px; color: #f1f1f1; font-size: 10px; display: inline-block; }
.page-user .profile { font-size: 12px; letter-spacing: 1px }
.page-user .profile .content { border-radius: 5px; border: 1px solid #1f1f1f }
.page-user .profile .content img { border-radius: 5px; }
.page-user h3 { display: none }
.page-user .description { display: none }
.page-user .image-widget .form-submit { display: block }
.page-user .image-widget-data { display: block; width: 100%; }
.page-user .image-widget-data a { color: #fff }
.page-user .field-type-image .description  { display: none }
#edit-profile-user-profile-field-user-info-und-0-value { width: 100% }
.page-user .manualcrop-preview-cropped {
	padding: 0;
	margin: 0;
}

.page-user .mess {
	text-align: center;
	height: 74px;
	margin-top: -44px;
}
#privatemsg-new { margin-bottom: 36px }
th { border-bottom-width: 1px }
.page-messages table a { color: #e1e1e1 }
.node-type-show .tabs { display: none }
.page-messages #edit-name { padding: 4px; border: 0; background-position: 100% 4px }
.page-user #contentbox #edit-profile-user-profile-field-user-profile-image-und-0-remove-button { display: block }
.form-submit:hover, #edit-cancel:hover { opacity: .7; text-decoration: none }
.registers { padding: 4px 0; text-align: center}
.registers a { color: #dfdfdf; letter-spacing: 1px; font-size: 10px; font-family:Verdana,Arial,sans-serif;}
ul.tabs, ul.tabs li { border: 0; display: inline }
ul.tabs li.active a { opacity: 1; color: #fff; border-color: #2B2B2B; background:#2B2B2B; }
ul.tabs li.active a:hover { color: #fff }
ul.tabs li a:hover { color: #ccc; opacity: 1; background:#2B2B2B; background:#2B2B2B; }
.page-user #contentbox .form-required, .page-messages .form-required {display:none}
.page-user #contentbox .form-text {padding: 5px; letter-spacing: 1px; border: 1px solid #464646;}
.page-user #contentbox .form-file, .page-user #contentbox .form-submit, .page-user #edit-cancel { 
	background: #6D6D6D;
	line-height: 18px;
	padding: 6px 10px;
	font-size: 11px;
	display: inline-block;
	border: 1px solid #9E9E9E;
	color: black;
	letter-spacing: 1px;
	margin: 4px 6px 4px 0;
	border-radius: 4px;
}
.page-user #edit-cancel { padding: 4px 10px; line-height: 22px; }
.krumo-root { color: #0d8624}
#user-register-form #edit-submit:hover { background: #afafaf; color: #000 }
.page-user .description { font-size: 10px; color: #bdbdbd }
.page-user #content { padding-top: 46px; }
.page-user label { font-weight: normal; font-size: 11px; letter-spacing: 1px; color: #e1e1e1; }
.page-user #contentbox input { padding: 4px 2px; border-radius: 4px; }
.password-strength-title, .password-confirm, .password-strength-text { font-size: 11px }
div.password-confirm {
	text-align: center;
	float: right;
	margin-top: 1.5em;
	visibility: hidden;
	width: 17em;
	background: #464646;
	padding: 4px 8px;
	border-radius: 6px;
	width: 160px;
}
div.status, .ok {
	color: #95FF2C;
}
div.error, .error {
	color: red;
}
.page-user input.password-field, input.password-confirm {
	width: 180px;
}
.page-user div.form-item div.password-suggestions {
	display: block;
	color: #E7E7E7;
	letter-spacing: 1px;
	font-size: 10px;
	border: 0;
	background: #414141;
	border-radius: 10px;
	padding: 10px 12px;
	width: 100%;
}
.page-user .form-item, .page-user .form-actions {
	margin: 0;
}
.page-user .region { font-size: 12px; background: #2b2b2b; padding: 12px; border-radius: 0 10px 10px 10px; margin-bottom: 32px }

ul.tabs a {
	opacity: .6;
	display: inline-block;
	border-color: #2b2b2b;
	background:#2B2B2B;
	border-radius: 4px 4px 0 0;
	color: #BBB6B6;
	border-style: solid solid none solid;
	border-width: 1px;
	margin-right: 0.5em;
	text-decoration: none;
	font-size:11px;
	letter-spacing: 1px;
	padding: 4px 8px;
	
}

ul.tabs {
	border: 0;
	white-space: nowrap;
	height: auto;
	line-height: normal;
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-user #content { max-width: 532px; width: 100%; margin: 0 auto; }


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

.prevnext a {
background: #2B2B2B;
padding: 5px 18px;
border-radius: 9px;
font-size: 11px;
letter-spacing: 1px;
color: black;
margin: 0 5px;
text-align: left;
}

.prevnext a:hover { background:  #d5d5d5; text-decoration: none; color: #707070}



.show-notes {
max-width: 480px;
text-align: left;
margin: 12px auto;
padding: 10px 18px;
border-radius: 6px;
background: #141414;
font-size: 12px;
}
.show-notes a { color: #a8a8a8;}
.gallery { margin: 24px 0; max-width: 456px; }
.gallery .img { display: inline-block; margin: 0 10px 10px 0; }
.gallery .img img { border-radius: 6px; border: 1px solid #000; opacity: .8;  }
.gallery .img img:hover { opacity: 1; }
.node-type-show h2.main { margin-bottom: 8px }
.node-type-show .region-content ul.flippy { margin: 48px 0 24px 0 }
a.back-to-shows:hover, .node-type-show ul.flippy li a:hover {
background: #cfcfcf;
color: #000000;
text-decoration: none;
}
.center { text-align: center }


.node-type-show .edit-link { display: inline; }
.node-type-show h2.main { letter-spacing: normal; }
.show-node .inner { padding: 24px 0; background: #181818 }
.show-node, .show-node .content { background: #181818; }
.show-node .show-flier img { opacity: .8; border-radius: 6px; width: 100%; max-width: 480px; height: auto; border: 1px solid #000 }
.show-node .show-flier img:hover { opacity: 1 }
.show-node .content h2 { font-size: 13px; letter-spacing: 2px; color: #7C7C7C; margin: 2px 0; }
.show-node .show-date, .show-node .show-venue { font-size: 12px; letter-spacing: 2px; }

div.back { text-align: center; margin-bottom: 36px; }
.back-to-main {
background: #f5f5f5;
padding: 5px 18px 5px 19px;
margin: 0 auto;
border-radius: 9px;
font-size: 11px;
letter-spacing: 2px;
color: black;
}
.back-to-main:hover { background: #cacaca; text-decoration: none }
.page-shows h2.main { margin-bottom: 36px }
.page-shows .views-row { margin: 24px 0 }

.content .left, .content .right { 
    display: inline-block;
    padding: 0 2%;
    text-align: center;
    width: 50%;
 }
 .content .right { 
	 text-align: left;
 }
 
 .content .show-date { margin-bottom: 12px; }


#past h2.main { margin-bottom: 12px }
h3.view-all-shows { text-align: center; position: relative;  }
h3.view-all-shows a {
color: #e1e1e1;
display: inline-block;
text-align: center;
background: #4a4a4a;
padding: 4px 20px;
border-radius: 5px;
margin: 0 auto;
letter-spacing: 2px;
font-size: 12px;
}
h3.view-all-shows a:hover { background: #616161; color: #fff; text-decoration: none; }

.view-shows-all { width: 100%; max-width: 962px; margin: 0 auto }
div.show { 
	-webkit-transition: all 50ms ease-in-out;
	-moz-transition: all 50ms ease-in-out;
	-ms-transition: all 50ms ease-in-out;
	-o-transition: all 50ms ease-in-out;
	transition: all 50ms ease-in-out;
	padding-bottom: 12px; 
	border-radius: 5px;
	background: #2e2e2e; 
	position: relative; 
	width: 156px;
	min-height: 210px;
	display: inline-block;
	overflow: hidden; 
	text-align: center; 
	margin-bottom: 42px;  
	border: 1px solid #383838;
}

div.show:hover { background: #3a3a3a }
div.show h3 { line-height: 14px; font-weight: normal; font-size: 10px; letter-spacing: 1px }
div.show h3 a { color: #fff }
div.show h3.venue { color: #C5C5C5; }
div.show img { opacity: .65 }
div.show img:hover { opacity: 1 }
div.show h3.title { letter-spacing: 0; }
div.show img { border: 1px solid #383838; }
div.show .flier { padding: 6px 0; }
div.show span.field-content { border-radius: 0 0 0 4px; position: absolute; top: 2px; right: 7px; font-size: 9px; padding: 1px 3px; background: none; }
div.show span.field-content a { color: #B4B4B4; opacity: .7; }
div.show span.field-content a:hover { opacity: 1 }

h2, h3 { color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; }
h2.main { line-height: 1.3em; width: 100%; font-size: 1.7em; letter-spacing: 1em; padding-left: 1em; text-transform: capitalize; margin: 0 auto; text-align: center; margin: 64px 0 }
.vid-title { letter-spacing: 1px }
.field-album-lyrics { }
#contentbox { 	font-family:Verdana,Arial,sans-serif; }
#content { padding-bottom: 200px }

a:hover { text-decoration: underline; }
div.album { margin: 18px 0; padding-bottom: 32px; position: relative }

div.album.odd { background: #151515 }

div.rsGCaption { margin-bottom: 4em; }
.album-lyrics { color: #e7e7e7; }
.album-lyrics > div { width: 100%; max-width: 480px; margin: 0 auto }
.album-lyrics .accordion > div > p { color: #E6E6E6; padding: 8px 0; font-family: monospace; font-size: 12px; }
.album-lyrics .accordion h3 { 
	border-bottom: 1px solid #000; 
	padding: 4px 0; 
	color: #c2c1c1; 
	font-size: 13px; 
	letter-spacing: 1px; 
	font-weight: normal; 
	cursor: pointer; 
}
div.odd .album-lyrics .accordion h3 { border-color: #151515 }
.album-lyrics { margin-top: 18px }
.album-lyrics .accordion h3.over, .accordion h3.on { border-bottom: 1px solid #fff; color: #fff }
div.odd .album-lyrics .accordion h3.on { border-color: #fff; }
.album-lyrics .accordion h3.over.on { color: #e0e0e0; border-color: #e5e5e5 }
.album-lyrics h3.close, .album-lyrics h3.close:hover { border: 0 }
.show-lyrics h3 { cursor: pointer }
.show-lyrics h3:hover { color: #ccc }

.album-head { color: #f6f6f6 }
.album-head > div { width: 50%; padding: 0 2%; display: inline-block; }
.album-head h2 { margin: 32px auto; width: 100%; max-width: 480px;  text-align: left;  }
.album-image, .album-music { display: inline-block; width: 50%; padding: 0 2%; text-align: center }
.special .album-image, .special .album-music { display: inline-block; width: 49%; padding: 0 2%; text-align: center }
.album-image img { }
.album-image .field-album-cover img { width: 100%; height: auto; max-width: 480px; max-height: 480px; }
.album-image .field-album-cover img:hover { opacity: .90 }
.album-image .reldate { padding: 2px 0; letter-spacing: 2px; font-size: 12px; text-align: left; color: #636363; margin: 0 auto; width: 100%; max-width: 480px; }
.album-image .reldate .field-album-release-date { display: inline }
.album-music {  }
.album-music .music-box { width: 100%; height: auto; max-width: 480px; text-align: left }
.album-music .music-box #stopbtn { 
	font-size: 13px;
	padding: 4px 12px;
	border-radius: 8px;
	border: 0;
	background: none;
	color: white;
	letter-spacing: 1px;
	margin-left: -12px;
}
.album-music .music-box #stopbtn:hover { text-decoration: underline; background: #454545; }


.album .special { display: none; }

h3.special-toggle, h3.show-lyrics, h3.return { display: inline-block; cursor: pointer; padding: 8px 12px 8px 0; }
h3.special-toggle { color: #ee0000; }
h3.special-toggle:hover, h3.show-lyrics:hover, h3.return:hover { text-decoration: underline }

#The_Money_Store h3.return { display: block; margin: 24px auto; text-align: center; }
#The_Money_Store.album { padding-bottom: 0px; }
#The_Money_Store .slide1 { padding-bottom: 24px; }
#The_Money_Store .special { padding-bottom: 8px; }
.retro-links { text-align: center }
.retro-links a, .roundgrey { text-align: left; margin: 8px 0; padding: 8px; letter-spacing: 1px; font-size: 11px; }
.retro-links a:hover { text-decoration: none; color: #f54545 }
.roundgrey img.middle { border-radius: 3px; }
#The_Money_Store .special { background: #202020 }
#retro-flash { text-align: center; margin: 12px 24px; }

.album-body { margin: 16px 0 }
.album-body h3 { }
ul.dl { margin: 4px 0; }
ul.dl li { 
background: url('../img/black-folder.png'); 
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: left center;
padding-left: 19px;
padding-right: 4px;
display: inline;
font-size: 13px;
}

ul.dl2 { margin: 4px 0; }
ul.dl2 li.tunes { 
background: url('../img/itunes16.png'); 
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: left center;
padding-left: 19px;
padding-right: 4px;
display: inline;
font-size: 13px;
}



#shows { margin-top: 72px }
#shows #past { margin-top: 72px }
#shows > div { max-width: 800px; width: 100%; margin: 0 auto }

#shows table { font-family:"Open Sans"; font-weight: 400; border: 0; font-size: 12px; letter-spacing: 1px; color: #f1f1f1; margin: 24px auto; width: 100%; }
#shows thead, #shows th, #shows tbody { border: 0; border-spacing: 0; }
#shows thead { border-bottom: 1px solid #fff }
#shows th { padding: 5px 5px; }
#shows th, #shows thead a { color: #f1f1f1; font-weight: 700; text-transform: uppercase; }
#shows table tr.even, #shows table tr.odd { 
	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 45ms;
	-moz-transition-delay: 0s;
	/* WebKit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 45ms;
	-webkit-transition-delay: 0s;
	/* Opera */
	-o-transition-property: background-color;
	-o-transition-duration: 45ms;
	-o-transition-delay: 0s;
	/* Standard */
	transition-property: background-color;
	transition-duration: 45ms;
	transition-delay: 0;
	font-size: 11px; letter-spacing: 2px; background: none; border-bottom: 1px solid #000; padding: 0; margin: 0; }
#shows table tr.odd { background: #101010}

#shows td > span { display: table-cell; padding: 4px 7px; }

#shows table tr.odd:hover, #shows table tr.even:hover { background-color: #181818 }
#shows ul.pager { margin: 32px 0; }
#shows ul.pager li.first, #shows ul.pager li.pager-current { font-size: 10px; background: #111; border-radius: 4px; padding: 4px 12px; }
#shows ul.pager a { color: #bbb; font-size: 10px; background: #111; border-radius: 4px; padding: 4px 12px; }
.view-past-shows a { color: #6D6D6D; }
#past2 .view-content { margin-bottom: -40px }

#shows .addressfield-citystate { font-style: normal }

.shows-img .view { margin: 60px 0; }
.shows-img > div { text-align: center; }
.shows-img > div > div { text-align: left }
.shows-img img { width: 100%; height: auto; max-width: 640px; margin: 0 auto }
.shows-img .view-content { width: 100%; max-width: 640px; margin: 0 auto }
.shows-img div > div > div { position: relative; }
div.album .edit-link { display: inline-block; }


.shows-img div.view-content div.views-field-edit-node { position: absolute; right: 0; bottom: 0 }
.shows-img .view-content .views-field-edit-node a {
	background: #2b2b2b;
	padding: 3px 24px;
	display: inline-block;
	border-radius: 10px 0px 0px 0px;
	color: #fff;
	font-size: 11px;
	opacity: 0.6;
	/* Firefox */
	-moz-transition-property: opacity;
	-moz-transition-duration: 450ms;
	-moz-transition-delay: 0s;
	/* WebKit */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 450ms;
	-webkit-transition-delay: 0s;
	/* Opera */
	-o-transition-property: opacity;
	-o-transition-duration: 450ms;
	-o-transition-delay: 0s;
	/* Standard */
	transition-property: opacity;
	transition-duration: 450ms;
	transition-delay: 0;
}
.shows-img .view-content .views-field-edit-node a:hover { opacity: .88 }


#remixes { margin: 48px 0 }
#remixes .remix { max-width: 800px; width: 100%; margin: 0 auto 12px auto; height: 186px; }

#remixes .close-remix { 
	padding-top: 2px;
	cursor: pointer;
	height: 20px; 
	text-align: center; 
	font-size: 12px; 
	letter-spacing: 2px;
	border-radius: 0 0 5px 5px;
}

#store { text-align: center; position: relative; margin-bottom: 150px; }
#store .store { text-align: left; position: relative; display: inline-block; margin: 0 auto; }
#store .store img { 
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#store .store img:hover {opacity: .5}
#store .store .shirt { max-width: 270px; height: auto; margin: 0 32px; }
#gotostore a:hover { border: 1px solid #505050; font-weight: normal; text-decoration: none; }
#gotostore a {
	text-decoration: none;
	border: 1px solid #505050;
	background: #2E2E2E;
	color: white;
	letter-spacing: 3px;
	opacity: .65;
	width: 280px;
	position: absolute;
	left: 50%;
	margin-left: -140px;
	top: 50%;
	padding: 30px 0;
	font-size: 16px;
	border-radius: 10px;
	height: 76px;
	text-align: center;
	font-weight: normal;
	margin-top: -38px;
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
}
#remixes .close-remix:hover { background: #484848 }

#remixes .remix-inner {
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
cursor:pointer; position: relative; 
}
#remixes .remix-inner .remix-img { top: 0; left: 0; display: inline-block }
#remixes .remix-inner .remix-img img { width: 166px; height: 166px; border: 8px solid #eee; border-radius: 5px; }
#remixes .remix-inner .title h3 {
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
 color: #e9e9e9; position:absolute; top:50%; left: 180px; height: 1em; margin-top: -0.5em;  
 }
#remixes .remix-inner .title h3:hover, #remixes .remix-inner:hover h3  { text-decoration: underline; color: #fff }
#remixes .remix-inner:hover { background: #232323; border-radius: 5px }



/* these apply to all ajax progresses */
.ajax-progress {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.ajax-progress .throbber {
  background-color: none;
  background-image: url("../img/ajax-loader-4.gif");
  background-position: center center;
  background-repeat: no-repeat;
  width: 128px;
  margin-right: -64px;
  display: inline;
  height: 15px;
  position: fixed;
  bottom: 8px;
  right: 50%;
}



/* STRUCTURE */
#wrapper  { 
	width: 100%;
}

#header-div { 
	height: 25px;
	background: #222;
	color: #e4e4e4;
	border-bottom: 1px solid #313131;
}
#header-div ul#thetog, #header-div ul#thetog li { text-align: right; width: 100%; height: 24px }
a#open img, a#close img { width: 24px; height: 24px }
a#open, a#close { display: block; height: 24px; }
a#open:hover, a#close:hover { 
border-bottom: 1px solid #3f3f3f;
background: -webkit-linear-gradient(#222222 0%, #141414 100%) 
}

#header-div a, #header-div a:visited, #header-div a:active { color: #e4e4e4 }

#header-div #block-system-user-menu { display: inline-block; float: right; }
#header-div .menu { padding: 1px }
#header-div .menu li { margin: 0; padding: 0; display: inline; }
#usermenu a {
	font-size: 9px;
	border: 1px solid #181818;
	height: 20px;
	margin-top: 2px;
	background-color: #3a3a3a;
	border-radius: 6px;
	padding: 0px 12px; 
	display: inline-block;
	float: right;
	margin-right: 4px;
	text-decoration: none;
	font-family:Verdana,sans-serif; 
}
#usermenu a:hover { background: #636363 }

#contentbox {
	width: 100%;
	margin: 0 auto;
}

#inner {
	clear: both;
}

#content {  }
.content { background: #3a3a3a }



#footer {  }


/* desktop ONLY */
@media screen and (min-device-width: 1024px) {
    #header-div { }
    #main-nav > li:first-child a { border-radius: 10px 10px 0px 0px }
    #main-nav > li:last-child a { border-radius: 0 0 10px 10px }
}



/* phone ONLY */
@media screen and (max-device-width: 480px) {
.rsNav { display: none }
h2, h3 { color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; }
h2.main { 
width: 100%; 
font-size: 1.7em; 
letter-spacing: normal;
text-transform: capitalize; 
margin: 0 auto; 
text-align: center; 
margin: 64px 0;
padding: 0;
}

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

.prevnext a {
background: #2B2B2B;
padding: 8px 18px;
border-radius: 9px;
font-size: 11px;
letter-spacing: 1px;
color: #eee;
margin: 2px 20px;
display:block;
text-align: left;
}

.prevnext a:hover { background:  #d5d5d5; text-decoration: none; color: #707070}


}

/* tablet ONLY */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}



/* accordion nav */
#main-nav {  }
#main-nav > li a.nav {
	display: block; 
	padding: 8px 0px; 
	background: #fff;
	border-bottom: 1px solid #999; 
	text-decoration: none; color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 8px;
	text-align: center;
}
#main-nav > li > a:hover, #main-nav li a.act { 
	background: #171717; 
	color: #fff; 
	border-bottom: 1px solid #000;
}
#main-nav > li div.nav-section { 
	display: none;
	background: #ececec;
	border-bottom: 1px dotted #ccc;
}
#main-nav > li#section-videos div.nav-section { background: #171717 }

.loadme { }









/** Login Bar **/
#panel { display:none; background: #222 }
#toggle { 
float: right; 
margin: 0;
padding: 0;
height: 32px;
display: inline-block;
}
#toggle a { opacity: .80 }
#toggle a:hover { opacity: 1 }

.usericon, .passicon {
	text-align:center;
}
.passicon { margin-bottom: 6px }
#loginbar { background: #222; padding-top: 10px; text-align: center }
#loginbar .form-actions { display: none; }
#loginbar #edit-name, #loginbar #edit-name--2 { 
	border-style: solid;
	border-radius: 10px 10px 0 0;
	border-width: 1px 1px 0 1px;
	border-color: #171717;
}
#loginbar #edit-pass, #loginbar #edit-pass--2 { 
	border-style: solid;
	border-radius: 0 0 10px 10px;
	border-width: 1px;
	border-color: #171717;
}
#loginbar #edit-submit, #loginbar #edit-submit--2 {
	color: #484848;
	width: 274px;
	margin: 0 auto;
	height: 24px;
	font-size: 12px; 	
	background-image:-moz-linear-gradient(top, #e9e9e9, #b6b6b6);
	background-image:-o-linear-gradient(top, #e9e9e9, #b6b6b6);
	background-image:-webkit-gradient(linear, center top, center bottom, from(#e9e9e9), to(#b6b6b6));
	background-image:linear-gradient(top, #e9e9e9, #b6b6b6);
	border-style: solid;
	border-color: #171717;
	border-width: 1px;
	border-radius: 10px;
	-webkit-appearance:none;
	font-family: 'Verdana',sans-serif;	
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}



#loginbar #edit-submit:active { 
opacity: .6;
}
#loginbar .form-item { margin: 0; padding: 0; }
#loginbar .form-text { 
	-webkit-appearance:none;
	width: 274px;
	padding: 6px 6px;
	font-size: 1em;	
	margin: 0 auto;
	background: linear-gradient(to bottom, #f7f7f8 0%, #d9d9d9fff 100%);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
	font-family: "Helvetica Neue", sans-serif;
	font-size: 13px;
	color: #222222;
}

#loginbar .form-text:focus { 
	box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset, -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
	outline: none;
	background: #ffffff;
}
#loginbar p {  }