@charset utf-8;
/*
Theme Name: Migguel
Author: Omnivore
Author URI: http://omnivorous.org/
Description: Designed by Omnivorous, coded by Jonathan.
Version: 1.0

*/

@import url('css/reset.css');
@import url('css/jquery.fancybox.css');

body, html {
	width:100%;
}

body {
	font:13px/19px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	min-width:1000px;
	color:rgb(51,51,51);
}

body.photos {
	background-color:#000;
}

h1, h2, h3, h4, .accent {
	font-family:Raleway, Arial, Helvetica, sans-serif;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
}

.accent {
	font-size:10px;
	line-height:15px;
}

p {
	margin-bottom:14px;
}

h1 {
	font-size:17px;
	line-height:24px;
	margin-bottom:6px;
}

.home h1 {
	font-size:10px;
	line-height:21px;
	margin-bottom:8px;
}

.home h2 {
	font-size:17px;
	line-height:24px;
	margin-bottom:6px;
}

a {
	text-decoration:underline;
	color:rgb(51,51,51);
}

a:hover {
	color:#FFF;
	background-color:rgb(58,58,58);
	text-decoration:none;
}

#main_menu a, #logo a, #language_control a, #featured_controls a {
	text-decoration:none;
}

#main_menu a:hover {
	color:#FFF;
	background-color:rgb(58,58,58);
}

#main_menu li span {
	cursor: default;
}

#logo a:hover {
	background-color:transparent;
}

#language_control a:hover, #featured_controls a:hover {
	background-color:transparent;
	color:rgb(51,51,51);
}

#background_imageholder {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:hidden;
	z-index:-14;
}

.background_image {
	position:absolute;
	z-index:-13;
}

#header {
	top:0px;
	left:0px;
	right:0px;
	position:fixed;
	z-index:1;
	height:105px;
	background:rgba(255,255,255,.85);
}

#logo {
	width:398px;
	height:35px;
	margin-left:64px;
	margin-top:7px;
	background:transparent url(images/logo.png) no-repeat;
}

#logo a {
	display:block;
	width:398px;
	height:35px;
}

#featured_album {
	width:290px;
	height:105px;
	position:absolute;
	right:0;
	top:10px;
}

.small_cover {
	width:86px;
	height:83px;
	float:left;
}

.small_cover img {
	height:100%;
	vertical-align: middle;
}

#featured_controls {
	float:left;
	margin-left:8px;
}

#featured_controls h3 {
	font-size:10px;
	line-height:14px;
}

#featured_controls li.track {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	background-image:none;
}

#featured_controls li.track.playable:hover, #featured_controls li.track.playable.playing {
	background:transparent url(images/play_icon.png) no-repeat 0 3px;
}

#featured_controls li {
	font-size:10px;
	line-height:14px;
	padding-left:16px;
	background:transparent url(images/caret_right.png) no-repeat 0 3px;
	cursor:pointer;
}

#featured_controls li.featured_album_purchase {
	cursor:default;
}

span.featured_album_purchase {
	width:58px;
	height:10px;
	display:inline-block;
	position:relative;
	top:-2px;
}

#language_control {
	position:fixed;
	right:39px;
	bottom:32px;
	width:61px;
	height:17px;
	background:rgba(255,255,255,.85);
	text-align:center;
	padding-top:2px;
}

#social_media {
	height:20px;
	width:65px;
	position:absolute;
	top:81px;
	right: 300px;
}

#social_media a {
	width:14px;
	height:20px;
	display:block;
	float:left;
	margin-right:3px;
}

#social_media a:last-child {
	margin-right: 0;
}

#follow_facebook {
	background:transparent url(images/facebook.png) no-repeat;
}

#follow_twitter {
	background:transparent url(images/twitter.png) no-repeat;
}

#follow_youtube {
	background:transparent url(images/youtube.png) no-repeat;
}

