html, body { height: 100%; }

body { background: #000; }

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: auto;
}

#wrapper {
	min-height:100%;
	position:relative;
	margin-bottom: -60px;
	width: 100%;
}

.container {
	overflow:auto;
	padding-bottom:60px;
	padding-top: 60px;
}

a { color: #aeb6bd; text-decoration: underline; }
a:hover {
	color: #fff;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

/* -----------------------------------------
	 Header
----------------------------------------- */

header {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 60px;
	z-index: 999;
}

header .row { max-width: 1060px; }

/* -----------------------------------------
	 Footer
----------------------------------------- */
footer { background: #222; color: #666; clear: both; font-size: 0.8em; line-height: 20px; padding-top: 10px; text-align: center; width: 100%; height: 60px; position: relative; z-index: 999; }
footer a { color: #666; text-decoration: none; }
footer a:hover { color: #fff; }

/* -----------------------------------------
	 Logo
----------------------------------------- */

header .medium-2.columns {
	max-width: 133px;
	padding-right: 0;
}

header .medium-9.columns {
	max-width: 701px;
	padding-left: 10px;
	padding-right: 0;
}

header .medium-3.social {
	max-width: 226px;
	padding-left: 10px;
}

h1.logo {
	margin: 11px 0 0;
	width: 119px;
	height: 37px;
}
h1.logo a:hover img,
.home .row a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

/* -----------------------------------------
	Navicon
----------------------------------------- */
#menu-trigger {line-height: 58px; margin-top: 0;}
#menu-trigger a {
	color: #23302e;
	display: block;
	text-decoration: none;
	font-size: 30px;
	font-weight: 400;
}
#menu-trigger a:hover {color: #666;}
.screen-reader-text {position: absolute; top: -9999px; left: -9999px;}

/* -----------------------------------------
	 Navigation - Mobile First
	 - All styles for Medium & Up are in responsive section below
----------------------------------------- */

ul.navigation { margin: 7px 0 0 0; }
ul.navigation > li { list-style: none; }
ul.navigation a {
	color: #fff;
	display: block;
	font-size: 1.8em;
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
ul.navigation a:hover { opacity: 0.8; }

/* -----------------------------------------
	 Images
----------------------------------------- */
img {display: block; width: 100%; max-width: 100%; height: auto;}
img {-ms-interpolation-mode: bicubic;}

/* -----------------------------------------
	 Content Area
----------------------------------------- */

.home article { }

.home article h2 {
	margin: 15px 0 30px 0;
}

.home article h2 a {
	color: #999;
	text-decoration: none;
}

.home article h2 a:hover {
	color: #fff;
}

.home article .row.separator { border-bottom: 2px solid #222; margin-bottom: 30px; }

.home article .row.form { padding-bottom: 30px; }

.home article iframe,
.home img.packshot { border: 2px solid #17181b; margin: 0 auto; }

.home article .album h4 { clear: both; text-align: center; }
.home article .album .buy a img { float: left; max-height: 40px; margin: 0 3px; width: auto; }

.home article .video { margin-bottom: 30px; }

.home h3.title { text-align: center; margin: 0 0 15px 0; font-size: 1.6em; line-height: 1em; }

.home .gform_wrapper { margin: 0 auto; max-width: 500px; }

table {
	color: #79838c;
	border-color: #222;
}

table p {
	color: #79838c;
}

table tr {
	background: #000;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #111;
}

table tr td, table ul li, table ol li, table strong {
	color: #79838c;
}

/* Gravity Forms */

.gform_wrapper label {
	color: #fff;
}

.gform_wrapper input[type=text],
.gform_wrapper textarea {
	font-size: 1.2em !important;
}

#gform_ajax_frame_1 { width: 16px; }

/* -----------------------------------------
	 Artists
----------------------------------------- */

.artists {
	margin: 0;
	padding: 0 !important;
	list-style: none;
}
.artists li {
	display: block;
	position: relative;
	float: left;
	cursor: pointer;
	overflow: hidden;
	max-width: 50%;
	height: auto;
}
.artists li h3 {
	font-weight: 300;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	color: #fff;
	line-height: 1.4em;
	z-index: 99;
}
.artists li img {
	max-width: 100%;
	max-height: 100%;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	backface-visibility: hidden;
}
.artists li img:hover {
	opacity: 1;
}

/* Artists Slider */

#artists-slider {
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow-x: scroll;
}
#artists-slider ul {
	width: 20000em;
	margin: 0;
	padding: 0;
	list-style: none;
}
#artists-slider li {
	display: block;
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	opacity: 0.0;
	max-width: 440px;
	max-height: 670px;
	overflow: hidden;
}
#artists-slider .onScreen {
	opacity: 1.0;
}
#artists-slider li:hover {
	opacity: 0.6;
}
#artists-slider li img {
	max-width: 100%;
	max-height: 100%;
	opacity: 0.8;
}
#artists-slider li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	color: #fff;
	line-height: 670px;
}
#artists-slider.short li span {
	line-height: 344px;
}

