@charset "utf-8";
/* CSS Document */
@import 'default.css';
@import 'nav.css';

html, body{
	background:#e5dcc6 url(/img/bg_html.png) repeat-x center top;
	width:100%;
	height:100%;
}
.container{
	width:903px;
	margin:0 auto;
	overflow:visible;
	padding:0px 0;
	background:url(/img/bg_oval.jpg) no-repeat left 194px;
}

#footer .container{
	background:none;
}

.boxContent{
	background:#FFF;
	padding:20px;
	overflow:hidden;
}

/* -------------------------------------------- HEADER --------------------------------------------- */

#header{
	padding-top:25px;
	width:100%;
	clear:both;
	overflow:visible;
}

#logo, #logo span{
	background:#4e2919 url(/img/logo_the_blanks.jpg) no-repeat left top;
	float:left;
	display:inline;
	width:246px;
	height:161px;
	margin-left:10px;
	color:#FFF;
	text-align:center;
	font-size:3.5em;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}
.banner{
	width:338px;
	height:68px;
	float:left;
	display:inline;
}

#topLeftShop{
	background:#cec5b3 url(/img/bg_top_left_shop.jpg) no-repeat left top;
	width:338px;
	height:148px;
	margin-left:-16px;
	float:left;
	display:inline;
	margin-top:10px;
	overflow:visible;
}

#topLeftShop ul{
	margin-left:55px;
	margin-top:18px;
	height:114px;
}

#topLeftShop li{
	overflow:hidden;
}

#topLeftShop div.shopLeft{
	border-right:2px solid #e0d7c4;
	width:135px;
	padding-right:10px;
	float:left;
	display:inline;
	padding:3px 0;
	clear:left;
}

#topLeftShop div.shopRight{
	float:left;
	width:125px;
	padding:3px 0 3px 10px;
}

span.title1{
	color:#1a5f74;
	font-size:1em;
	display:block;
	text-shadow:#EEE 1px 1px 2px;
}

span.title2{
	display:block;
	color:#5e5745;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	text-shadow:#EEE 1px 1px 1px;
}

#topLeftShop div.shopRight a{
	color:#777065;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.7em;
	display:block;
	padding-top:2px;
}

#topRightPlayer{
	background:#cec5b3 url(/img/bg_top_right_listen.jpg) no-repeat left top;
	margin-left:7px;
	width:317px;
	height:148px;
	float:left;
	margin-top:10px;
	display:inline;
}

/* ------------------------ FOOTER --------------------------------- */

#bodyArea{
	min-height:100%;
}
#footerSpacer{
	margin-top:30px;
	height:102px;
}

#footer{
	height:102px;
	width:100%;
	background:url(/img/bg_footer.jpg) repeat-x left top;
	margin-top:-102px;
}

ul#icons{
	width:175px;
	float:right;
	height:31px;
	margin-top:20px;
	display:inline;
}

ul#icons li{
	float:left;
	width:31px;
	margin-left:4px;
	display:inline;
}

ul#icons li a{
	height:31px;
	width:31px;
	display:block;
	font-size:0.5em;
}

ul#icons li a#icon_facebook, ul#icons li a#icon_facebook span{
	background:url(/img/icon_facebook.jpg) no-repeat left top;
}

ul#icons li a#icon_mySpace, ul#icons li a#icon_mySpace span{
	background:url(/img/icon_myspace.jpg) no-repeat left top;
}

ul#icons li a#icon_iTunes, ul#icons li a#icon_iTunes span{
	background:url(/img/icon_itunes.jpg) no-repeat left top;
}

ul#icons li a#icon_twitter, ul#icons li a#icon_twitter span{
	background:url(/img/icon_twitter.jpg) no-repeat left top;
}

ul#icons li a#icon_lastFm, ul#icons li a#icon_lastFm span{
	background:url(/img/icon_lastfm.jpg) no-repeat left top;
}

#footerLeft{
	float:left;
	color:#FFF;
	font-size:0.9em;
	padding-top:21px;
	text-shadow:#111 1px 1px 1px;
	display:inline;
}
#fantasmagorical{
	color:#FFF;
	margin-top:5px;
}
/* -------------------------------------- HOMEPAGE --------------------------------------------- */

