/*
Theme Name: The Big Pink
Description: The default theme for The Big Pink WordPress site.
Author: Andrew Farmer
Version: 1.0
*/

/* ==========================================================================
	 CSS RESET
	 ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,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-collapse:collapse;border-spacing:0}
/* ==========================================================================
	 HTML5 Boilerplate styles
	 ========================================================================== */
body {
		font-size: 0.8em;
		line-height: 1.4;
		font-family: sans-serif;
}
::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
}
::selection {
		background: #b3d4fc;
		text-shadow: none;
}
hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
}
img {
		vertical-align: middle;
}
fieldset {
		border: 0;
		margin: 0;
		padding: 0;
}
textarea {
		resize: vertical;
}
.chromeframe {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
}
.hidden {
		display: none !important;
		visibility: hidden;
}
.clearfix:before,
.clearfix:after {
		content: " ";
		display: table;
}
.clearfix:after {
		clear: both;
}
.clearfix {
		*zoom: 1;
}

/* ==========================================================================
		 Global Styles
		 ========================================================================== */
*{
		-webkit-transition: all ease;
		-moz-transition: all ease;
		-ms-transition: all ease;
		-o-transition: all ease;
		transition: all ease;
		letter-spacing: 1px;
}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{
		background: #151515;
		overflow: hidden;
		font-family: "Maison Neue Medium";
}

::-webkit-scrollbar {
	width: 4px;

}
 
::-webkit-scrollbar-track {
	opacity: 0;
}
 
::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.7)
}

::-webkit-scrollbar-corner{
	display: none;
}

/* ==========================================================================
		 Typography
		 ========================================================================== */
@font-face {
		font-family: 'maria_proregular';
		src: url('fonts/maria_pro-webfont.eot');
		src: url('fonts/maria_pro-webfont.eot#iefix') format('embedded-opentype'),
						 url('fonts/maria_pro-webfont.woff') format('woff'),
						 url('fonts/maria_pro-webfont.ttf') format('truetype'),
						 url('fonts/maria_pro-webfont.svg') format('svg');
		font-weight: 200;
		font-style: normal;
}

h1{
		font-family: 'maria_proregular';
		font-size: 1em;
		padding: 0;
		margin: 0;
		font-weight: normal;
}

h2{
		color: #fff;
		width: 100%;
		margin: 0 0 5px 0;
		border-bottom: 1px solid #fff;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: normal
}

h3{
		font-weight: normal;
		letter-spacing: 1px;
}

a{
		text-decoration: none;
		color: #fff;
}
a:hover{
		text-decoration: underline;
}
p{
		letter-spacing: 25; 
}

/* ==========================================================================
		 Background Image Gallery
		 ========================================================================== */
#bg {
		position: fixed; 
		top: -50%; 
		left: -50%; 
		width: 200%; 
		height: 200%;
}
#bg img {
		position: absolute; 
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0; 
		margin: auto; 
		min-width: 50%;
		min-height: 50%;
		display: none;
}
#bg img.show{
		display: block;
}

/* ==========================================================================
		 Navigation
		 ========================================================================== */
#nav-sidebar{
		position: fixed;
		left: 28px;
		top: 22px;
		font-family: 'maria_proregular';
		color: #fff;
		font-size: 1.6em;
		text-transform: uppercase;
		padding: 0;
}
#nav-sidebar ul{
		padding: 0;
}

#nav-sidebar nav a:hover{
		text-decoration: none;
		border-bottom: 1px solid #fff;
}

#nav-sidebar svg{
		margin-top: 8px;
}

/* ==========================================================================
		 Main content section
		 ========================================================================== */
.page-content{
		position: absolute;
		left: 25%;
		top: 30px;
		/*bottom: -500%;*/
		width: 660px;
		height: 92%;
		background: rgba(0,0,0,0.7);
		overflow: scroll;
		padding: 0;
		color: #fff;
		display: none;
}
.tour{
		height: 360px;
}
.inner{
		margin: 0;
		width: 520px;
		padding: 5px 20px;
}
.page-content iframe{
		width: 320px !important;
		margin: 10px 0;
}

.close{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		padding: 5px 8px;
		font-weight: 300;
		z-index: 2000;
}

/* ==========================================================================
		 News
		 ========================================================================== */
.news-item{
		position: relative;
		margin-bottom: 15px;
}

.news-heading{
		display: inline-block;
		margin-right: 5px;
		text-transform: uppercase;
		margin-bottom: 0;
		font-weight: normal;
		font-size: 1em;
}

.news-date{
		display: inline-block;
		float: right;
}

.news-content{
		clear: both;
}

/* ==========================================================================
		 Contact
		 ========================================================================== */
p.contact{
}

/* ==========================================================================
		 Tumblr
		 ========================================================================== */
.tumblr li{
		list-style-type: none;
}

.tumblr ul{
		padding: 0;
}


/* ==========================================================================
		 Audio player
		 ========================================================================== */
#myplayer{
	position: fixed;
	top: 30px;
	right: 25px;
	/*width: 30px;
	height: 30px;*/
	display: block;
}
.album-cover, .track-info, .unused-controls{
	display: none !important;
}


.jp-play, .jp-pause, .jp-previous, .jp-next{
	width: 30px !important;
	height: 30px !important;
	margin: 1px;
	float: left;
	cursor: hand;
	cursor: pointer;
}
.jp-play{background-image:url('img/play.png')}
.jp-pause{background-image:url('img/pause.png');}
.jp-previous{background-image:url('img/prev.jpg');}
.jp-next{background-image:url('img/next.jpg');}


/* ==========================================================================
		 Footer
		 ========================================================================== */
#mc_embed_signup{
		position: fixed;
		left: 22px;
		bottom: 25px;
}
#mce-EMAIL{
		font-family: "Maison Neue Medium";
		float: left;
		background: #000;
		border: 0;
		padding: 4px 6px;
		color: #fff;
		margin: 2px 0;
		width: 180px;
		font-weight: 100;
}
::-webkit-input-placeholder {
		 color: #fff !important;
}
:-moz-placeholder {  
		 color: #fff !important;  
}
#mce-EMAIL:focus {
		outline: none;
}
.mailing-list ::selection{
		background: none;
}
#mc-embedded-subscribe{
		font-family: "Maison Neue Medium";
		background: none;
		border: 0;
		padding: 0 0 2px 0;
		border-bottom: 1px solid #fff;
		color: #fff;
		clear: left;
		float: left;
		margin-top: 5px;
}
#mc-embedded-subscribe:hover{
		border-bottom: 0;
		padding-bottom: 3px;
}

.social{
		position: fixed;
		right: 25px;
		bottom: 25px;
}
.social img{
	width: 26px;
}