/*
Theme Name: Birds Of Tokyo
Description: The Birds Of Tokyo theme for WordPress.
Author: Jason Taylor <jsntv200@gmail.com>
Version: 1.0
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */



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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
.entry-content img.size-full {
    width: 100%;
    height: auto;
}
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;/*  background: #f2f2f2;*/
}
#header {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 320px;
}

.right-mask, .left-mask {
    width: 40px;
    height: 500px;
    background: #030b2c;
    position: absolute;
}

.left-mask {
    right: 0
}
#mobile-navigation {
	position: relative;
	width: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#main {
background: rgb(3 11 44 / 75%);
padding-top: 20px
}
#footer {
	clear: both;
	width: 950px;
}
#container {
	padding: 0px;
}
#content {
	float: right;
	width: 665px;
	padding: 0 20px 20px 0;
}
#sidebar {
	float: left;
	width: 220px;
	margin: 0 0 20px 20px;
}

#navigation-wrap {
    width: 100%;
    background: #030b2c;
    height: 60px;
}

.inner {
    margin: 0px auto;
    width: 950px;
}


/* =Store
-------------------------------------------------------------- */


#content-store {
	float: right;
	width: 910px;
	margin: 0 20px 20px 0;
	text-align: center;
}
#content-store .button {
	display: inline-block;
	padding: 12px 15px 0 15px;
	margin: 10px 10px 0 0;
	font-size: 12px;
	line-height: 12px;
}
#content-store p {
	font-size: 14px;
	margin-bottom: 10px;
}
#content-store h3 {
	margin-bottom: 1px;
}
#content-store .header {
	margin: 0 0 0 0;
}
#content-store img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#content-store .product {
	width: 445px;
	height: 420px;
	position: relative;
	margin: 25px 0 0 0
}
#content-store .product:nth-child(odd) {
	float: left
}
#content-store .product:nth-child(even) {
	float: right
}
.page-id-2196 #touts {
	visibility: hidden
}
.page-id-2196 #header {
	height: 580px;
}
/* =Typography
-------------------------------------------------------------- */

body {
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	background: #020202;
	background-image: url(images/bot-lion-background-01.jpg);
	background-size: auto;
	background-position: center top;
}
.mc-field-group label {
	min-width: 150px;
	display: inline-block;
}
input, textarea {
	background: none repeat scroll 0 0 white;
	border: thin solid grey;
	color: #f2f2f2;
	font-size: 12px;
	left: 10px;
	line-height: 15px;
	margin: 5px 0;
}
input#mc-embedded-subscribe {
	cursor: pointer;
}
#mc_embed_signup input[type="submit"] {
    background: #213ff8;
}

h1, h2, h4, h5, h6 {
   letter-spacing: .0em;
}	

h1, h2, h3, h4, #header, .header, a.button {
	color: #f2f2f2;
	font-weight: 700;
}

