/* D E F A U L T S*/
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{
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
}



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;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

		
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
	}	
	

ol,ul{
	list-style:none;
	}
/* end D E F A U L T S */





/* 
	GLOBAL STYLES 
	
*/


body{
	margin: 0;
	padding: 0;
	background-color: #000;	
	
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #fff; /* global */

}

h2{font-size: 2.0em; font-weight: bold; line-height: 1.5em;}

h3{font-size: 1.4em; font-weight: bold; line-height: 1em;}


a, 
a:hover{
	font-weight: bold;
	text-decoration: none;
}

a{
	color: #0acbf4; /*#005fa0;*/
}

a:hover{
	color: #00ccff;
}

a:focus {outline: none;}


p{
	margin: 15px;
	font-size: 11px;
	line-height: 16px;
}

.cd_title{
	font-weight: bold;
	font-style: italic;
}

.highlight{
	font-size: 12px;
	color: #0acbf4;
}

.highlight a{
	font-weight: bold;
}


.open{
	display: block;
}

#wrapper{
	margin: auto; /* center the content */
	padding: 0;
	width: auto;
}

#container{
	width: 1280px; /* live site: 1280px; testing: 5120px;  */
	height: 853px;
	margin: 0px auto 0;
	position: relative;
	overflow: hidden;
}


#top_layer_wrap{
	position: absolute;
	z-index: 9999;
}



/* N A V */
#header{
	width: 1280px;
	height: 112px;
}

#logo{
	width: 219px;
	height: 49px;
	position: relative;
	top: 42px;
	left: 20px; 
	background: url(../i/nav/conchitacampos_script_red.png);
	cursor: pointer;
}

#logo:hover{
    filter: alpha(opacity = 70);
    -moz-opacity: .70;
	opacity: .70;
}

#nav{
	width: 1268px;
	height: 25px;
	margin: 0 auto;
	padding-bottom: 11px;
	border-bottom: 1px solid #7e7e7e;
	/*text-indent: 267px;*/
	z-index: 99;

}


#nav li{
	margin-right: 20px;
	position: relative;
	float: left;
	top: 10px;
	height: 17px;
	display: inline;
	cursor: pointer;
	text-indent: -9999px !important;
}

#nav .home{display: none;} /* default index screen */
#nav .about{ margin-left: 267px; width: 53px; background: url(../i/nav/nav.png) no-repeat 0px 0px;}
#nav .music{ width: 48px; background: url(../i/nav/nav.png) no-repeat -60px 0px;}
#nav .videos{ width: 56px; background: url(../i/nav/nav.png) no-repeat -115px 0px;}
#nav .schedule{ width: 80px; background: url(../i/nav/nav.png) no-repeat -300px 0px;}
#nav .blog{ width: 38px; background: url(../i/nav/nav.png) no-repeat -178px 0px;}
#nav .contact{ width: 70px; background: url(../i/nav/nav.png) no-repeat -224px 0px;}

#nav .about:hover{ width: 53px; background: url(../i/nav/nav.png) no-repeat 0px -17px;}
#nav .music:hover{ width: 48px; background: url(../i/nav/nav.png) no-repeat -60px -17px;}
#nav .videos:hover{ width: 56px; background: url(../i/nav/nav.png) no-repeat -115px -17px;}
#nav .schedule:hover{ width: 80px; background: url(../i/nav/nav.png) no-repeat -300px -17px;}
#nav .blog:hover{ width: 38px; background: url(../i/nav/nav.png) no-repeat -178px -17px;}
#nav .contact:hover{ width: 70px; background: url(../i/nav/nav.png) no-repeat -224px -17px;}

.selected{
	background-position-y: -17px !important;	
	}


#nav li:hover{
    filter: alpha(opacity = 50);
    -moz-opacity: .50;
	opacity: .50;
}


#mailing_list{
	width: 221px;
	position: absolute;
	top: 50px;
	right: 0px;
	/*left: 1069px;*/
}

#thankyou{
	width: 221px;
	height: 25px;
	position: absolute;
	top: 25px;
	right: 0px;
	font-size: 12px;
	display: none;
	color: #A4D1EF;
	z-index: 999;	
	
}



/* social links */

#social{
	width: 1268px;
	height: 16px;
}

#social li{
	width: 16px;
	height: 16px;
	margin: 5px 2px;
	float: right;
}


#social .icon{
	width: 16px;
	height: 16px;
	/*background-position: 0 0;*/
	cursor: pointer;
}


#social .twitter{
	background: url(../i/icons/Twitter_16x16.png) no-repeat;		
}

#social .digg{
	background: url(../i/icons/Digg_16x16.png) no-repeat;		
}

#social .myspace{
	background: url(../i/icons/MySpace_16x16.png) no-repeat;		
}

#social .youtube{
	background: url(../i/icons/Youtube_16x16.png) no-repeat;		
}

#social .facebook{
	background: url(../i/icons/FaceBook_16x16.png) no-repeat;		
}

#social .reverbnation{
	background: url(../i/icons/reverbnation_16x16.png) no-repeat;		
}


