/* Custom Elastislide Styling */




.demo-1 .elastislide-horizontal {
	padding: 10px 37px;
}

.demo-1 .elastislide-wrapper:before,
.demo-1 .elastislide-wrapper:after{
	content: '';
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left:  20px;
	width: 50%;
	height: 20%;
}

.demo-1 .elastislide-wrapper:after {
	right: 20px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.main {
	width: 94.8%;
	/*max-width: 960px;*/
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}





.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;
	/*background-color: #fff;*/
	margin: 0 auto;
	min-height: 60px;
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}

.elastislide-wrapper.elastislide-loading {
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding: 10px 40px;
	height: 300px;
}

.elastislide-vertical {
	padding: 40px 10px;
}

.elastislide-carousel {
	overflow: hidden;
	position: relative;
	height: 300px;
	margin-top: 30px;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	max-height: 100%;
	display: inline-block;
	max-width: 100%;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
	font-family: 'OxygenMonoRegular';
}

.elastislide-carousel ul li a img {
	display: block;
	max-width: 96%;
	padding: 0 0 .6% 1%;
}
/*#carousel-3 li a img {
	background: url(https://web.archive.org/web/20230608165040im_/http://thecharlesnyc.com/dev/jperiod/ExpressionEngine/css/images/square.png) repeat left bottom;
	padding: 0 0 2.5% 2.5%;
}
#carousel-2 li a img {
	background: url(https://web.archive.org/web/20230608165040im_/http://thecharlesnyc.com/dev/jperiod/ExpressionEngine/css/images/rectangle.png) repeat left bottom;
	padding: 0 0 1.9% 1.9%;
}*/
/* Navigation Arrows */

.elastislide-wrapper nav span {
	position: absolute;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -11px;
}

.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right: 10px;
	left: auto;
	background: url("/img/arrow_right.png") no-repeat;
	height: 41px;
	white-space: 41px;
	top: 140px;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	
}

.elastislide-horizontal nav span.elastislide-prev {
	right: 10px;
	left: -11px;
	background: url("/img/arrow_left.png") no-repeat;
	height: 41px;
	width: 41px;
	top: 140px;
}

.elastislide-vertical nav span.elastislide-prev {
	bottom: 10px;
	top: auto;
	
}


.lt-ie8 .elastislide-list {
	display: none;
}

.left-strip{
	background: url("/img/img-strip.png") repeat-y;
	height: 149px;
	width: 5px;
	position: absolute;
}

.bottom-strip, .bottom-strip-1{
	background: url("/img/img-strip2.png") repeat-x;
	height: 6px;
	width: 153px;
	position: absolute;
	bottom: -1px;
}

.bottom-strip-1{
	width: 306px;
}

#carousel{
	max-height: 156px !important;
}

#carousel li{
	max-height: 100% !important;
}

#carousel-1{
	max-height: 190px !important;	
}

#carousel-1 li{
	max-height: 100% !important;
}

.container{
	position: relative;
	margin: 50px 10px auto;
}

.slide-title{
	background: url("/img/fetured-music-title.png") no-repeat;
	width: 202px;
	height: 63px;
	position: absolute;
	left: 3.5px;
	z-index: 99;
	top: 15px;
}

.slide-title-2{
	background: url("/img/heat-rocks-banner.png") no-repeat;
	width: 202px;
	height: 63px;
	position: absolute;
	left: 0;
	z-index: 99;
	top:-6px;
}

.slide-txt-links{
	position: absolute;
	bottom: 50px;
	width: 50%;
	float: left;
}

slide-txt-links h1{
	
}

.rs-carousel-item{
	float: left;
	width: 100%;
	max-width: 200px;
}

.rs-carousel, .rs-carousel-mask{
	overflow: hidden;
}

.heat-rocks-img{
	width: 100%;
} 

.item-detes{
	color: #fff;
	position: absolute;
	bottom:20px;
	width: 90%;
	left: 25px;
}

.item-detes h2 {
	left: 0px;
	bottom: 35px;
	width: 85%;
	position: absolute;
	font-family: 'LeagueGothicRegular', helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 240%;
	line-height: 100%;
	margin: 0;
	font-weight: normal;
}

.item-detes a{
	position:absolute;
	bottom: 7px;
	left: 0px;
	color: #D8BF7D;
	font-family: widefont,helvetica,sans-serif;
	font-size: 13px;
}

.list_carousel li{
	/*padding: 10px;*/
	margin: 6px;
	display: block;
	position: relative;
}

.scroll-btm{
	margin: 20px auto;
	position: relative;
}

.prev, .next{
	border: none;
	margin-top: -160px;
}

/*
.prev{
	background: url("https://web.archive.org/web/20230608165040im_/http://thecharlesnyc.com/dev/jperiod/ExpressionEngine/css/images/arrow_left.png") no-repeat;
	width: 41px;
	height: 46px;
	position: absolute;
	text-indent: -99999px;
	left: 2.2%;
}

.next{
	background: url("https://web.archive.org/web/20230608165040im_/http://thecharlesnyc.com/dev/jperiod/ExpressionEngine/css/images/arrow_right.png") no-repeat;
	width: 41px;
	height: 46px;
	position: absolute;
	text-indent: -99999px;
	right: 0.1% !important;

}
*/

.prev:hover, .next:hover{
	background-position: 0 -46px;
	width: 41px;
}


/********** NEW STYLES ********/

#feature-slider-1 li{
	width: 200px !important;
	height: 200px;
}

.tint:before{
		content: "";
		background: rgba(0, 0, 0, 0.5);
		display: block;
		position: absolute;
		top: 0;
		left: 7px;
		right: 0;
		width: 289px;
		height: 189px;
	}
	
	.tint:hover:before{
		background: none;
}

.tint-rocks:before {
	max-height: 321px;
	max-width: 498px;
	top: 0;
	width: 96%;
	height: 97%;
	left: 7px;
}

.slides-about{
	float: none;
}

/*
     FILE ARCHIVED ON 16:50:40 Jun 08, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:49:35 Oct 24, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 180.32
  exclusion.robots: 0.064
  exclusion.robots.policy: 0.055
  cdx.remote: 0.051
  esindex: 0.008
  LoadShardBlock: 152.285 (3)
  PetaboxLoader3.datanode: 223.527 (5)
  load_resource: 267.185 (2)
  PetaboxLoader3.resolve: 145.003 (2)
*/