h1 {
	color: #223df8;
}
h2 {
	font-size: 18px;
	margin-bottom: 5px;
}
h3 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1em;
}
h5 {
	color: #f2f2f2;
	font-size: 12px;
}
p {
	margin-bottom: 10px;
}
h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
}
a, a:hover, a:visited {
	color: #ffffff;
	text-decoration: underline;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
strong {
	font-weight: 700;

}
/* =Global Elements
-------------------------------------------------------------- */
a.button {
	display: block;
	color: #f2f2f2;
	background: #213ef8;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 0em;
}
a.button:hover {
	color: #f2f2f2;
	background: #030b2c;
}
.header, .pagination {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.header h1, .header h2 {
	float: left;
	height: 25px;
	font-weight: 700;
	line-height: 25px;
	margin: 0;
	padding: 0;
}
.wp-pagenavi {
	float: right;
	height: 25px;
	line-height: 25px;
	background: #213ef8;
	color: #f2f2f2;
	padding: 0 12px;
	font-size: 10px;
	text-transform: uppercase;
}
.wp-pagenavi a {
	color: #f2f2f2;
	text-decoration: none;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 0 3px;
}
.wp-pagenavi .current {
	color: #030b2c;
}
.wp-pagenavi a:hover {
	color: #030b2c;
}

#content .post {
	clear: both;
	float: left;
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px #f2f2f2;
}
.single .post .image-container, .category .post .image-container, .category .post .youtube {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	background: #f2f2f2;
	line-height: 0;
	margin: 15px 0;
}
.debug {
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px;
	z-index: 11;
	padding: 20px;
	background: #181818;
	color: #c1ac7a;
	text-align: left;
	text-transform: none !important;
}
/* =Fancy Box
-------------------------------------------------------------- */
#fancybox-inner #container, #fancybox-inner #content, .home #fancybox-inner #content .entry-content, .home #fancybox-inner #content .page {
	float: left !important;
	clear: both !important;
	text-align: left !important;
	width: 480px !important;
	height: auto !important;
	margin: 0 !important;
	border: 0 !important;
	overflow: visible !important;
}
.home #fancybox-inner #content .entry-content {
	margin-top: 15px !important;
}
#fancybox-inner .header {
	width: 450px;
	padding: 25px 15px;
	background: #f2f2f2;
}
#fancybox-inner .header h1 {
	font-size: 4em;
	color: #f2f2f2;
	background: 0;
	width: 430px !important;
	border-bottom: solid 1px #f2f2f2;
	padding: .2em 0 .3em;
}
#fancybox-inner .formcontainer {
	margin: 5px 0 0;
	width: 100%;
}
#fancybox-inner .form-submit {
	background: #f2f2f2;
	float: left;
	width: 100%;
	margin: 15px 0 0 !important;
	height: auto;
}
#fancybox-inner .form-submit input {
	float: right;
	background: #f2f2f2;
	border: 0;
	color: #f2f2f2;
	text-transform: uppercase;
	padding: 6px 15px;
	margin: 0;
}
#fancybox-inner .form-submit input:hover {
	color: #f2f2f2;
}
#fancybox-inner .information, #fancybox-inner .form-label, #fancybox-inner .form-input, #fancybox-inner .form-textarea, #fancybox-inner .form-select {
	margin-left: 30px;
}
#fancybox-inner .information {
	margin-bottom: 15px;
	font-size: 11px;
}
#fancybox-inner .entry-content {
	float: left;
	clear: both;
	width: 100%;
}
#fancybox-inner .entry-content p {
	padding: 0 30px;
}
#fancybox-inner .formcontainer p, #fancybox-inner form p {
	padding: 0 !important;
}
.page-template-gallery-php #fancybox-title {
	background: #f2f2f2;
	width: 100%;
	color: #f2f2f2;
	margin-top: 60px;
}
.page-template-gallery-php #fancybox-title .fancybox-title, .page-template-gallery-php #fancybox-title .fancybox-counter {
	width: 100%;
	padding: 10px 0;
}
.page-template-gallery-php #fancybox-title .fancybox-counter {
	border-top: solid 1px #f2f2f2;
	color: #f2f2f2;
}
/* =Slider
-------------------------------------------------------------- */



.rsDefault {
	margin-bottom: 40px;
	margin-top: 10px;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #f2f2f2 !important;
}
/* =Mobile Menu
-------------------------------------------------------------- */


.button_container {
	position: relative;
	top: -50px;
	left: -50px;
	height: 24px;
	width: 28px;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
.button_container:hover {
	opacity: .7;
}
.button_container.active .top {
	-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #223df8;
}
.button_container.active .middle {
	opacity: 0;
	background: #223df8;
}
.button_container.active .bottom {
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #223df8;
}
.button_container span {
	background: #223df8;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.button_container span:nth-of-type(2) {
	top: 11px;
}
.button_container span:nth-of-type(3) {
	top: 22px;
}
.overlay {
	position: fixed;
	background: #030b2c;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	z-index: 99;
	font-weight: 700;
}
.overlay.open {
	opacity: .9;
	visibility: visible;
	height: 100%;
}
.overlay nav {
    position: relative;
    top: 60px;
    text-align: left;
    margin-left: 20px;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
}
.overlay ul li {
	display: block;
	height: 100%;
	min-height: 20px;
	position: relative;
}
.overlay ul li a {
	display: block;
	position: relative;
	color: #f2f2f2;
	text-decoration: none;
	overflow: hidden;
}
.overlay ul li a:hover {
	color: #223df8;
	text-decoration: none;
	overflow: hidden;
}
/* =Forms
-------------------------------------------------------------- */
.page-template-subscribe-php form {
	margin: 30px 0 0;
}
.text input, .form-input input, textarea, select {
	background-color: #f2f2f2;
	border: 1px solid #e7ecec;
}
.text input:focus, .form-input input:focus, textarea:focus, select:focus {
	border-color: #666;
}
.text input, .textarea textarea, .form-input input {
	width: 300px;
	padding: 5px;
}
.form-input span, span.required {
	color: #C33;
}
textarea {
	width: 390px;
	height: 250px;
	padding: 3px;
}
.error {
	padding: 3px 0 0;
	color: #8a1f11;
}
.formcontainer {
	clear: both;
	float: left;
	margin: 30px 0 0;
}
.contact-form legend {
	display: none;
}
.contact-form .form-input {
	margin: 0 0 10px;
}
.contact-form textarea {
	height: 100px;
}
.textarea textarea {
	height: 70px;
}
.nobackground {
	background: none !important;
}
/* =Header Elements
-------------------------------------------------------------- */
#subscribe, #navigation {
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: 20px;
    z-index: 1;
    text-align: left;
    /* width: auto; */
    display: inline-block;
    float: left;
}