#social .rss{
	/*background: url(../i/icons/rss-16x16.gif) no-repeat;		*/
}
		
		


/* music player */
.player{
	width: 290px;
	height: 400px;
	position: absolute;
	top:  11px;
	left: 774px;
	z-index: 9999;
	display: none;
}



.player .controls{
	margin-left: 15px;
	position: absolute;
	top: 83px;
	left: 15px;
	display: inline;
	/*text-indent: -9999px !important;*/
}


.player .controls .play{
	width: 16px;
	height: 16px;
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat 0 -160px;*/
}

.player .controls .pause{
	width: 16px;
	height: 16px;
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat -16px -160px;*/
}

.player .controls .stop{
	width: 16px;
	height: 16px;
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat -96px -160px;*/
}


.player .controls .vmute{
	width: 16px;
	height: 16px;
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat -128px -160px;*/
}

.player .controls .vhalf{
	width: 16px;
	height: 16px;
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat -144px -160px;*/
}

.player .controls .vmax{
	width: 16px;
	height: 16px;
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat -144px -160px;*/
}

.player .controls .expand_list{
	width: 16px;
	height: 16px;
	margin-left: 25px;	
	/*background: url(../i/icons/ui-icons_888888_256x240.png) no-repeat -64px -16px;*/
	cursor: pointer;
}

/*.player .controls .expand_list:hover{
	background-color: #fff;
}*/


.player ul li{
	display: inline;
}


#playlist{
	margin: 0 8px;
	padding: 40px 0;
	width: 250px;
	height: 150px;
	border-top: 1px solid #000;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #f0f0f0;
	background-color: #000;
	display: none;
		
}


/* trackname */
#trackname{
	font-size: 12px;
}

#trackname .artist{
	font-weight: bold;
	color: #00adef;
}

#trackname .state{
	font-size: 10px;
	color: #b7b8ba;
}

#trackname .song{
	color: #fff;
}

#trackname a{
	font-weight: normal;
	color: #515352;
}




/* play list */
.player ol{
	margin-top: 50px;
	list-style: decimal;
}

.player ol li{
	margin-left: 40px;
	margin-bottom: 12px;
	font-size: 10px;
	line-height: 12px;
	cursor: pointer;
}

#playlist{
	color: #fff;
}


#playlist .artist{
	font-weight: bold;
	color: #00adef;
}

#playlist .state{
	font-size: 8px;
	color: #b7b8ba;
}


#playlist .song{
	
}

#playlist a{
	font-weight: normal;
	color: #515352;
}


#playlist .download{
	margin-top: 20px;
	font-size: 12px;
	list-style: none;
	color: #b7b8ba;
}
#playlist .download a{
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #FF0084;
}

#playlist .download a:hover{
	color: #FF8FCB;
}

#playlist #header{
	color: #ff008e;
}


#playlist .promo{
	list-style: none;
}


#playlist .promo h1{
	font-size: 12px;
	color: #f2f2f2;
}

#playlist .promo h2{
	font-size: 10px;
	color: #f2f2f2;
}

#playlist .promo .date{
	font-size: 10px;
}

#playlist .promo .location{
	font-size: 12px;
	color: #939598;
	line-height: 16px;
	margin-top: 10px;
}

#playlist .promo .map{
	color: #939598;
	font-size: 10px;
}

#playlist .promo .performances{
	color: #00adF6;
}








/* footer */
#footer{
	width: 1268px;
	margin: 0 auto;
	position: absolute;
	top: 810px;
	left: 20px;
	
}

#footer .copyright{ color: #7e7e7e; font-size: 10px;}



/* scrolling background */

#scroll{
	width: 1280px;
	height: 853px;
	overflow: auto;
	overflow-y: hidden;
	position: relative;
	clear: left;
	
}

#background{
	/* 1280 x 4 sections = 5120px; */
	/*position: absolute;
	top: 0px;*/
	height: 853px;
	z-index: 1;	
	
}


#background div.panel{
	float: left;
	width: 1280px;
	height: 853px; 
	z-index: 1;
}





/* 
	F O R M 
 */
 
fieldset{border:0px;padding:0px; color:#999;}
fieldset input{ border: 1px solid #4d4d4d; margin:0px; padding: 5px; font-size: 12px; color: #999;background-color: #000;}

fieldset .submit{ border: 1px solid #1e6d79; margin:0px 0 0 5px; padding: 5px; font-size: 12px; color: #a7dde5; background-color: #000; cursor: pointer; filter: alpha(opacity = 50); -moz-opacity: .50; opacity: .50;}
fieldset .submit:hover{
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
	opacity: 1;
}
/*fieldset .submit{width: 75px; height: 25px; background: url(../i/nav/subscribe.png);}*/

fieldset label{display:block;font-weight:bold; font-size:12px;margin-bottom:5px;}

fieldset input:focus, fieldset textarea:focus{background-color: #D1E3EF; border: 1px solid #A4D1EF;}


fieldset p{
	line-height: 2em;
}


fieldset table{
	margin: 10px 0;
}

fieldset table td{
	padding: 5px;
}


/*submit button*/
#continue_b{
	border: none;
	background: none;
}












/* 
		S E C T I O N S 
		
*/

/* about */

/* 
	i/bg/index.jpg
	i/bg/about.jpg
	i/bg/music.jpg
	i/bg/contact.jpg
*/

#home{
	background: url(../i/bg/index.jpg) no-repeat 0 0px;
}

#about{
	background: url(../i/bg/about.jpg) no-repeat 0 0px;
}

#music{
	background: url(../i/bg/music.jpg) no-repeat 0 0px;		
}

