@charset "UTF-8";
/*-----------------------------------------------------------------
Author:		Buro Taggetig
Homepage:	http://www.taggetig.be

Project:	Señor Funk
Date:		18/09/2009
-------------------------------------------------------------------
Reset
-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
	font-family: helvetica, arial, sans-serif;
	background: #282828 url(../images/bg-showcase.png) 0 120px repeat-x;
}
ol, ul {
	list-style: none;
}
/*-----------------------------------------------------------------*/
body.tiny{
	background: #282828 url(none);
}

	.tiny #wrap{
		width: 600px;
		margin: 0 auto;
	}

body.no-imgs{
	background: #282828 url(none);
}

#wrap{
	width: 960px;
	margin: 0 auto;
}

	#header{
		width: 100%;
		height: 120px;
		position: relative;
	}
	
		#logo{
			position: absolute;
			top: 25px;
			left: 0;
			width: 303px;
			height: 61px;
			margin: 24px 0 0 -26px;
			text-indent: -8080px;
			float: left;
			display: block;
			background: transparent url(http://www.senorfunk.com/images/senor-funk-logo.png) 0 0 no-repeat;
		}
		
		#navigation{
			position: absolute;
			top: 67px;
			right:  0;
			float: right;
			display: block;
		}
		
			#navigation li, #navigation li a{
				font: bold 18px helvetica, arial, sans-serif;
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;
				float: left;
			}
			
			#navigation li{
				padding: 3px 5px 0 5px;				
				margin: 0 0 0 5px;
			}
			
			#navigation li a{
				text-shadow: 1px 1px 1px #151515;
			}
			
			#navigation li a:hover{
				border-bottom: 2px solid #fff;
			}
			
			#navigation li.active{
				background: #a10d31;
				color: #333;
				text-shadow: 1px 1px 0px #e01244;
			}
	
	#showcase{
		position: relative;
		height: 458px;
		width: 100%;
	}
	
		#showcase img, #showcase canvas{
			position: absolute;
			top: 0;
		}
		
		#showcase img#small, #showcase canvas#small{
			z-index: 3;
			left: 3px;
			top: 131px;
			-webkit-transform: rotate(-1.5deg); 
		    -moz-transform: rotate(-1.5deg);
		    rotation: -1.5deg;
		}
		
		#showcase img#medium, #showcase canvas#medium{
			z-index: 2;
			left: 56px;
			top: 22px;
			-webkit-transform: rotate(1.5deg); 
		    -moz-transform: rotate(1.5deg);
		    rotation: 1.5deg;
		}
		
		#showcase img#large, #showcase canvas#large{
			z-index: 1;
			right: 10px;
			top: -2px;
			-webkit-transform: rotate(2.9deg); 
		    -moz-transform: rotate(2.9deg);
		    rotation: 2.9deg;
		}		
		
		#showcase canvas{
			margin-top: -12px;
		}
	
	#player{
		margin: 22px 0 42px;
	}
	
	#content{
		float: left;
		margin-bottom: 18px;
	}
	
		#news, #agenda, #newsletter, #social-networks{
			width: 458px;
			float: left;
		}
			h1{
				font: bold 18px helvetica, arial, sans-serif;
				text-transform: uppercase;
				color: #333;
				background: #a10d31;
				text-shadow: 1px 1px 0px #e01244;
				padding: 4px 7px 0 7px;
				height: 18px;
				display: inline;
				letter-spacing: -1px;
				clear: both;
			}
			
			#news ul{
				width: 458px;
				clear: both;
			}
				#news ul li, #agenda ul li{
					padding: 0 0 30px 16px;
					border-bottom: 1px solid #383838;
					margin-top: 36px;
					height: 53px;
				}
				
				#news ul li{
					background: url(../images/bg-news-list-bar.gif) left top no-repeat; /*faux brd*/
				}
				
				h2{
					font: bold 24px helvetica, arial, sans-serif;
					color: #fff;
					text-shadow: 1px 1px 1px #151515;
				}
				
				#news ul li p, #agenda ul li p{
					font: normal 18px helvetica, arial, sans-serif;
					color: #999;
					margin-top: 9px;
					text-shadow: 1px 1px #1a1a1a;
				}
				
				#news ul li p span, #news ul li p span a, #agenda ul li p span, #agenda ul li p span a{
					font: normal 12px helvetica, arial, sans-serif;
					color: #fff;
				}
				
					#news ul li p span a:hover, #agenda ul li p span a:hover{
						text-decoration: none;
					}
				
			h3{
				font: bold 14px helvetica, arial, sans-serif;
				text-transform: uppercase;
				background: #a10d31;
				text-shadow: 1px 1px 0px #e01244;
				padding: 5px 8px 0 8px;
				height: 17px;
				display: inline;
				letter-spacing: -1px;
				clear: both;
				float: right;
			}
			
				h3 a{
					color: #333;
					text-decoration: none;
				}
						
				h3 a:hover{
					color: #fff;
				}
			
		#agenda{
			margin-left: 44px;
		}
		
			#agenda ul li{
				padding-left: 0;
				float: left;
				height: 53px;
			}
			
				#agenda ul li div.date, #events .date{
					width: 65px;
					height: 50px;
					background: #fff;
					float: left;
				}
					#agenda ul li div.day, #agenda ul li div.day-number, #events .day, #events .day-number{
						color: #333;
						text-transform: uppercase;
						text-align: center;
					}
					
					#agenda ul li div.day, #events .day{
						font: bold 14px/1em helvetica, arial, sans-serif;
						border-bottom: 1px solid #d6d6d6;
						width: 45px;
						padding: 0 0 1px 0;
						margin: 7px auto 4px auto;
					}
	
					#agenda ul li div.day-number, #events .day-number{
						font: bold 18px helvetica, arial, sans-serif;
						margin-top: 3px;
					}
				
				#agenda ul li h2, #agenda ul li p{
					margin-left: 16px;
					float: left;
					width: 377px;
				}

	#connect{
		clear: both;
		float: left;
		width: 100%;
		padding: 42px 0 62px 0;
		border-top: 1px solid #383838;
	}
				
		#connect p{
			font: normal 18px helvetica, arial, sans-serif;
			margin: 18px 0 12px 0;
		}
	
		#newsletter p{
			margin-bottom: 20px;
		}

		#newsletter input#mailing-email{
			width: 368px;
			height: 14px;
			border: 0;
			border-bottom: 1px dashed #454545;
			background: transparent;
			color: #999;
			padding: 6px 0 1px 0;
			float: left;

		}
			
		#mailing-submit{
			width: 90px;
			height: 22px;
			border: 0;
			font: bold 14px helvetica, arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: -1px;
			background: #fff;
			padding: 5px;
			color: #333;
			float: left;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;			
		}

		#social-networks{
			margin-left: 44px;
		}
		
			ul#social-icons{
				list-style: none;
			}

			ul#social-icons li{
				float: left;
				margin-right: 22px;
			}
	
	#event{
		width: 600px;
		float: left;
		clear: both;
	}
	
		#event h3{
			font: bold 12px helvetica, arial, sans-serif;
			text-transform: uppercase;
			background: #a10d31;
			text-shadow: 1px 1px 1px #ff1a54;
			padding: 5px 5px 0 5px;
			margin: -20px 0 20px 0;
			display: inline;
			letter-spacing: -1px;
			clear: both;
			float: left;
		}

		#event h3#nyro{
			margin: -5px 0 20px -5px;
		}
	
	#events{
		width: 100%;
		float: left;
		clear: both;
		padding-top: 31px;
	}
	
		#events .single-event{
			margin-bottom: 31px;
			padding-bottom: 31px;
			border-bottom: 1px solid #383838;
			float: left;
			width: 458px;
		}
		
			#events .single-event .date{
				margin-right: 20px;
			}
			
			#events .single-event h4 a{
				font: bold 24px helvetica, arial, sans-serif;
				color: #fff;
				text-shadow: 1px 1px 1px #151515;
			}
		
			#events .single-event h4 a:hover{
				color: #cc1543;
				text-decoration: none;
				text-shadow: none;
			}

			#events .single-event h5{
				font: normal 18px helvetica, arial, sans-serif;
				color: #999;
				margin-top: 9px;
				text-shadow: 1px 1px #1a1a1a;
			}
			
				#events .single-event h5 span, #events .single-event h5 span a{
					font: normal 12px helvetica, arial, sans-serif;
					color: #fff;
				}
				
				#events .single-event h5 span a:hover{
					text-decoration: none;
				}
			
			#events .no-brd{
				border: 0;
				margin-bottom: 0;
			}
			
			#events .odd{
				margin-right: 44px;
			}
			
			#events .faux{
				background: url(../images/bg-news-list-bar.gif) left top no-repeat; /*faux brd*/
				padding-left: 16px;
				width: 442px;
			}
			
			#events a.close{
				clear: both;
				width: 129px;
				float: right;
				margin-top: -21px;
			}
	
	.no-pop{
		padding: 20px 0 0 0;
		margin-bottom: 41px;
	    border-top: 1px solid #cc1543;
	    border-bottom: 1px solid #383838;
	}
	
	#event.four-o-four{		
		padding: 20px 0;
	}
	
		#event.four-o-four h1{
			font: normal 18px/24px helvetica, arial, sans-serif;
			color: #999;
			text-shadow: 1px 1px #1a1a1a;
			text-transform: none;
			background: none;		
			padding: 0;
			margin: 0;
		}

	#foot{
		clear: both;
		text-align: center;
		font: bold 12px helvetica, arial, sans-serif;
		margin: 21px auto;
	}

		#foot a{
			color: #cc1543;
			text-shadow: 1px 1px 1px #151515;
		}
		
		#foot a:hover{
			text-decoration: none;
		}