/* -----------------------------------------
	 News Items
----------------------------------------- */
article.post {margin-bottom: 30px;}
article.post img {
	border: none;
	-webkit-border-radius: none;
	border-radius: none;
}
article.post a.image {background: transparent; display: block;}
article.post section { border-bottom: 3px solid #edece8; padding: 30px 0}
article.post h4 {font-size: 1.8em; font-weight: 500; line-height:36px; margin-top: 13px; margin-bottom: 13px;}
article.post h4 a {color: #fff; text-decoration: none;}
article.post p {margin-top: 13px;}
article.post p:last-child {margin-bottom: 0;}
article.post a:hover img

.single .page-title h2 {
	font-size: 1.8em;
	line-height: 36px;
	margin-top: 0;
	margin-bottom: 30px;
	text-align: left;
}

/* -----------------------------------------
	 Buttons
----------------------------------------- */
button, .button, #searchsubmit {
	background: #aeb5bd;
	border: none;
	color: #000;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;	
	font-weight: normal;
	line-height: 1;
	margin: 0 0 23px;
	position: relative;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px;
	width: 100%;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Hover States ------------------------- */
button:hover, button:focus, .button:hover, .button:focus, #searchsubmit:hover {color: #000; background: #fff; }

.button.competition {
	font-size: 2.8em;
	font-weight: 400;
	margin-bottom: 40px;
	width: 100%;
}

/* -----------------------------------------
	 Forms - Basic
----------------------------------------- */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	-webkit-appearance: none;
	background-color: #0b0b0c;
	border-bottom: 2px solid #79838c;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none;
	font-family: inherit;
	color: #79838c;
	display: block;
	font-size: 1.2em;
	margin: 0 0 0.88889rem 0;
	padding: 0.44444rem;
	width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
	background: #0b0b0c;
	border-color: #fff;
	color: #fff;
	outline: none;
	box-shadow: none;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}

/* Socials */

.widget_artist_sociallinks {
	float: right;
	margin: 10px 0 0 0;
}

.widget_artist_sociallinks h3 {
	display: none;
}

.widget_artist_sociallinks ul.artist-socials {
	margin: 0;
	padding: 0;
}
.widget_artist_sociallinks ul.artist-socials li {
	margin: 0 0 0 14px;
	padding: 0;
	width: 20px;
	
}
.widget_artist_sociallinks ul.artist-socials li a {
	background: transparent;
	color: #aaa;
	font-size: 18px;
	line-height: 42px;
	margin: 0;
	width: 20px;
}
.widget_artist_sociallinks ul.artist-socials li a:hover {
	opacity: 0.8;
}

.columns.social {
	padding-right: 0;
}

ul#nav-social {
	float: left;
	list-style: none;
	margin: 6px 0 0;
}

ul#nav-social li {
	float: left;
	padding: 8px;
}

ul#nav-social li a i {
	color: #aaa;
	font-size: 1.15em;
}
ul#nav-social li a:hover i { opacity: 0.8; }

/* Neolane Connect */

.widget_connect {
	float: right;
	margin: 5px 0 0 5px;
	max-width: 190px;
}

.widget_connect form {
	margin: 0;
}

.widget_connect .row {
	margin: 0;
}

.widget_connect .columns {
	padding: 0;
}

.widget_connect .large-4 { width: 40px; }
.widget_connect .large-8 { width: 150px; }

.widget_connect h3 {
	display: none;
	font-size: 1em;
	margin: 0;
}

.widget_connect .label-email {
	display: none;
}

.widget_connect .neolane_input,
.widget_connect .neolane_submit {
	margin: 0;
}

.widget_connect input[type="text"] {
	background: #666;
	border: 1px solid #666;
	margin: 0;
	width: 150px;
	height: 42px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.widget_connect input:focus[type="text"] {
	background: #111;
	border-color: #111;
}

.widget_connect button {
	background-color: #fff;
	border: 1px solid #fff;
	border: 0;
	color: #fff;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	height: 42px;
	width: 42px;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.widget_connect button:hover {
	background-color: #666;
	border-color: #666;
}

.neolane_submit img.ajax-loading { position: absolute; right: 50px; top: 14px; width: 16px; height: 16px; }
span#confirmation-message { font-size: 0.8em; line-height: 42px; }

/* -----------------------------------------
	 Responsive Area
	 - All responsive changes for all content are here...
----------------------------------------- */

/* Medium & Up -------------------------- */
@media screen and (min-width: 40em) {
	button, .button {width: auto;}

	.artists li { max-width: 25%; }
}

/* Medium & Up + Portrait --------------- */
@media screen and (min-width: 40.063em) and (orientation: portrait) {
	.artists li { max-width: 20%; }
}

/* Medium & Up + Landscape -------------- */
@media screen and (min-width: 40.063em) and (orientation: landscape) {
	#menu-trigger {display: none!important;}

	ul.navigation > li {float: left; margin: 0;}
	ul.navigation > li:first-child {margin-left: 0;}
	ul.navigation a { color: #000; font-size: 0.85em; margin: 0; padding: 0.75em 1.4em 0.75em 0; }
	ul.navigation :last-child a { padding-right: 0; }

	.artists li { max-width: 14.2857142857%; }
}

/* Large & Up (desktop) ----------------- */
@media only screen and (min-width: 64.063em) {

}