#navigation li {
	display: inline;
	padding: 0 10px;
}
#navigation li:first-child {
	padding: 0px 10px 0px 0px;
}
#navigation a {
	text-decoration: none;
	color: #f2f2f2;
	font-weight: 700;
	letter-spacing: 0em;
}
#navigation a:hover, #navigation a.current, #navigation li.current-menu-item a {
	color: #213ef8;
}
#subscribe {
	right: 20px;
	text-decoration: none;
	color: #f2f2f2;
}
#subscribe:hover {
	color: #f2f2f2;
}
#launch-audioplayer {
	display: none;
}


.bot-sun {
    margin-top: 66px;
    width: 100%;
}

.bot-sun img {
    height: 270px;
}


#masthead .bot-logo {
    position: absolute;
    top: 82px;
    left: 0px;
}

#masthead img {
	-webkit-filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .5));
	filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .5))
}


#masthead .bot-album-title {
    position: absolute;
    top: 220px;
    left: 130px;
    width: 258px;
}
#masthead .bot-purchase-btn {
    position: absolute;
    top: 240px;
    left: 550px;
    width: 254px;
    background-color: white;
    padding: 10px 15px 4px 15px;
    border-radius: 10px;
}

#masthead .bot-purchase-btn:hover {
    background-color: #c8af75;
}

#masthead .bot-release-date {
    position: absolute;
    left: 130px;
    width: 238px;
    top: 352px;
}



#masthead p {
	font-weight: 700;
	text-align: center;
	font-size: 30px;
	colour: white;
	margin: 0;
	letter-spacing: 0px
}
#packshot {
	display: none;
	position: absolute;
	top: 40px;
	left: 280px;
}
#touts {
	position: absolute;
	background: #f2f2f2;
	bottom: 20px;
	height: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}
#touts-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
}
#touts-banner h1 {
    margin-top: 2px;
    color: #f2f2f2;
    font-size: 26px;
    line-height: 26px;
    text-transform: none;
    letter-spacing: normal;
}
#touts-banner h1 a {
	color: #223df8;
}
#touts-banner h1 a:hover {
	color: #bec5b8;
	text-decoration: none;
}
#touts-banner h1 a:visited {
	color: #f2f2f2;
}
#touts-banner h3 {
	color: #f2f2f2;
    font-size: 18px;
    margin-top: 5px;
    line-height: 15px;
}
#touts-banner h3 a {
	color: #f2f2f2;
}
#touts-banner h3 a:hover {
	color: #666;
	text-decoration: none;
}
#touts-banner h3 a:visited {
	color: #f2f2f2;
}

#store-base-banner {
    float: right;
    position: relative;
    width: 100%;
    background: #f2f2f2;
    height: 40px;
    margin: 20px 0 0 0;
}
#store-base-banner h1 {
	color: #f2f2f2;
    margin-top: 10px;
    font-size: 18px;
    line-height: 17px;
}
#store-base-banner h1 a {
	color: #f2f2f2;
}
#store-base-banner h1 a:hover {
	color: #f2f2f2;
	text-decoration: none;
}
#store-base-banner h1 a:visited {
	color: #f2f2f2;
}