#follow_instagram {
	background:transparent url(images/instagram.png) no-repeat;
	background-size: contain;
}

/*PHASE 1*/
.phase1 li.menu-photos, .phase1 li.menu-shows, .phase1 li.menu-videos {
	display:none;
}

#menuholder {
	margin-left:64px;
	margin-top:37px;
	overflow:auto;
}

body.es.phase1 #menuholder {
	margin-left:48px;
}

body.es #menuholder {
	margin-left:56px;
}

#main_menu {
	margin:0 auto;
}

.phase1 #main_menu {
	width:240px;
}

body.es #main_menu {
	width:478px;
}

body.es.phase1 #main_menu {
	width:310px;
}

.phase1 #main_menu l1 {
	margin-left:20px;
}

#main_menu li {
	float:left;
	margin-left:17px;
	font:10px/21px Raleway, Arial, Helvetica, sans-serif;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#000;
}

#main_menu li.menu-bookings {
	background: transparent url(images/lock.svg) no-repeat left center;
	background-size: 13px;
	padding-left: 18px;
	margin-left: 28px;
}

body.es #main_menu li {
	margin-left:11px;
}


#main_menu li:first-child {
	margin-left:0;
}

#main_menu li span {
	text-decoration:underline;
}


#content {
	width:400px;
	margin-left:49px;
	margin-top:115px;
	clear:both;
	background:rgba(255,255,255,.85);
	padding:8px 15px 15px 15px;
	margin-bottom:80px;
}

.home #content img {
	margin-left:-15px;
	margin-top:17px;
}

.home #content .post {
	border-top:1px solid rgb(153,153,153);
}

.home #content h1+.post {
	border-top-style:none;
}

.home #content h1+.post img {
	margin-top:0;
}

.fve-video-wrapper {
	width:430px;
	left:-15px;
	top:10px;
}

.fve-video-wrapper+.post_date {
	margin-top:15px;
}

.home #content h1+.post .fve-video-wrapper {
	top:0;
}

.home #content h1+.post .fve-video-wrapper+.post_date {
	margin-top:5px;
}

.post_date {
	line-height:21px;
	margin-bottom:2px;
}

.widget_twitter h4, .widget_twitter p {
	display:none;
}

ul#tweets {
	position:absolute;
	top:16px;
	width:90%;
}

ul#tweets li {
	font:12px/14px Arial, Helvetica, sans-serif;
	color:rgb(58,58,58);
	position:absolute;
	left:184px;
	width:100%;
	min-width:810px;
}

ul#tweets li a {
	color:#000;
	text-decoration:underline;
}

ul#tweets li a:hover {
	background-color:transparent;
	text-decoration:underline;
}

.music #content {
	width:100%;
	margin-left:0;
	background-color:transparent;
	padding:0;
}

.album_bkg {
	clear:both;
	overflow:auto;
	background:rgba(255,255,255,.85);
	margin-bottom:9px;
}

.album {
	background-color:#FFF;
	overflow:auto;
	width:714px;
	padding-left:63px;
}

.album_cover {
	float:left;
	width:214px;
}

.album_tracks {
	width:500px;
	float:left;
}

.album_tracks li {
	border-bottom:1px solid rgb(127,127,127);
	overflow:auto;
	padding-top:2px;
}

.album_tracks li.album_info_header {
	border-bottom-style:none;
}

.album_info_header .header_tracks {
	width:360px;
	float:left;
}

.album_info_header .header_purchase {
	float:left;
}

.album_purchase {
	margin-left:63px;
	height:23px;
}

.album_purchase span {
	display:block;
	float:left;
}

.track_number, .track_title, .track_purchase, .track_lyrics_button {
	float:left;
}

.track_number {
	width:17px;
}

.track_title {
	width:340px;
}

.track_title.playable {
	cursor:pointer;
}

.track_title.playable:hover, .track_title.playable.playing {
	background:transparent url(images/play_icon.png) no-repeat 324px 5px;
}

