/*
	Classes CSS - Sounds New 2011
	Created on 24th Jan 2011
	
	Created by Dotcafe Designs - http://www.dotcafedesigns.com
*/
.hidden {
	display:				none;
}

.clearer {
	display:				block;
	clear:					both;
}

.spacer {
	display:				block;
	clear:					both;
	height:					20px;
}

img.left {
	float:					left;
	margin:					0 10px 5px 0;
}

img.right {
	float:					left;
	margin:					0 0 5px 10px;
}

img.border {
	border:					1px solid;
}

.inner {
	display:				block;
	width:					960px;
	margin:					0 auto 0 auto;
}

/*
	Controls unit
*/
.s_controls {
	list-style-type:		none;
	position:				absolute;
	z-index:				15;
	margin-left:			10px;
}
.s_controls ul.s_control_block {
	list-style-type:		none;
}
.s_controls .s_control_block li {
	float:					left;
	margin:					0 6px 0 0;
}
.s_controls .s_control_block li a {
	display:				block;
	background-color:		white;
	width:					8px;
	height:					8px;
	
	text-decoration:		none;
	text-indent:			-10000px;
	overflow:				hidden;
}
.s_controls .s_control_block li.s_current a {
	background-color:		#c4f90c;
}

/*
	f_gallery (fade)
*/
.f_gallery.s_fade {
	margin-bottom:			15px;
}


.f_gallery.s_fade h3 {
	z-index:				19;
	position:				absolute;
}

.f_gallery.s_fade .s_gallery_images {
	list-style-type:		none;
}


.f_gallery.s_fade .s_control_block {
	margin-top:				40px;
}

/*
	f_download
*/
.f_download.s_icons {

}
.f_download.s_icons .s_icon {
	float:					left;
	background-image:		url(img/go-down.png);
	width:					32px;
	height:					32px;
	margin-right:			15px;
	margin-top:				15px;
	
	text-indent:			-10000px;
	overflow:				hidden;
}
.f_download.s_icons .s_name {
	float:					left;
	background-color:		#D9F52B;
	padding:				3px 5px 3px 10px;
	width:					150px;
}
.f_download.s_icons .s_name a {
	color:					black!important;
	text-decoration:		none;
}

/*
	Buy Tickets
*/
.f_events .s_buy_tickets {
	display:				block;
	background-image:		url(img/buy-tickets.png);
	background-repeat:		no-repeat;
	
	width:					151px;
	height:					47px;
	
	text-indent:			-10000px;
	overflow:				hidden;
}


/* Venues */




.f_events.s_venues .f_google_maps{
	border: 5px solid #D9f52b;
	border-radius: 5px;
	padding: 2px;
	margin-bottom: 15px;
}

.f_events.s_venues .f_google_maps p{
	color: #000!important;
}

.f_events.s_venues .f_google_maps h4{
	color: black;
}


.f_events.s_calender{
	background-color: white;
	color: black;
	padding-bottom: 20px;
}

.f_events.s_calender table{
	margin-left: 12px;
}
.f_events.s_calender table p {
	margin-bottom: 0px;
}
.f_events.s_calender table td {
	width: 20px;
}
.f_events.s_calender table th {
	background-color: #D9F52B;
}

.f_events.s_calender table strong{
	display: block;
	background-color: black;
	
	border-radius: 0px;
	text-align: center;
	line-height: 14pt;
	height: 14pt;
}

.f_events.s_calender .s_link_prev , .s_link_next {
		color: black;
		text-decoration: none;
	}
.f_events.s_calender .s_day strong{
	color:	#D9F52B!important;
}

.f_events.s_calender .s_day .s_extra{
	background-color: black;
	color: white;
	padding: 2px;
	line-height: 16pt;
	border: 1px dashed #D9F52B;
}

/* Fancy date box */
.f_events.s_dates .s_fancy_date{
	float: left;
	background-color: black;
	color: #D9F52B;
	width: 50px;
	height: 55px;
	padding: 2px 0px 2px 10px;
	border-radius: 2px;  
	margin-bottom: 10px;
}
.f_events.s_dates .s_fancy_date .day{
	float: left;
	font-size: 16pt;
	width: 48px;
	line-height: 19pt;
}

