@charset "UTF-8";
/* CSS Document */

/* CSS RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/********CASUAL BOWTIE CSS***********/
body{background-color:#FFFFFF; margin:0px 0px 0px 0px; font:normal 12px/18px Arial, sans-serif;  height:100%; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; background-image:url('images/cb_bg5.jpg'); background-attachment:fixed; background-position:top center; background-repeat:repeat;}

a:link{color:#CD0A1F; text-decoration:none;}
a:active{color:#CD0A1F; text-decoration:none;}
a:visited{color:#CD0A1F; text-decoration:none;}
a:hover{color:#CD0A1F; text-decoration:none;}
.clear{clear:both;}

/********Navigation*****************/
/**left menu**/
	.menuContainer a:link, .menuContainer a:hover, .menuContainer a:visited{color:#CD0A1F;}
	.menuContainer{ color:#000000; text-align:center;  font-style:italic; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size:18px; }
	.menuContainer {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 300px;
	margin: 10px auto;
	z-index: 2000;
}
	.menuContainer ul { font-family:  Arial, sans-serif;  font-size:16px; }
	.menuContainer li { display: block; float: left; list-style: none; padding-right:15px; padding-bottom:5px;  }
	.menuContainer li a {  display: block; font-weight: normal; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size:18px;  text-align: center; text-decoration: none; color:#CD0A1F	;}
	.menuContainer li a:hover, #nav li a.current { color:#CD0A1F;}

/**social menu**/
.snsContainer { position:absolute; right:10px; top:10px; width:220px; margin:10px auto; z-index:9991; text-transform:uppercase;}
	.snsContainer ul {font-family:  Arial, sans-serif;  font-size:16px; }
	.snsContainer li {display: block; float: left; list-style: none;  }
	.snsContainer li a {display: block; width:55px; height:25px; font-weight: normal; text-indent:-9999px; text-align: center; text-decoration: none; background-position:center center; background-repeat:no-repeat;}
	.snsContainer li a:hover, #nav li a.current { color:#cedace;}	
	.snsContainer li.facebook a{ background-image:url('images/snimages/facebook-icon.png');}
	.snsContainer li.twitter a{ background-image:url('images/snimages/twitter-icon.png');}
	.snsContainer li.tumblr a{ background-image:url('images/snimages/tumblr-icon.png');}
	.snsContainer li.youtube a{ background-image:url('images/snimages/youtube-icon.png');}

/**logo**/
#content{margin:1px auto 1px auto;  min-width:495px; padding:0px 0px 0px 0px;}
	.logoContainer{ display:block;text-align:center; min-width:465px; width:100%; margin-top:10px; height:376px; background-image:url('images/cblogo.png'); background-position:top center; background-repeat:no-repeat;}
	.logoContainer a{ margin:0px auto; display:block; text-align:center;  text-indent:-9999px; width:398px; height:376px; }
	.subTitleContainer{color:#000000; text-align:center; padding-top:3px; width:100%; font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size:21px; }

/**record**/
	.recordContainer{  position:relative; text-align:center; top:0px; margin:0px auto 0px auto; width:300px; height:150px;}
	
/**video**/
	.lpplayerContainer{position:relative; text-align:center; top:20%; margin:0px auto 0px auto; width:100%;}

/**footer**/	
	#footerContainer{
	position:absolute;
	width:100%;
	bottom:10;
	color: #CD0A1F;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	line-height: 110%;
	text-align: center;
	}
/************************MUSIC*******************/ 
#playlistContainer{ position:relative; margin-left:13%; margin-top:25px; width:500px; z-index:9991;}


#playlistContainer .list{
	margin: 0px;
	color: #CD0A1F;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 19px;
	line-height: 110%;
	text-align: left;
}

.song {
	
	margin-top: 20px;
	color: #000000;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 22px;
	line-height: 110%;
	text-align: left;
	display:block;
}
	
.artist {
	
	margin: 0px;
	color: #CD0A1F;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	line-height: 100%;
	text-align: left;
	display:inline;
}
		
.year {
	
	margin: 0px;
	color: #000000;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	line-height: 100%;
	text-align: left;
	display:inline;
}

.sort {
	
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #CD0A1F;
  opacity:0.6;
  height:30px;

}
	
/************************BOOKING*************************/

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #CD0A1F;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #CD0A1F;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #CD0A1F;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #CD0A1F;
}


.contactUs {
	position: absolute; 
	top: 305px;
	width: 200px;
	margin: 10px auto;
	z-index: 2000;
	font-weight: normal; 
	left:41%; 
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; 
	font-size:18px; 
	text-decoration: none; 
	color:#CD0A1F;
}

input[placeholder], [placeholder], *[placeholder] {
   color:#CD0A1F !important;
}

#myemailform input[type=text]{

font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; 
	font-size:18px; 
	text-decoration: none; 
	color:#CD0A1F;
	
}

#myemailform input[type=submit]{

  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #CD0A1F;
  opacity:0.6;
  height:28px;}



.contactYou {
	position: absolute; 
	top: 300px;
	width: 300px;
	margin: 10px auto;
	z-index: 2000;
	font-weight: normal; 
	left:63%; 
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; 
	font-size:18px; 
	text-decoration: none; 
	color:#CD0A1F;
}

/************************FAQs*******************/ 

#faqsContainer{position:relative; margin-left:10%; margin-top:25px; width:80%; z-index:9991;}


.faqq{
	margin-top: 20px;
	color: #CD0A1F;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 19px;
	line-height: 110%;
	text-align: left;
	display:block;
}

.faqa {
	
	color: #000000;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	line-height: 110%;
	text-align: left;

}
	

		



		
/************************************** RESPONSIVE **************************************/

@media screen and (max-height:590px){
	#footerContainer{
	position:relative;
	padding-top:20px;
	padding-bottom:10px;
	color: #CD0A1F;
	font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 11px;
	line-height: 110%;
	text-align: center;
	
}
}

@media screen and (max-width:1240px){
	#pg- .menuContainer { width:440px !important; }
}

@media screen and (max-width:945px){
	.menuContainer { width:250px; }
}

@media screen and (max-width:840px){
	.mce_inline_error{ left:120px; width:250px;}
	#shows .s_tickets{ width:17% !important; }
	#shows .s_details{ width:70% !important;  }
}

@media screen and (max-width:780px){
/*		.snsContainer{position:relative; right:auto; top:auto; margin-top:20px;display:inline-block;}
	.snsContainer li{float:none; display:inline-block;}
	.menuContainer{position: relative; left:auto; top:auto; width:100%;display:inline-block;}
	.menuContainer li{float:none; display:inline-block;}
    .recordContainer{display:none; }
	.logoContainer{margin-top: 10px;}
	li#retroMenu{padding-right:0px;}*/}
	
@media screen and (max-width:780px){
	.snsContainer{position:relative; right:auto; top:auto; margin-top:20px;}
	.menuContainer{position: relative; left: auto; top:auto; width:100%;}
	.menuContainer li{float:none; display:inline-block;}
	.logoContainer{margin-top: 40px;}
	.subTitleContainer{margin-top: 50px;}
	li#retroMenu{padding-right:0px;}
	.recordContainer{display:none; }	
	#footerContainer{position:relative; padding-top:20px; font-size: 10px;}
}


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

	.recordContainer{display:none; }	
	.contactUs {	top: 155px; left:-1%; width:100%; text-align:center;}
	.contactYou {top: 175px;  left:0%; width:100%;text-align:center;}
	#myemailform input[type=submit]{position:absolute; top:30; left:0%; width:100%; height:50px; text-align:center; display:block;}


	
}

@media screen and (max-width:480px){
#content{margin:1px auto 1px auto;  min-width:240px; padding:0px 0px 0px 0px;}
	.logoContainer{ display:block;text-align:center; min-width:240px; width:100%; margin-top:10px; height:245px; background-image:url('images/cblogosmall.png'); background-position:top center; background-repeat:no-repeat;}
	.logoContainer a{ margin:0px auto; display:block; text-align:center;  text-indent:-9999px; width:240px; height:226px; }
#footerContainer{padding-top:10px;font-size:10px;}
	.subTitleContainer{font-size:14px; margin-top:0px;}
	.recordContainer{display:none; }
	#playlistContainer{ width:310px; margin-right:10%;}
	.year, .artist {font-size:12px;}
	.song {font-size:15px; margin-top: 8px;}
	.sort {margin:1px; margin-right:50px; padding:2px 8px;border-radius: 6px;border:none;display:inline-block;color:#fff;text-decoration: none;background-color: #CD0A1F;opacity:0.6;height:20px;}
	}
	

@media only screen and (max-width : 320px) {	
	/*body{width:500px;}
	#footerContainer{padding:0px,90px,0px,90px;}*/
	#pg-shows .logoContainer{ margin-top:20px;}
	#pg-videos .logoContainer{ margin-top:20px;}	
	.releaseDetailsContainer{ font-size:18px; }	
	.recordContainer{display:none; }	
	#video{ background-color:#000000; height:280px;}
	#playlistContainer{ width:280px;}
	
}