.track_purchase {
	width:58px;
	height:18px;
}

.track_lyrics_button {
	width:84px;
	text-align:center;
	cursor:pointer;
}

.lyrics {
	clear:both;
	font:13px/19px Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing:0;
	display:none;
	padding-left:17px;
}

a.purchase {
	display:block;
	width:15px;
	height:15px;
	float:left;
	margin-left:4px;
	margin-top:1px;
}

a.purchase_itunes {
	background:transparent url(images/purchase_itunes.gif) no-repeat;
}

a.purchase_amazon {
	background:transparent url(images/purchase_amazon.gif) no-repeat;
}

a.purchase_cdbaby {
	background:transparent url(images/purchase_cdbaby.gif) no-repeat;
}

#mailing_list label {
	display:block;
	width:72px;
	padding-right:6px;
	float:left;
	clear:both;
	text-align:right;
}

#mailing_list input {
	width:315px;
	float:left;
	height:16px;
	margin-bottom:9px;
	border:1px solid #666;
	box-shadow:none;
}

body.es #mailing_list label {
	width:132px;
}

body.es #mailing_list input {
	width:255px;
}

.spurious_filter {/*spam stopper*/
	display:none;
}

#mailing_list label.error, body.es #mailing_list label.error {
	color:#F00;
	float:none;
	margin-bottom:6px;
	width:315px;
	text-align:left;
}

#mailing_list input.error {
	margin-bottom:0;
}

#submitform {
	text-align:right;
	cursor:pointer;
}

/*PLAYER */
body.player {
	margin:12px;
	min-width:0;
}

body.player .album_tracks {
	width:420px;
	float:none;
}

#player_top {
	width:420px;
	height:188px;
	margin-bottom:12px;
}

#player_top img {
	float:left;
}

#player_info {
	width:220px;
	height:188px;
	margin-left:10px;
	float:left;
}

#player_controls {
	width:140px;
	margin-left:46px;
	margin-top:50px;
}

#player_controls div {
	float:left;
	height:30px;
	cursor:pointer;
}

#player_rewind {
	width:20px;
	margin-right:37px;
	background:transparent url(images/player_rewind.png) no-repeat;
}

#player_ff {
	width:20px;
	background:transparent url(images/player_ff.png) no-repeat;
}

#player_play {
	width:26px;
	margin-right:37px;
	background:transparent url(images/player_playpause.png) no-repeat right 0;
}

body.player .album_purchase {
	margin-left:55px;
	margin-top:115px;
	height:23px;
}

body.player .album_info_header .header_tracks {
	width:350px;
	float:left;
}

body.player .track_title.playable.playing {
	cursor:default;
}

/*BIO*/
body.bio p {
	margin-bottom:0;
	text-indent:36px;
}

body.bio h1+p {
	text-indent:0;
}

/*PHOTOS*/
body.photos #content, body.videos #content {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:60px;
	padding-bottom:60px;
	width:auto;
	min-width:860px;
/*	width:868px;*/
	background-color:transparent;
}

body.photos .thumb, body.videos .thumb {
	width:217px;
	height:144px;
	float:left;
	cursor:pointer;
}

.caption_white {
	color:#FFF;
}

.caption_black {
	color:#000;
}


/*VIDEOS*/
body.videos .thumb.title {
	width: 183px;
	height: 113px;
	background-color: #999;
	text-transform: uppercase;
	font-size: 34px;
	line-height: 1.1em;
	padding: 12px 12px;
	margin-right: 7px;
	margin-bottom: 7px;
	clear: both;
	cursor: default;
}

body.videos #content {
	padding:0;
	background-color:transparent;
	padding-bottom:60px;
}

body.videos .fve-video-wrapper {
	width:640px;
	left:0;
	top:0;
}

body.videos h2 {
	color:#FFF;
	font:14px/19px Arial, Helvetica, sans-serif;
	text-transform:none;
	padding:3px 0 13px 16px;
}