#body_home h1, #body_home h1 span{
	background:url(/img/text_welcome_to_our_website.jpg) no-repeat left top;
	width:300px;
	height:107px;
	font-size:2.8em;
	margin:20px 0 21px;
}

#showListing, #showListing span{
	background:url(/img/text_check_out_our_full_show_listing.jpg) no-repeat left top;
	width:378px;
	height:25px;
	display:block;
}

#body_home p.intro{
	width:360px;
}

.faces div{
	position:relative;
}

.faces{
	float:right;
	background:url(/img/homepage_faces.jpg) no-repeat left top;
	height:400px;
	width:534px;
	margin-top:-394px;
	margin-right:3px;
	display:inline;
}

.newsBox, .videoBox, .showsBox, .box, .boxTwoThirds, .newsLetterBox{
	background:#cbc2b1 url(/img/bg_fade.jpg);
	width:400px;
	padding:10px;
	height:auto;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:10px;
}
.newsBox{
	float:right;
}
.videoBox{
	margin-top:10px;
	float:left;
	display:inline;
	margin:10px 0 3px;
	width:440px;
}
.videoBox .boxContent{
	padding:20px 15px;
}

.newsLetterBox{
	float:left;
	display:inline;
	margin:10px 0 20px;
	width:440px;
}
.box{
	width:880px;
	margin-left:3px;
}

.boxTwoThirds{
	width:600px;
	margin-left:3px;
	float:left;
	display:inline;
}
table#tableShowsHome{
	border-collapse:collapse;
	width:360px;
}

table#tableShowsHome td{
	padding-top:10px;
	border-bottom:1px solid #d5cfb9;
	padding:5px 0 8px;
}
table#tableShowsHome tr.bottom td{
	padding:0 0 10px;
	border-bottom:1px solid #d6cdb9;
}

table#tableShowsHome span.date{
	display:block;
	color:#8c7f60;
	font-size:0.8em;
	padding-bottom:3px;
}
table#tableShowsHome p{
	display:block;
	color:#8c7f60;
	font-size:0.7em;
	padding-bottom:3px;
	margin:0;
	width:360px;
	
}
table#tableShowsHome span.city{
	display:block;
	color:#63512e;
	font-size:1em;
}

table#tableShowsHome a.venue{
	display:block;
	font-family:Arial, Helvetica, sans-serif !important;
	color:#1b5e74 !important;
	font-size:0.8em !important;
	font-weight:bold !important;
}
table#tableShowsHome a.venue:hover{
	text-decoration:underline;
}
table#tableShowsHome td.tix{
	width:30px;
}
/* -------------------------------------------- TEXT ----------------------------------- */
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
h2{
	color:#6b1213;
	line-height:20px;
	height:20px;
	font-size:0.8em;
}
a.more{
	color:#b65227;
	font-size:1.0em;
	float:right;
	display:inline;
	line-height:20px;
	height:20px;
	margin-top:-20px;
}

li a.more{
	margin-top:0;
}

h2#latestVideo, h2#latestVideo span{
	background:url(/img/text_latest_video.png) no-repeat left top;
	width:112px;
}

h2#latestNewsAndShows, h2#latestNewsAndShows span{
	background:url(/img/text_latest_news_and_shows.png) no-repeat left top;
	width:194px;
}

h1#showListing, h1#showListing span{
	background:url(/img/text_show_listing.jpg) no-repeat left top;
	width:356px;
	height:48px;
	margin-top:31px;
}

#body_home h1, #body_home h1 span{
	background:url(/img/text_welcome_to_our_website.jpg) no-repeat left top;
	width:300px;
	height:107px;
	font-size:2.8em;
	margin:20px 0 21px;
}

#textDate, #textDate span{
	background:url(/img/text_date.png) no-repeat left top;
	width:41px;
	height:20px;
}

#textCity, #textCity span{
	background:url(/img/text_city.png) no-repeat left top;
	width:38px;
	height:20px;
}

#textVenue, #textVenue span{
	background:url(/img/text_venue.png) no-repeat left top;
	width:56px;
	height:20px;
}

a.tix, a.tix span{
	background:url(/img/button_tix.png) no-repeat left top;
	width:30px;
	height:30px;
	display:block;
}