#latest-video {
	position: absolute;
	left: -15px;
	bottom: -15px;
	z-index: 100;
}
#social {
    position: relative;
    /* right: 0; */
    /* top: 18px; */
    text-align: right;
}
#social a {
	color: #f2f2f2;
	font-size: 18px;
	margin: 0 0 0 14px
}
#social a:hover {
	color: #223df8
}
/* =Content
-------------------------------------------------------------- */
.home .entry-image {
	float: left;
	width: 200px;
	height: auto;
	overflow: hidden;
}

.home .entry-image img {
	display: block;
	width: 200px;
	height: auto;
}

/*.home #content h1 {
	width: 200px;
}*/
.home #content .header .button {
	float: right;
	padding: 0 15px;
}
.home #content .entry-content {
	width: 445px;
	height: auto;
	overflow: hidden;
	float: right;
}
.home #blog {
	float: left;
	width: 880px;
	margin: 0 35px 5px;
	border-bottom: solid 1px #f2f2f2;
}
.home #blog h2 {
	padding: 0 10px;
}
.home #blog .button {
	float: left;
	padding: 0 19px;
}
.home #blog .content {
	float: left;
	width: 100%;
	border-top: solid 1px #f2f2f2;
}
.home #blog .post {
	float: left;
	width: 200px;
	padding: 0 9px;
	margin: 10px 0;
	border-right: solid 1px #f2f2f2;
}
.home #blog .post:last-child {
	border-right: 0;
}
.home #blog .entry-image {
	margin-bottom: 100px;
}
#page-nav {
	clear: both;
	float: left;
	width: 100%;
	font-size: 10px;
	padding: 5px 0 0;
	border-top: solid 1px #f2f2f2;
	line-height: 10px;
	text-transform: uppercase;
}
#page-nav a {
	text-decoration: none;
}
#page-nav .previous {
	float: left;
	width: 45%;
}
#page-nav .next {
	float: right;
	text-align: right;
	width: 45%;
}
.gallery-content {
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0;
	border-top: solid 1px #f2f2f2;
}
.gallery-content h2 {
	text-indent: 3px;
}
.gallery-item {
	width: 20% !important;
}
.gallery-item img {
	border-color: #f2f2f2 !important;
}
.category-music .post .entry-image {
	float: left;
	width: 200px;
}
.category-music .post .entry-image img {
	width: 200px;
}
.category-music .post .image-container {
	margin: 0;
}
.category-music .post .entry-content {
	float: right;
	width: 440px;
}
.category-music .post .button {
	float: right;
	padding: 0 5px;
}
.category-music .post h3 {
	margin: 0 0 10px;
}
.category-music .post h5 {
	color: #666;
	margin: 0 0 3px;
	float: left;
	width: 60%;
}
.category-music .post ol {
	clear: both;
}
.category-music .post li {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	background: #f2f2f2;
	border-bottom: solid 3px #f2f2f2;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
}


#tour .bit-widget {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    background-color: #0b1157;
    color: #f2f2f2;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#tour .bit-widget .bit-nav-bar-container {
    padding: 0px;
}

#tour .bit-widget.bit-layout-ipad .bit-upcoming-events, #tour .bit-widget.bit-layout-ipad .bit-past-events {
    margin-bottom: 10px;
    margin: 0px 0px 10px 0px;
}


#tour .bit-widget.bit-layout-ipad .bit-event {
    padding: 16px 0px;
}

#tour .bit-widget .bit-offers {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #0b1158;
}

#tour .bit-widget .bit-top-track-button {
    padding: 10px 0px!important
}

#tour .bit-widget .bit-venue,
#tour .bit-widget .bit-event {
    color: #f2f2f2;
}

#tour .bit-widget .bit-rsvp {
    color: #f2f2f2;
    border: 1px solid #f2f2f2;
}


/* =Sidebar
-------------------------------------------------------------- */
.widget {
	position: relative;
}
.widget h2 {
	width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-left: 10px;
    font-weight: 700;
}
.widget .entry {
	float: left;
	width: 100%;
}
.widget .button {
	position: relative;
	padding-left: 20px;
	
}
.widget ul {
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.widget ul li, #sidebar #gigpress .gigpress-empty {
    background: #0b1156;
    color: #f2f2f2;
    margin-bottom: 5px;
    padding: 10px;
}
#sidebar #gigpress {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 12px;
	margin-bottom: 20px;
	background: #0b1156;
}
	