body.videos .thumb {
	position: relative;
}

body.videos .vid_caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 195px;
	height: 123px;
	background-color:rgba(255,255,255,.9);
	padding: 8px;
	display: none;
	color: #000;
}

/*SHOWS*/
body.shows #content {
	width:397px;
	overflow:auto;
	padding-bottom:7px;
}

body.shows h1+.show {
	border-top-style:none;
	padding-top:0;
}

.show {
	width:397px;
	overflow:auto;
	border-top:1px solid rgb(127,127,127);
	padding:13px 0 11px 0;
}

body.shows h2, body.shows h3 {
	font:14px/19px Arial, Helvetica, sans-serif;
	letter-spacing:0;
}

body.shows h2 {
	text-transform:none;
}

.show_info {
	width:260px;
	float:left;
	color:rgb(51,51,51);
}

.buy_tickets {
	width:123px;
	float:right;
	text-align:right;
}

.buy_tickets a {
	font:10px/10px Raleway, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;

}


/*SOCIAL MEDIA CAMPAIGN*/
#social_overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:999;
	background:rgba(0,0,0,.5);
}

#social_border {
	width:382px;
	height:130px;
	background:rgba(255,255,255,.85);
	margin:-115px 0 0 -241px;
	padding:50px;
	position:absolute;
	top:50%;
	left:50%;
}

#social_box {
	width:382px;
	height:130px;
	background:#FF0;
	text-align:left;
}

#social_box ul {
	padding:20px;
	padding-top:55px;
}

#social_box ul li {
	float:left;
	margin-left:32px;
}

#social_box ul li:first-child {
	margin-left:50px;
}

#social_facebook iframe {
	width:48px;
}

body.socialmedia {
	overflow:hidden;
}

#social_youtube a {
	display:block;
	width:70px;
	height:20px;
	background:url(images/youtube_subscribe.png);
}

#social_close {
	width:12px;
	height:12px;
	background:url(images/social_overlay_close.png);
	position:absolute;
	top:59px;
	right:59px;
	cursor:pointer;
}


/*FREE DOWNLOAD*/

#free_download {
	position:fixed;
	background-color:rgba(255,255,255,.9);
	right:32px;
	cursor:pointer;
	padding:15px;
	top:112px;
	width:243px;
}

#free_download_cover {
	margin-right:10px;
}

#free_download_cover img {
	height:100%;
	vertical-align: middle;
}

#free_download_text {
	float:left;
	width:147px;
	font-size:14px;
}

#free_download h4 {
	font-size:18px;
	line-height:24px;
	margin-bottom:6px;
}

/*FREE DOWNLOAD FORM*/
#jb_overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,.6);
	display:none;
}

/* http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ */
#freedownload_form_bkg {
	width:403px;
	height:297px;
	padding:15px 18px;
	background-color:rgba(255,255,255,.85);
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.hidden_submit {
	border: 0 none;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

div.closebox {
	width:12px;
	height:12px;
	background:url(images/social_overlay_close.png);
	position:absolute;
	top:7px;
	right:7px;
	cursor:pointer;
}

#freedownload_form_bkg .small_cover {
	margin-right:10px;
}

#freedownload_form_bkg h4 {
	font-size:18px;
	line-height:24px;
}

#freedownload_form_bkg form {
	display:block;
	clear:both;
	padding-top:11px;
	color:rgb(88,88,88);
	font-size:14px;
}

#freedownload_form_bkg#freedownload_form_bkg form label {
	font-size:14px;
	line-height:28px;
	display:block;
	float:left;
	width:74px;
	clear:both;
	margin-right:7px;
	text-align:right;
}

#freedownload_form_bkg#freedownload_form_bkg form label.error {
	display:none !important;
}

#freedownload_form_bkg#freedownload_form_bkg form input[type="text"] {
	float:left;
	border:1px rgb(88,88,88) solid;
	height:18px;
	width:310px;
	padding:0 4px;
	position:relative;
	top:4px;
	margin-bottom:10px;
}