.f_events.s_dates .s_fancy_date .day span{
	font-size: 8pt;
}

.f_events.s_dates .s_fancy_date .year{
	float: left;
	font-size: 16pt;
	font-weight: bold;
	line-height: 20pt;
	width: 15px;
}
.f_events.s_dates .s_fancy_date .year span {
	display: block;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
}

/* Events styling */

.f_events.s_dates .s_date{
	width: 430px;
}
.f_events.s_dates .s_events {
    width: 430px;
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
	
	border: 3px solid #D9F52B;
	background-color: white;
	color: black;
}

.f_events.s_dates .s_event h3 {
	margin-bottom: 3px;
	width:	390px;
	display: block;
	
}
.f_events.s_dates .s_event .s_description{
   width: 430px;
    float: left;
}

.f_events.s_dates .s_event .s_description p{
	padding-left: 15px;
}
.f_events.s_dates .s_event .s_image{
    width: 205px;
	height: 100px;
	overflow: hidden;
	background-color: black;
}

.f_events.s_dates .s_event .s_image a{
    display: table-cell;
    width: 160px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}

/* venues */

.f_events.s_venues #venueslider{
	padding: 0 10px 0 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
    
.f_events.s_venues #venueslider .s_venue {
  background-color: white;
  color: black;
  width: 680px;
  height: 280px;
}

.f_events.s_venues #venueslider .s_description {
	float: left;
	width: 350px;
	margin-left: 20px;
}

.f_events.s_venues #venueslider .s_description a{
	color: black!important;
}

.f_events.s_venues #venueslider .s_image{
    float: left;
	width: 260px;
	margin-left: 20px;
}

.f_events.s_venues #venueslider .s_image a{
    display: block;
}
.f_events.s_venues #venueslider .s_image img{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.f_events.s_venues .bx-wrapper a.bx-prev, .f_events.s_venues .bx-wrapper a.bx-next{
	background-color: #D9F52B;
	color: black;
	padding: 2px;
	text-decoration: none;
	
  margin-bottom: 20px;
}

.f_events.s_venues .bx-wrapper a.bx-next{
	float: right;
}

.f_events.s_venues .quick-links ul{
	list-style-type: circle!important;
}
.f_events.s_venues .quick-links li{
	
	color: white;
	list-style-type: circle!important;
}

.f_events.s_venues .quick-links li a{
	color: white;
	padding: 5px;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

.f_events.s_venues .f_google_maps .s_marker_info{
	width: 300px;
	height: 250px;
	color: black;
}
.f_events.s_venues .f_google_maps h5{
	display: block;
	clear:both!important;
}

.f_events.s_venues .f_google_maps img{
	float: left;
}

.s_events_list a{
	color: #D9F52B;
}


/*
	Blog System
*/
.f_blogs.s_posts {
	display: block;
	clear: both;
}

.f_blogs.s_months .s_month h4 {
	margin-left:10px;
}

.f_blogs.s_months .s_month ul li a {
	padding-bottom: 5px;
	text-decoration: none;

}
.f_blogs.s_posts h3.s_name .s_date {
	float: right;
	font-size: 20pt;
	line-height: 26pt;
}
.f_blogs.s_posts .s_tags h4 {
	background-color: white;
	padding-left: 5px;
}
.f_blogs.s_posts .s_tags ul {
	list-style-type: none;
	float: left;
}
.f_blogs.s_posts .s_tags ul li {
	background-color: #7f7f7f;
}
.f_blogs.s_posts .s_tags ul li a {
	text-decoration: none;
	color: white;
}
.f_blogs.s_posts .s_tags h4,
.f_blogs.s_posts .s_tags ul li {
	float: left;
	border-radius: 3px;
	margin: 0 5px 15px 0;
	padding: 2px 10px 2px 10px;
	
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 16pt;
}