/** Reset */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: "proxima-nova", sans-serif;
}

body {
	color: #141412;
	line-height: 1.5;
	margin: 0;
}

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

a:visited {
	color: #ac0404;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #ea9629;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "proxima-nova",sans-serif;
	line-height: 1.3;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}

h3 {
	font-size: 22px;
	margin: 22px 0;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: "proxima-nova",sans-serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: "proxima-nova",sans-serif;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}









/* HEADER */

body {
	background: url('images/bg-middle.jpg') repeat-y top center;
        -webkit-background-size: auto; /*for webKit*/
        -moz-background-size: auto; /*Mozilla*/
        -o-background-size: auto; /*opera*/
        background-size: auto; /*generic*/
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
}
.container { position: relative; overflow: hidden; width: 100%; height: 100%; }
.header {
	position: absolute;
	z-index: 5;
	top: 0;
	height: 904px;
	width: 100%;
	background: url('images/bg-top.jpg') no-repeat top center;
        -webkit-background-size: auto; /*for webKit*/
        -moz-background-size: auto; /*Mozilla*/
        -o-background-size: auto; /*opera*/
        background-size: auto; /*generic*/
}
.footer {
	position: absolute;
	bottom: 0;
	height: 800px;
	width: 100%;
	background: #000 url('images/bg-bottom.jpg') no-repeat bottom center;
	-webkit-background-size: auto; /*for webKit*/
        -moz-background-size: auto; /*Mozilla*/
        -o-background-size: auto; /*opera*/
        background-size: auto; /*generic*/
	text-align: center;
}

footer .pos {
	bottom: 155px;
	position: absolute;
	width: 100%;
}
footer .text, footer .text a { font-size: 14px; color: #fff; }
footer .text {
	width: 100%;
	position: absolute;
	text-align: center;
}
footer .text span { display: block; float: none; }
footer .eclipse {
	background: url('images/eclipse.png');
	width: 8px;
	height: 8px;
	display: inline-block;
	position: relative;
	margin: 0 10px;
}
footer .analog {
	display: inline-block;
	background: url('images/analog.png') no-repeat;
	background-size: cover;
	width: 100px;
	height: 15px;
	position: relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	margin-top: 15px;
}
footer .analog:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition: opacity 250ms linear;
	-moz-transition: opacity 250ms linear;
	-o-transition: opacity 250ms linear;
	-ms-transition: opacity 250ms linear;
	transition: opacity 250ms linear;	
}
footer .blackheart {
	background:  url('images/blackheart.png') no-repeat;
	background-size: cover;
	display: inline-block;
	width: 110px;
	height: 86px;
	position: relative;
}

	footer .pos span { display:block; }
	footer .blackheart {  }

#root {
	padding-top: 20px;
	padding-bottom: 250px;
	width: 100%;
	max-width: 1280px;
	position: relative;
	margin: 0 auto;	
	overflow: hidden;
	z-index: 10;
}

.left { float: left; }
.right { float: right; }


/* Navigation */

header { overflow:hidden; }