p#pleaseNoteShows, p#pleaseNoteShows span{
	background:url(/img/text_please_note_shows.jpg) no-repeat left top;
	width:446px;
	height:32px;
	color:#694c31;
	font-size:0.7em;
	line-height:16px;
}

p#pleaseNoteShows{
	float:right;
	display:inline;
	margin-top:-32px;
	margin-bottom:0;
}

h1#biographies, h1#biographies span{
	background:url(/img/text_biographies.jpg) no-repeat left top;
	width:286px;
	height:48px;
	margin-top:31px;
}

h1#contact, h1#contact span{
	background:url(/img/text_get_in_touch.jpg) no-repeat left top;
	width:287px;
	height:48px;
	margin-top:31px;
}

h1#press, h1#press span{
	background:url(/img/text_press.jpg) no-repeat left top;
	width:136px;
	height:48px;
	margin-top:31px;
}

h1#latestNews, h1#latestNews span{
	background:url(/img/text_latest_news.jpg) no-repeat left top;
	width:334px;
	height:48px;
	margin-top:31px;
}

h1#video_media, h1#video_media span{
	background:url(/img/text_video_media.jpg) no-repeat left top;
	width:280px;
	height:48px;
	margin-top:31px;
}


h2#newsletter, h2#newsletter span{
	background:url(/img/text_newsletter.jpg) no-repeat left top;
	width:183px;
	height:41px;
	margin-bottom:13px;
}

h2#snailMail, h2#snailMail span{
	background:url(/img/text_snail_mail.jpg) no-repeat left top;
	width:165px;
	height:40px;
	margin-bottom:14px;
}
/* ------------------------------------ SHOWS ----------------------------------*/

.showsBox{
	width:880px;
	margin-left:3px;
}

table#tableShows{
	border-collapse:collapse;
}

table#tableShows th{
	border-bottom:3px solid #d6cdb9;
	padding-bottom:8px;
	text-align:left;
}
table#tableShows td{
	padding-top:10px;
}
table#tableShows tr.bottom td{
	padding:0 0 10px;
	border-bottom:1px solid #d6cdb9;
}
table#tableShows th.date{
	width:100px;
}

table#tableShows td.date{
	width:100px;
	color:#8c7f60;
	font-size:0.8em;
}

table#tableShows th.city{
	width:170px;
}

table#tableShows td.city{
	width:170px;
	color:#63512e;
	font-size:1em;
}

table#tableShows th.venue{
	width:530px;
}

table#tableShows td.venue{
	width:530px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1b5e74;
	font-size:1.2em;
	font-weight:bold;
}

table#tableShows td.details{
	color:#999999;
	font-style:italic;
	font-size:0.7em;
	line-height:18px;
}

table#tableShows td.details a:hover{
	text-decoration:underline;
}

table#tableShows td.details span{
	color:#666766;
}

/* ---------------------------------------- CONTACT ------------------------------------------ */

ul#faces{
	overflow:hidden;
}

ul#faces li{
	text-align:center;
	margin-right:12px;
	float:left;
	display:inline;
	color:#63512e;
	font-size:0.8em;
}

ul#faces li img{
	border:3px solid #e7ddc9;
	display:block;
	margin-bottom:5px;
	cursor:pointer;
}

ul#faces li img.selected{
	border:3px solid #b95527;
}

#contactForm{
	width:560px;
	border-top:1px solid #e7ddc9;
	margin-top:15px;
	padding-top:15px;
	overflow:hidden;
}

#contactForm label{
	display:block;
	font-size:0.8em;
	margin-bottom:10px;
}

#contactForm div.input{
	float:left;
	display:inline;
	width:270px;
}

input{
	width:244px;
	height:18px;
	line-height:22px;
}

input.default{
	color:#999999;
}

#contactForm textarea{
	height:98px;
	width:514px;
}

input, textarea{
	background:#f5f2ec url(/img/bg_input.gif) repeat-x left top;
	border:1px solid #bc9f6b;
	margin-bottom:20px;
	font-size:0.7em;
	overflow:hidden;
	padding:2px;
	outline:none;
}

input.error, textarea.error{
	border:1px solid #bc6b74;	
}