#sidebar #instagram {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 12px;
	margin-bottom: 20px;
	background: #0b1156;
}
#sidebar #gigpress #bit-events td.bit-rsvp {
	display: none;
}
#sidebar #gigpress #bit-events td.bit-concert a.bit-buy-tix {
	display: none;
}
#sidebar #gigpress #bit-events td.bit-description-links, #bit-events th.bit-description-links {
    display: none;
}


#pre-order-album {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 12px;
    margin-bottom: 20px;
    background: #213ff8;
}

#pre-order-album .packshot {
    float: left;
    height: 220px;
    max-width: 100%;
    /* border-top: 3px solid #f9f4ee; */
}

#pre-order-album h2 {
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0.02em;
    line-height: 14px;
}
	
#pre-order-album img {
    max-width: 100%;
    height: auto;
}




#sidebar .bit-widget {
    display: inline;
    font-weight: normal;
	font-size: 14px;
    line-height: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

}

#sidebar .bit-widget .bit-event .bit-rsvp-container {
    display: none;
}

#sidebar h2 a {
    color: #f2f2f2;
}

#sidebar .bit-widget .bit-event .bit-offers {
    display: none;
}

#sidebar .bit-widget-container {
    margin-top: 40px;
}

#sidebar .bit-widget .bit-nav-bar-container {
    display: none;
}

#sidebar .bit-widget .bit-event {
    border-top: 1px solid #f2f2f2;
    color: #f2f2f2;
    padding: 10px 0 3px 0;
    line-height: 20px;
}



#sidebar .bit-widget .bit-venue {
    color: #f2f2f2;
}


#sidebar .bit-widget .bit-upcoming-events-show-all-button, #sidebar .bit-past-events-show-all-button {
	display: none;
}


#sidebar .bit-widget .bit-upcoming-events, bit-past-events {
    border-bottom: 1px solid #f2f2f2;
}


#sidebar a.bit-button.bit-track-button.bit-offers {
    width: 100%;
    background-color: #1e2234;
    border: none;
    color: #f2f2f2;
    letter-spacing: 0em;
}


#sidebar .bit-widget .bit-top-track-button {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}

#sidebar .bit-widget a {
    color: #f2f2f2;
}


#twitter {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 12px;
	background: #0b1156;
}
#twitter ul {
	height: auto;
}		

#twitter ul li a {
    color: #f2f2f2;
}
#twitter .time-meta a {
	display: block;
	color: #f2f2f2;
	text-decoration: none;
}
#twitter .time-meta a:before {
	content: ": ";

}
#twitter .from-meta {
	display: none;
}
#twitter .twitterwidget-title {
	display: none;
}

/* =Videos
-------------------------------------------------------------- */

.videoWrapper {
	position: relative;
	padding-bottom: 53.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gameWrapper {
    position: relative;
    padding-bottom: 62.5%;
    padding-top: 25px;
    height: 0;
}
.gameWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* =Bands In Town
-------------------------------------------------------------- */

#tour {
	width: 100%;
	padding: 0 0 20px;
}
#tour #bit-events tr:nth-child(2) {
	display: none
}
#tour #bit-events td {
	font-size: 12px;
	line-height: 15px;
	padding: 5px 0
}
#tour .bit-description-links, #tour .bit-header {
	display: none
}
#tour #bit-events tr.no-dates td a {
	color: #d5d2c1
}
#tour #bit-events .bit-events td {
	border-top: none
}
#tour #bit-events .bit-events td.bit-date {
	border-top: none;
	min-width: 70px
}
#tour #bit-events .bit-events td.bit-venue {
	border-top: none;
	min-width: 200px
}
#tour #bit-events .bit-events td.bit-tickets {
	border-top: none;
	min-width: 100px
}
#tour #bit-events .bit-events td.bit-artist-event-link {
	display: none
}
#tour #bit-events .bit-rsvp {
	text-align: right
}
/* =Bands In Town Sidebar
-------------------------------------------------------------- */

#tour-sidebar {
	width: 100%;
    margin-bottom: 10px;
}
	