.inner { width: 93.75%; oveflow: hidden; float: left; margin: 0 3.125%; }
header:first-of-type { margin-bottom: 5px; }
header .left {
	width: 25%;
	overflow: hidden;
}
.nav, .mobile-menu { list-style-type: none; padding: 0; margin: 0; }
.nav li { margin-bottom: 10px; display: block; }
.nav a {
	display: block;
	width: 100%;
	background: rgba(123, 48, 46, 0.4);
	text-align: center;
	text-transform: uppercase;
	color: rgba(220, 209, 184, 0.3);
	font-weight: 300; /*light*/
	font-size: 1.25em;
	padding: 15px 0;
	letter-spacing: 0.2em
}
.nav a:last-of-type { margin-bottom: 0 }
.nav .current-menu-item a, .nav .current-menu-item a:hover { background: rgba(123, 38, 46, 1.0); color: rgba(220, 209, 184, 1.0); }
.nav a:hover {
	text-decoration: none;
	background: rgba(123, 38, 46, 0.5);
	color: rgba(220, 209, 184, 1.0);
	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
}
.nav-links {
	width: 100%;
	overflow:hidden;
}
.nav-links a:hover { text-decoration: none; }
.nav-links div {
	width: 60px;
	height: 60px;
	display: block;
	background-color: rgba(123, 38, 46, 0.41);
	position: relative;
}
.nav-links .inactive {
	background-color: rgba(78, 78, 78, 0.41);
}
.nav-links span.text { position: absolute; color: #fff; width: 60px; bottom: 2px; text-align: center; text-transform: uppercase; font-size: 12px; }
.nav-links div span.arrow {
	margin-top: -5px;
	position: absolute;
	width: 60px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 50%;
}
.nav-links .inactive span.arrow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=16)";
	filter: alpha(opacity=16);
	-moz-opacity: 0.16;
	-khtml-opacity: 0.16;
	opacity: 0.16;
}
.nav-links .inactive span.text { color: #52504e; }
.nav-links div:not(.inactive):hover {
	background-color: rgba(123, 38, 46, 1.0);
	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;	
}
.nav-links .next { float: right;  }
.nav-links .next span.arrow { background-image: url('images/warrowr.png'); }
.nav-links .prev { float: left; }
.nav-links .prev span.arrow { background-image: url('images/warrowl.png'); left: -3px; }

header .logo {
	float: right;
	display: block;
	width: 40.833333333333%
}

header .social {	
	float: none;
	clear: both;
	margin: 20px 0;
	height: 36px;
	position: relative;
}
header .social div {
	float: left;
	width: 25%;
	position: relative;
	height: 36px;
}
header .social a {
	width: 36px;
	height: 36px;
	background: url('images/social-icons.svg') no-repeat;
	background-size: 100% auto;;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;	
	display: block;
	position: absolute;
	margin-left: -7.5%;
}
header .social a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition: opacity 250ms linear;
	-moz-transition: opacity 250ms linear;
	-o-transition: opacity 250ms linear;
	-ms-transition: opacity 250ms linear;
	transition: opacity 250ms linear;
}
header .social a.tumbler { background-image: url('images/social-tumbler.svg'); 	left: 12.5%;  }
header .social a.facebook { background-image: url('images/social-facebook.svg'); left: 37.5%; }
header .social a.twitter { background-image: url('images/social-twitter.svg'); left: 62.5%; }
header .social a.instagram { background-image: url('images/social-instagram.svg');  left: 87.5%; }