/*----modal----*/
div#nyroModalLoading{
	text-indent: -9999em;
	background: #cc1543 url(../images/loading.gif) center center no-repeat;
}
div#nyroModalLoading.error{
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
}
div#nyroModalWrapper{
	z-index: 100;
    background: #282828;
    color: #fff;
    /*padding-top: 20px;*/
    border-top: 1px solid #cc1543;
    border-bottom: 1px solid #383838;
}
a#closeBut{
	color: #fff;
	background: #454545;
	font: bold 12px helvetica, arial, sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 5px 5px 3px 5px;
	text-decoration: none;
	float: right;
}
#nyroModalTitle{
	color: #fff;
	background: #454545;
	font: bold 12px helvetica, arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 5px 3px 5px;
	position: absolute;
	bottom: -21px;
	left: 0;
}

div#nyroModalContent {
    overflow: auto;
}

div.wrapper div#nyroModalContent{
	padding: 5px;
}
div.wrapperImg{
	position: absolute;
}
div.wrapperImg div#nyroModalContent{
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div{
	position: absolute;
	bottom: 0;
	left: 0;
	background: #282828;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext{
	z-index: 105;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

	a.nyroModalPrev{
		left: 0;
	}
	a.nyroModalPrev:hover{
		background: url(../images/ny-prev.png) left 50% no-repeat;
	}
	a.nyroModalNext{
		right: 0;
	}
	a.nyroModalNext:hover{
		background: url(../images/ny-next.png) right 50% no-repeat;
	}

	#nyroModalContent h4, #event h4{
		font: bold 24px helvetica, arial, sans-serif;
		color: #fff;
		clear: both;
	}
	
		#event h4#pad{
			margin-top: 20px;
		}
	
	#nyroModalContent h5, #event h5{
		font: normal 18px helvetica, arial, sans-serif;
		color: #999;
		margin-top: 9px;
		text-shadow: 1px 1px #1a1a1a;
	}
	
		#nyroModalContent h5 span, #nyroModalContent h5 span a, #event h5 span, #event h5 span a{
			font: normal 12px helvetica, arial, sans-serif;
			color: #fff;
		}
		
		#nyroModalContent h5 span a:hover, #event h5 span a:hover{
			text-decoration: none;
		}
	
	#nyroModalContent p, #event p{
		font: normal 14px helvetica, arial, sans-serif;
		color: #fff;
		margin-top: 20px;
		line-height: 20px;
	}
	
		#event p a{
			color: #cc1543;
			background: #282828;
			text-decoration: none;
		}
		
		#event p a:hover{
			border-bottom: 1px solid #fff;
		}
	
	#nyroModalContent a.close, #nyroModalContent a.share, #event a.close, #event a.share, #events a.close{
		color: #fff;
		background: #454545;
		font: bold 12px helvetica, arial, sans-serif;
		letter-spacing: -1px;
		text-transform: uppercase;
		padding: 5px 5px 3px 5px;
		text-decoration: none;
		display: block;
	}
	
	#nyroModalContent a.close, #event a.close{
		float: right;
		width: 130px;
	}
	
	#nyroModalContent a.share, #event a.share{
		float: left;
		width: 144px;
	}
	
	#nyroModalContent a.close:hover, #nyroModalContent a.share:hover, #event a.close:hover, #event a.share:hover, #events a.close:hover{
		color: #282828;
		border: 0;
	}
	
	#nyroModalContent ul, #event ul{
		width: 100%;
		height: 120px;
		margin: 20px 0;
		clear: both;
	}
	
		#nyroModalContent ul li, #event ul li{
			list-style: none;
			float: left;
			margin-right: 20px;
		}
		
		#preview{
			z-index: 3000;
			position: absolute;
			display: none;
			color: #fff;
			background: url(../images/ny-ajaxLoader.gif) center center no-repeat;
		}

	#contact{
		width: 600px;
	}

		#contact p{
			font: normal 18px/24px helvetica, arial, sans-serif;
			color: #999;
			text-shadow: 1px 1px #1a1a1a;
		}
		
			#contact p span{
				font: normal 14px helvetica, arial, sans-serif;
				color: #fff;
				text-shadow: 1px 1px #1a1a1a;
			}

		#contact #contact-message{
			width: 100%;
			margin: 20px 0;
		}
		
			#contact textarea{
				width: 100%;
				height: 120px;
			}
		
		#contact #contact-name, #contact #contact-email{
			float: left;
			width: 290px;
			height: 70px;
		}
		
		#contact #contact-email{
			margin-left: 20px;
		}
		
		#contact #contact-submit{
			clear: both;
		}
		
		#contact input.text, #contact textarea{
			border: 0;
			padding: 5px;
			font: normal 14px helvetica, arial, sans-serif;
		}
		
		#contact input.text{
			padding: 7px 5px 3px 5px;
			width: 289px;
		}