#videos{
	background: url(../i/bg/videos2.jpg) no-repeat 0 0px;		
}

#schedule{
	background: url(../i/bg/schedule2.jpg) no-repeat 0 0px;		
}


#contact{
	background: url(../i/bg/contact.jpg) no-repeat 0 0px;		
}

#donate{
	background: url(../i/bg/donate.jpg) no-repeat 0 0px;
}



.content{
	padding-bottom: 20px;
	background-color: #000;	
}


/* headers */
.content h1{
	margin: 15px 15px 20px;
}

.content h2{
	font-size: 14px; 
}

#about .content h1{
	width: 53px;
	height: 17px;
	background: url(../i/h/h_about.png) no-repeat;
	text-indent: -9999px;
	
}

#music .content h1{
	width: 90px;
	height: 17px;
	background: url(../i/h/h_music.png) no-repeat;
	text-indent: -9999px;

}

#videos .content h1{
	width: 90px;
	height: 17px;
	background: url(../i/h/h_videos.png) no-repeat;
	text-indent: -9999px;	
}

#schedule .content h1{
	width: 90px;
	height: 17px;
	background: url(../i/h/h_schedule.png) no-repeat;
	text-indent: -9999px;	
}


#contact .content h1{
	width: 90px;
	height: 17px;
	background: url(../i/h/h_contact.png) no-repeat;
	text-indent: -9999px;	
}

/* CONTENT SECTIONS */



/* home */
#home .content,
#about .content,
#music .content,
#videos .content,
#schedule .content,
#contact .content
{
	display: none;
}


#home #show{
	width: 381px; /*487px;*/ /*381px;*/
	height: 571px; /*730px;*/ /*571px;*/
	/*background: url(../i/show2.png) no-repeat;*/
	position: absolute;
	top:  162px; /*162px;*/
	left: 580px; /*418px;*/
}

#quotes{
	width: 381px; /*487px;*/ /*381px;*/
	font-family: "report-school-1","report-school-2";
}

#quotes p{
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	color:  #e51a5d;
}

#quotes p:first-child{
	color:  #04bee2;			
}

#quotes p + p + p{
	color: #c6c429;
}

#quotes p:last{
	color: #d2de33;		

/*
	color: #04bee2;			 cyan
	
	color: #c6c429;			candy olive
	color: #e51a5d;			candy pink
	color: #d2de33;			candy green
	
	color: #0cc58d;			bootleg tiffany
	color: #81d80;			real tiffany
*/	
}

#quotes span{
	display: block;
	font-size: 12px;
	color: #efefef;
	text-align: right;
}


/* about */
#about .content{
	width: 506px;
	height: 491px;
	position: absolute;
	top:  310px; /* original value: 467px;*/
	left: 262px;
	display: none;
}



/* music */
#music .content{
	width: 506px;
	height:588px;
	position: absolute;
	top: 162px;
	left: 512px;
	display: none;
}

#music .content .album{
	margin: 15px;
	float: left;
	display: block;
}

#music .content img,
#music .content .copy{
	float: left;
	display: inline;
	
}

#music .content .copy{
	width: 210px;
	position: relative;
	margin: 15px 15px 20px;	
}

#music .content .copy ul{
	margin: 15px 0;
}

#music .content .copy .highlight{
	position: absolute;
	top: 190px;
}



/* videos */
#videos .content{
	width: 640px;
	height: 385px;
	position: absolute;
	top:  300px;
	left: 262px;
	display: none;
	padding: 0; /* over write */
}

#videos .yt_player{
}



/* schedule */
#schedule .content{
	width: 313px;
	position: absolute;
	top:  300px;
	left: 512px;	
}

#schedule .content ul li{
	display: block;
	margin: 15px;
	border-bottom: 1px solid #333;
	padding-bottom: 20px;
	}
	
#schedule .content ul li span{
	line-height: 16px;
}


#schedule .content .date{
	font-size: 10px;
	color: #fff;
}

#schedule .content .time{
	font-size: 10px;
	color: #fff;
}


#schedule .content .event{
	font-size: 14px;
	color: #0acbf4;
	display: block;
}

#schedule .content .location{
	font-size: 12px;
	color: #8b8b8b;
	display: block;
}

#schedule .content .state{
	font-size: 12px;
	color: #8b8b8b;
	display: block;
}




/* contact */
#contact .content{
	width: 387px;
	position: absolute;
	top:  300px;
	left: 262px;	
}


	/* 
	
		<span class="event">Album Release / Bday Bash</span>
		<span class="date">11/07/09</span>
		<span class="time">930pm</span>
		<span class="location">Public Assembly</span>
		<span class="state">BK, NY</span>
	
	*/