button{
	border:none;
	cursor:pointer;
	outline:none;
	overflow:hidden;	
}

#contactForm #sendMessage{
	width:161px;
	height:24px;
	background:url(/img/text_send_message.gif) no-repeat left top;
}

.columnThird{
	float:left;
	width:250px;
	margin-left:30px;
	display:inline;
	margin-top:10px;
}
.columnThird p{
	margin-bottom:13px;
}
p.large strong{
	font-size:1.1em;
	color:#1B5E74;
	text-shadow:#CCC 1px 1px 1px;
}
#sendNewsletter{
	background:url(/img/text_sign_up.jpg) no-repeat left top;
	width:83px;
	height:21px;	
}

/* ------------------------- BIOS ------------------------------ */

h4, h5{
	font-size:1.6em;
	font-weight:normal;
	display:inline;
}
h5{
	margin-bottom:10px;
	display:block;
}
.boxContent p{
	color:#63512e;
	margin-bottom:0;
}
p.first{
	display:inline;
	vertical-align:bottom;
}

/* -------------------- VIDEOS AND MEDIA -------------------------- */
.jp-single-player, .jp-playlist{
	display:none;
}
#videoArea{
	width:852px !important;
	margin-left:-7px;
	height:560px;
	overflow:hidden;
}
#videoArea #prev{
	float:left;
	margin-left:7px;
	display:inline;
	height:25px;
}

#videoArea #next{
	float:right;	
	margin-right:7px;
	display:inline;
	height:25px;
}

ul#videos{
	overflow:hidden;
	width:852px;
	padding:0;
	height:540px;
	margin-top:10px;
}

ul#videos li{
	float:left;
	display:inline;
	width:410px;
	margin-left:12px;
	margin-bottom:20px;
	height:540px;
}

span.date{
	color:#63512e;
	display:block;
	font-size:0.9em;
	margin-left:3px;
}
span.details{
	color:#8a8989;	
	margin-top:3px;
	display:block;
	font-size:0.7em;
	margin-left:3px;
}
span.title{
	font-family:Arial, Helvetica, sans-serif;
	color:#1b5e74;
	font-size:1em;
	font-weight:bold;
	margin-left:3px;
	display:block;
	margin-top:8px;
}

ul#videos li div, div#homePageVideo{
	border:4px solid #e6dcc9;
	width:400px;
	height:280px;
	padding:1px;
}
ul#videos li div object{
	width:400px;
	height:280px;
}

ul#images{
	overflow:hidden;
	margin-left:-17px;
}

ul#images li{
	float:left;
	display:inline;
	margin-left:17px;
}

ul#images li img{
	border:3px solid #ddd5c3;
}

ul#images li a:hover img{
	border:3px solid #b65227;
}
/* ------------------------------------------------- NEWS ------------------------------------------------------- */

.boxContent ul.plain li{
	border-top:1px solid #d6cdb9;
	padding:15px 0 10px;
}

.boxContent ul.plain li.first{
	padding-top:0px;
	border:none;
}

/* ----------------------------------------------- PRESS ----------------------------------------------------------- */

ul.files{
	
}

ul.files li a{
	display:block;
	height:50px;
	line-height:50px;
	padding-left:60px;
	font-size:1.1em;
	margin-bottom:10px;
}


ul.files li.pdf a{
	background:url(/img/icon_pdf.jpg)  no-repeat 6px top;
}

ul.files li.jpg a{
	background:url(/img/icon_jpg.jpg)  no-repeat left top;
}

ul.files li a:hover{
	text-decoration:underline;
}


/* ----------------------------------------------- HOME ----------------------------------------------------------- */
#body_home form{
	width:360px;
}
#body_home table{
	width:360px;
	border-collapse:collapse;
}

#body_home #ympo{
	width:200px;
}
#body_home #subscribe{
	background:url(/img/button_subscribe.png) no-repeat left top;
	width:122px;
	height:25px;
	float:right;
}


#signUpToOurNewsletter, #signUpToOurNewsletter span{
	background:url(/img/text_sign_up_to_our_newsletter.png) no-repeat left top;
	width:248px;
	height:21px;
}

#downloadTrack{
	text-align:center;
	display:none;
	margin:20px 0;
	
}