#tour-sidebar #bit-events tr:nth-child(2) {
	display: none
}
#tour-sidebar #bit-events td {
	font-size: 12px;
	line-height: 15px;
	padding: 2px 20px 2px 20px;
	float: left;
	width: 100%;
	height: 17px;
	display: block;
	text-align: left;
	background-color:#f2f2f2;
	color: #f2f2f2;
}
#tour-sidebar .bit-description-links, #tour-sidebar .bit-header {
	display: none
}
#tour-sidebar #bit-events tr.no-dates td a {
	color: #f2f2f2
}
#tour-sidebar #bit-events .bit-events td {
	border-top: none;
    min-width: 0
}
#tour-sidebar #bit-events .bit-events td.bit-date {
	border-top: none;
	min-width: 0px
}
#tour-sidebar #bit-events .bit-events td.bit-venue {
	border-top: none;
	min-width: 0px
}

#tour-sidebar #bit-events .bit-events td.bit-tickets {
    border-top: none;
    min-width: 0px;
    text-align: left;
}

#tour-sidebar a.bit-buy-tix, .bit-bottom a {
	color: #f2f2f2 !important;

}
#tour-sidebar #bit-events .bit-events td.bit-artist-event-link {
	display: none
}
#tour-sidebar #bit-events .bit-rsvp {
	text-align: left
}

#tour-sidebar #bit-events .bit-events td.bit-rsvp {
	text-align: left
}
#tour-sidebar #bit-events table a {
	width: 100%;
	text-align: left;
	color: #f2f2f2
}
#tour-sidebar .bit-bottom{
	display: none
}


/* =Footer
-------------------------------------------------------------- */
#footer {
	position: relative;
	color: #ffffff;;/*  background: url('images/footer-bg.jpg') no-repeat scroll left top;*/
}
.home #footer {
/*  background: url('images/bkg-footer-home.png') no-repeat scroll left top;*/
}
#footer a {
	color: #ffffff;
	text-transform: uppercase;
}
#copyright {
    position: absolute;
    top: 18px;
    left: 0px;
    margin-bottom: 20px;
}
a.bit-buy-tix, .bit-bottom a {
	color: #f2f2f2 !important;
}
iframe.twitter-follow-button {
	display: none;
}
/* =Splash
-------------------------------------------------------------- */
.splash {
	background: #f2f2f2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 100;
}
.splash-container {
	display: block;
	background: url(images/splash-bg.jpg);
	width: 1276px;
	height: 992px;
	margin: 0 auto;
}
.splash-container .splash-video {
	margin-left: 318px;
	position: absolute;
	top: 109px;
	z-index: 2
}
.splash-container .itunes-btn {
	display: block;
	height: 37px;
	margin-left: 587px;
	position: absolute;
	top: 563px;
	width: 101px;
	z-index: 2
}
.splash-container .enter-site {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* =Responsive (WIP)
-------------------------------------------------------------- */



@media only screen and (max-width:1120px) {

.right-mask, .left-mask{
    display: none}
}

@media only screen and (max-width:960px) {

	.inner{
		width: calc(100% - 80px)
	}
	}
	
@media only screen and (max-width:800px) {

	.inner{
		width: 100%
	}
	
.button_container {
	top: 20px;
	left: 20px;
}

#social {
    position: absolute;
}

#main {
	padding-top: 0px
}
#mobile-navigation {
	width: 90%;
}
#container {
	padding: 20px;
}
#wrapper {
	width: 90%;
}
#header {
    width: 100%;
    height: 260px;
}

.page-id-2196 #header {
	height: 450px;
    background-position: 0 40%;
}
	
#masthead {
    top: 60px;
    position: relative;
}

#masthead .bot-logo {
    position: relative;
    top: 20px;
}

.bot-logo img {
    width: calc(100% - 80px);
}

.bot-sun {
    margin-top: 42px;
    width: 100%;
}
	

.bot-sun img {
    height: 210px;
}
	
#masthead .bot-album-title {
	position: relative;
	top: 0px;
    left: 80px;
    width: 120px;
}
	
#masthead .bot-release-date {
    position: relative;
    top: 0px;
    left: 94px;
    width: 144px;
}

#masthead .bot-purchase-btn {
    position: relative;
    top: 0px;
    left: 80px;
    width: 144px;
    margin: 5px 0px;
    padding: 8px 10px 4px 10px;
}