body.es #freedownload_form_bkg#freedownload_form_bkg form label, body.es #required_label {
	width:94px;
}

body.es #freedownload_form_bkg#freedownload_form_bkg form input[type="text"] {
	width:290px;
}

body.es #freedownload_form_bkg {
	height:316px;
}

#freedownload_form_bkg#freedownload_form_bkg form input[type="text"].error {
	background-color:#FF0;
}

#free_download_submit {
	position:absolute;
	bottom:12px;
	right:20px;
	cursor:pointer;
	padding-left:16px;
	background:transparent url(images/caret_right.png) no-repeat 0 4px;
}

#required_label {
	line-height:28px;
	width:74px;
	text-align:right;
}

#download_thanks {
	display:none;
	width:279px;
	height:70px;
	padding-top:142px;
	background:url(images/download_thanks.png) no-repeat 50% 0;
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	font-size:14px;
	line-height:20px;
}

/*BOOKINGS*/
body.bookings form {
	position: relative;
	height: 80px;
}

body.bookings form label {
	padding-right: 5px;
}

body.bookings form input[type=password] {
	width: 319px;
	border: 1px solid #000;
	padding: 4px 2px;
}

body.bookings form input[type=submit] {
	border-style: none;
	background-color: transparent;
	text-transform: uppercase;
	position: absolute;
	right: 6px;
	bottom: 3px;
	cursor: pointer;
	padding: 0;
}

body.bookings form input[type=submit]:hover {
	color:#FFF;
	background-color:rgb(58,58,58);
}

body.bookings #content {
	background-color: #FFF;
}

body.bookings #content section h1 {
	display: none;
}

body.bookings #content section h2 {
	cursor: pointer;
	border-bottom: 1px solid #000;
	padding: 8px 22px 8px 0;
	position: relative;
}

body.bookings #content section h2 .icon {
	position: absolute;
	right: 0;
	top: 8px;
	font-weight: bold;
}

body.bookings #content section h2 .icon::after {
	content: '+';
}

body.bookings #content section.open h2 .icon::after {
	content: '-';
}

body.bookings #content section:last-of-type h2, body.bookings #content section.open h2 {
	border-style: none;
}

body.bookings #content section article {
    max-height: 0;
    transition: max-height 0.25s;
    -webkit-transition: max-height 0.25s;
    overflow: hidden;
    position: relative;
}

body.bookings #content section.open article {
	max-height: 100000px;
	border-bottom: 1px solid #000;
    padding-bottom: 32px;
}

body.bookings #content section.open:last-of-type article {
	border-style: none;
}

body.bookings #content section .print {
	text-transform: uppercase;
	position: absolute;
	right: 0;
	bottom: 6px;
	cursor: pointer;
}

body.bookings #content section .print:hover {
	color:#FFF;
	background-color:rgb(58,58,58);
}

body.bookings #content section h3 {
	text-transform: uppercase;
	font-weight: bold;
}

body.bookings #content section p {
	margin: 0;
}

body.bookings #content section ol li {
	margin-left: 20px;
	text-indent: -20px;
}

body.bookings #content section ul li {
	margin-left: 40px;
	list-style-type: disc;
}

body.bookings #content section article p:first-child {
	margin-top: 16px;
}

@media print {
	body.bookings * {
		visibility: hidden;
	}
	body.bookings section {
		display: none;
		visibility: hidden;
	}
	body.bookings #content section.printable h1 {
		display: block;
		font-size: 16pt;
		font-weight: bold;
	}
	body.bookings section.printable, body.bookings section.printable * {
		visibility: visible;
	}
	body.bookings section.printable .print {
		display: none;
	}
	body.bookings section.printable {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		visibility: visible;
	}

	body.bookings #content section.open article {
		border-style: none;
	}
}