/* Content */
.content {
	width: 100%;
	clear: both;
	overflow: hidden;
	min-height: 800px;
}
.content .left { width: 73.95833333333333% }
.content .left article {
	
}
.entry-header {
	background: rgba(123, 38, 46, 0.4);
	text-align: center;
	font-size: 1.25em;
	font-weight: 300;
	color: #fff;
	padding: 20px 0;
	line-height: 20px;
	letter-spacing: 0.075em;
	text-transform: uppercase;
}
.entry-header a { color: #fff;  font-size: 1.25em; font-weight: 300; }
.entry-header span { font-weight: 600; font-size: 0.7em; line-height: 0.7em; display:block; padding-top: 10px; }

.entry-content { background: rgba(123, 38, 46, 0.6); color: #bebcb7; font-size: 0.875em; font-weight: 400; margin: 10px 0; text-align: center; padding: 22px; }
.page .entry-content { background: transparent; padding: 0; }
.format-image img { max-width: 100%; height: auto; }
.format-standard .entry-content {  padding: 3.598591549296% }
.entry-content p:last-of-type {  margin: 0;  }

.content .right.sidebar { width: 25%; }

.widget { background: rgba(33, 33, 33, 0.75); padding: 10px 10px 15px 10px; margin-top: 10px; }
.widget:first-of-type { margin-top: 0 }
.widget .widget-title { font-size: 18px; letter-spacing: 0.2em; text-transform: uppercase; color:#e9e7e2; text-align: center; margin: 14px 0 20px; }

.jj_adspace_widget { padding: 0 !important; background-color: transparent; }
.jj_adspace_widget a:hover { text-decoration: none; }
.jj_adspace_widget .widget-title {
	background: #ededed;
	margin: 0;
	padding: 24px 0;
	color: #292929;
	font-size: 1em;
	letter-spacing: 0.075em;
	margin-bottom: 16px;
}
.jj_adspace_widget img { width: 100%; height: auto; }
.jj_twitter_widget { padding: 0 !important; background-color: transparent; }
.jj_twitter_widget #twitter-widget-0 { width:100%; }
.jj_youtube_widget img { max-width: 100%; height: auto; }
.jj_youtube_widget a { display:block; position: relative; }
.jj_youtube_widget .play, .release .video .play, .youtube .thumbnail .play {
	background: url('images/play.png') no-repeat;
	background-size: 100% auto;
	width: 60px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	left: 50%;
	display: block;
	margin-left: -30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;	
}
.jj_youtube_widget a:hover .play, .release .video:hover .play, .youtube .thumbnail:hover .play {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	/*
	-webkit-transition: opacity 1000ms linear;
	-moz-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	-ms-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
	*/
}
.jj_mailing_list_widget input { border: 0 none; width: 100%; font-size: 16px; font-family: "proxima-nova",sans-serif; letter-spacing: 0.075em; }
.jj_mailing_list_widget input[type="text"] {
	background: #ececec;
	text-align: center;
	color: #111111;
	padding: 30px 0;	
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #111111;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #111111;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #111111;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #111111;
}
.jj_mailing_list_widget input[type="submit"] { background: #d7d4d4; color: #111111; padding: 23px 0; margin-top: 10px; letter-spacing: 0.075em; }



/* Tour */
.tour { display:block; width: 100%; overflow:hidden; margin-bottom: 60px; position: relative;}
.tour .date {
	width: 11.267605633803%;
	width: 80px;
	height: 100%;
	padding-top: 8px;
	float: left;
	background: rgb(123, 38, 46);
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.875em;
	line-height: 33px;
	text-align: center;
	position: absolute;
	color: #fff;
}
.tour .date span { font-weight: 700;  font-size: 1.33333333333333em; display:block; }
.tour .info { float:left; height: 80px; position: relative; width: 100%; padding-left: 90px; }
.tour .info .title { display:block; width: 100%; color: #bebcb7; font-size: 24px; clear: both; text-align: left; position: relative; top: -7px; }
.tour .info .location {width: 33.33%; float: left; text-align: center; font-size: 16px; line-height: 14px; border-left: 1px solid #fff; padding-top: 2px; position: relative; top: -9px; }
.tour .info .location:first-of-type { text-align: left; border-left: 0 none;}
.tour .info .details { width: 100%; border-top: 1px solid #3c3d38; font-size: 12px; text-align: right; clear: both; margin-top: 20px; padding-top: 8px; }
.tour .info .details .gigpress-calendar-add { float: left; position: relative; top: 2px; }
.tour .gigpress-calendar-links { bottom: 0 !important; top: auto; background-position: left -61px; }


/* Music */
.releases { width:100%; position: relative; margin-top: 15px; }
.release { overflow: hidden; margin-bottom: 20px; position: relative; }

.release .cover { float: left; background: rgb(123, 38, 46); width: 32.394366197183%; height: auto; padding: 10px; margin-right: 2.816901408451%; z-index: 50; position: relative; }
.release .cover img { width: 100%; height: auto; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.75), inset 0 0 1px #fff;-moz-box-shadow: 0 1px 4px rgba(0,0,0,.75), inset 0 0 1px #fff;box-shadow: 0 1px 4px rgba(0,0,0,.75), inset 0 0 1px #fff; }

.release .title { font-size: 1.5em; letter-spacing: 0.0075em; color: #efefef; margin-top: 3px; text-transform: uppercase; padding-right: 50px; height: 80px; }
.release .title .year { font-size: 0.875em; position:absolute; top: 6px; right:0;}

.release .title .play { float:left; display:block; margin-right: 20px; background: url('images/play-buttons.png') no-repeat; width:48px; height: 44px; margin-top: -3px; margin-left: -10px; }
.release .title .play.active { background-position: 0 -44px; }

.release .nav { height: 25px; position: absolute; top: 25%; padding-left: 35%; width: 100%; overflow: hidden;  }
.release .nav .arrow-left { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #464742; float: left; }
.release .nav .arrow-left.active { border-right: 12px solid #fff; cursor: pointer; }
.release .nav .arrow-right { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #464742; float: right; }
.release .nav .arrow-right.active { border-left: 12px solid #fff; cursor:pointer; }
/*
.release .videos { overflow: hidden; height: 54.782608695652%; width: 100000px; position: absolute; bottom: 0; left: 32%; margin-left: 20px; }
.release .video { float: left; width: auto; height: 100%; overflow:hidden; display: block; text-align: center; position: relative; margin: 0 0.033% }
*/
.release .video_hider { overflow:hidden; width: 100%; left: 32%; position: absolute; height: 65%; margin-left: 2.816901408451%; bottom: 0;}
.release .videos { height: 86%; width: 200%; position: absolute; top: 0; }
.release .video {
	border: 1px solid #222;
	float: left;
	height: 100%;
	position: relative;
	width: 15.7%;
	margin-right: 0.6%;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.release .video:first-of-type { margin-left: 0; }
.release .video img { height:100%; width: auto; }
.release .video .video-title { position: absolute; bottom: -25px; color: #fff; text-align: center; font-size: 12px; width: 100%; }
.release .video .video-title:hover { text-decoration: none; }

.youtubes .youtube {
	width: 45.070422535211%;
	height: 0;
	padding-bottom: 30%;
	position: relative;
	float:left;
	margin: 2.225352%;
}
.youtubes .youtube .thumbnail { position: relative; width:100%; height: auto; display:block; }
.youtubes .youtube .thumbnail img { width: 100%; height: auto; }
.youtubes .youtube .title { font-size: 1em; color: #fff; padding-top: 3%; display:block; width: 100%; text-align: left; }

.success { color:#fff; display:block; text-align:center; }

.mobile-header, .mobile-menu { display:none; }

@media only screen and (max-width: 800px) {
	header .left { width: 31.69754768392371% }
	.inner { margin: 0 2.213541666666667%; width: 95.57291666666666%  }
	/* only for home */
	.content .left { width: 65.39509536784742% }
	.content .right.sidebar { width: 32.69754768392371% }
	/* everything but home */
	body:not(.home) .content .right.sidebar, body:not(.home) .content .left { width:100%; }
	/* Hide all other widgets but mailing list */
	body:not(.home) .widget:not(.jj_mailing_list_widget) { display: none; }
}

@media only screen and (max-width: 600px) { footer .blackheart {margin-left: 0;} }
@media only screen and (max-width: 550px) {
	header .social a { width: 30px; height: 30px; }
	.jj_adspace_widget .widget-title { font-size: 0.9em; }
	footer .blackheart { width:66px; height: 52px; }
}

@media only screen and (max-width: 480px) {
	header .inner { height: 340px; }
	.nav { display: none; }
	
	.mobile-header {
		width: 100%;
		height: 46px;
		position: absolute;
		background: rgb(123,38,46);
		top: 0;
		left: 0;
		padding: 10px 16px;
		display: block;
	}
	.mobile-header a {
		font-size: 1.125em;
		color: #dcd1b8;
	}
	.mobile-header a.menu { float:right;padding-right: 25px; background: url('images/menu.png') no-repeat right 7px; }
	.mobile-header a:hover { text-decoration: none; }
	
	.mobile-menu {
		display:block;
		position: absolute;
		top: 0;
		right:0;
		background: #fff;
		width: 0;
		z-index: 55;
	}
	.mobile-menu li {
		text-align: right;
		height: 47px;
		width: 240px;
		padding: 12px ;
		margin: 0;
		border-bottom: 1px solid #e3e3e3;
	}
	.mobile-menu li a { font-size: 1.125em; letter-spacing: 0.2em; color: #111111; width: 100%; display: block; text-transform: uppercase; }
	.mobile-menu li a:hover { text-decoration: none; }
	.mobile-menu li.close a .sub { position: relative; font-size: 10px; margin-left: 12px; top: -5px;}
	.mobile-menu li:first-of-type {
		background: rgb(100,42,48);
		border-bottom: 0;
	}
	.mobile-menu li:first-of-type a {
		color: #dcd1b8;
		font-weight: 300;
	}
	.mobile-menu li:first-of-type, .mobile-menu li:last-of-type { border-bottom: 0;  }
	
	header .logo { width: 61.25%; right: 3.75%; top: 160px; position: absolute; }
	header .left { width: 61.25%; right: 3.75%; top: 275px; position: absolute; }
	
	.header {
		height: 645px;
		background: #080903 url('images/bg-top-mobile.jpg') no-repeat top center;
		-webkit-background-size: auto; /*for webKit*/
	        -moz-background-size: cover; /*Mozilla*/
	        -o-background-size: cover; /*opera*/
		background-size: cover; /*generic*/
	}
	
	footer .text { padding-bottom: 60px; }
	footer .pos { bottom: 125px; }
	footer .pos span { display:block; }
	footer .blackheart { display:inline-block; }
	footer .eclipse { display: none; }
	footer .analog { position: absolute; bottom: 20px; top: auto; left: 50%; margin-left: -66px; }
	
	.footer {
		height: 692px;
		background: #000 url('images/bg-bottom-mobile.jpg') no-repeat bottom center;
		-webkit-background-size: cover; /*for webKit*/
	        -moz-background-size: cover; /*Mozilla*/
	        -o-background-size: cover; /*opera*/
		background-size: cover; /*generic*/
	}
	
	header .social a { width: 36px; height: 36px; }
	
	.content .right.sidebar, .content .left { width:100%; }
	/* Hide all other widgets but mailing list */
	/*.widget:not(.jj_mailing_list_widget) { display: none; }*/
	.widget { padding: 4% !important; }
	.widget.jj_twitter_widget { display:none; }
	.jj_adspace_widget .widget-title { padding: 10px 0; }
	.widget .widget-title { font-size: 1.5em; }
	.entry-header { font-size: 1.5em; }
	.entry-header span { font-size: 0.58333333333333em; }
	
	body:not(.home) .widget { display: none; }
	
	.youtubes { width: 98%; margin: 0 1%; }
	.youtubes .youtube { clear: both; float: none; width: 100%; padding-bottom: 70%; margin: 0; margin-bottom: 5%; }
	.inner { margin: 0; width: 100%;}
	.releases { margin: 0 1%; width: 98%; }
	.release .cover { width: 100%; clear:both; float: none; }
	.release .nav { display: none; }
	.release .video_hider { display:none; }
	.release .title { padding: 0; padding-top: 2%; line-height: 25px; padding-left: 65px; }
	.release .title .year { font-size: 0.875em; position: relative; display: block; margin-top: -5px }
	.release .title .play { margin: 0; left: 0; position: absolute; margin-top: -8px; }
	
	.tour { padding: 4.25%; margin-bottom: 10px; height: 155px; }
	.tour .date { height: 80px; }
	.tour .info { padding: 0; }
	.tour .info .title { font-size: 16px; padding-left: 90px; top: -5px; }
	
	.tour .info .location { clear: both; float: none; width: 100%; font-size: 16px; border: none; text-align: left; padding-left: 90px; padding-bottom: 7px; top: -3px; }
	
	.tour .info .details { margin-top: 0; text-align: left; padding-left: 20px; position: relative; }
	.tour .info .details .gigpress-calendar-add { position: absolute; left: 0; top:5px; }
	
	.nav-links div { left: 50%; position: absolute; }
	.nav-links div.prev { margin-left: -88px; }
	.nav-links div.next { margin-left: 28px; }
	.nav-links { height: 60px; }
}