#navigation {
	display: none;
}

.home #content .entry-content {
    width: 62%;
	}
	
	
#touts {
	width: 90%;
}

#touts-banner h1 {
	margin-top: 3px;
	font-size: 18px;
    line-height: 24px;
}

#touts-banner h3 {
    margin-top: 0px;
    font-size: 14px;
    line-height: 14px;
}

#content-store .product {
	height: auto;
}
#content {
	float: left;
	width: 100%;
	margin: 0
}

#footer {
	width: 100%;
}


#content-store {
	width: 100%;
	margin: 0
}
#content-store .product {
	width: 100%;
	position: relative;
}

#content-store p {
	font-size: 12px;
}
.entry-content img {
	width: 100%;
	height: auto;
}
#sidebar {
	position: relative;
	margin: 0;
	width: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.widget h2 {
	font-size: 16px;
}
h1 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
	line-height: 15px;
}
#social {
	right: 20px;
	top: 22px
}
#tour #bit-events .bit-events td {
	border-top: none;
	min-width: 0
}
#tour #bit-events td {
	font-size: 12px
}
#tour #bit-events .bit-events td.bit-date {
	min-width: 70px
}
#tour #bit-events .bit-events td.bit-tickets, #tour #bit-events .bit-events td.bit-venue {
	min-width: 0
}
#post-68 .entry-content {
	margin-top: 0px;
}

#sidebar #gigpress {
	width: 30.3%;
	margin-right: 11px;
	margin-bottom: 20px;
}
	
#sidebar #instagram {
	width: 30.3%;
	margin-right: 11px;
}
#twitter {
	width: 30.3%;
	margin-right: 11px;
	margin-bottom: 20px;
}
#pre-order-album {
    width: 30.3%;
    margin-right: 11px;
    margin-left: 20px;
}
	
#pre-order-album h2 {
    font-size: 13px;
    text-transform: none;
}
	
#pre-order-album .packshot {
    float: left;
    height: auto;
}
.category-music .post .entry-content {
    width: 100%;
}
}



@media only screen and (max-width:600px) {

	
body {
    background-size: 200%;
}
#touts {
    height: 100px;
}
#touts-banner h1 {
    font-size: 16px;
    line-height: 18px;
    padding: 0px 20px;
}
#header {
    height: 160px;
}

.home .entry-image {
    height: auto;
}
.home #content .entry-content {
	width: 100%;
}

.home .entry-image {
	float: none;
	width: 100%;
}

.home .entry-image {
	width: 100%;
	margin-bottom: 10px;
}
.home .entry-image img {
	width: 100%;
}

.home #content .entry-content {
	height: auto;
}
	
.page-id-2196 #header {
	height: 300px;
    background-position: 0 22%;
}
#tour #bit-events .bit-events td {
	float: left;
	width: 100%;
	height: 12px;
	display: block;
	text-align: center
}
#tour #bit-events .bit-events td.bit-date, #tour #bit-events .bit-events td.bit-venue {
	min-width: 0
}

#tour #bit-events .bit-events td.bit-tickets {
	min-width: 0;
	text-align: center
}
#tour #bit-events .bit-events td.bit-rsvp {
	text-align: center
}
#tour #bit-events table a {
	width: 100%;
	text-align: center
}
#sidebar #gigpress {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.bot-logo img {
    width: calc(100% - 40px);
}
	
.bot-sun img {
    height: 150px;
}

#masthead {
    top: 40px;
}
	
#pre-order-album {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px
}

#masthead .bot-album-title {
    top: 15px;
    left: 20px;
    width: 90px;
}
	
#masthead .bot-purchase-btn {
    top: 10px;
    left: 20px;
    width: 100px;
    margin: 5px 0px;
    padding: 4px 6px 0px 6px;
    border-radius: 2px;
}

#masthead .bot-release-date {
    position: relative;
    top: 20px;
    left: 20px;
    width: 120px;
}
		
#pre-order-album h2 {
    font-size: 13px;
    text-transform: none;
}
	
#sidebar #instagram {
	width: 100%;
	margin-right: 0px;
}
#twitter {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
}
}

@media only screen and (max-width:320px) {

#masthead .bot-release-date {
    top: 30px;
    left: 230px;
}

#social a {
    margin: 0 0 0 10px;
}
}
