/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000000;
}
	

	
.bg_align {
	background-position:top right;
	background-repeat:no-repeat;
	}
	
/*----------FORM BUTTON---------------------------------------------------*/
	
.btn {
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:"Century Gothic", "Trebuchet MS";
	font-size:12px;
	border-color:#D4D6E5;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	margin-right:30px;
	}
	

/*---------------------------FACEBOOK AND YOUTUBE FLYOUT THINGY START-----------------------------------------*/

	
/* this is the CSS for the menu that you will need. */
#menu_holder {
	height: 159px;
	width: 35px;
	position:relative;
	background-color:#000000;
	left:0px;
	padding: 0px;
	top:-163px;
	margin-bottom:-163px;
	z-index:0;
}

#menu_holder2 {
	height: 159px;
	width: 35px;
	position:relative;
	background-color:#000000;
	left:0px;
	padding: 0px;
	top:-162px;
	margin-bottom:-162px;
	z-index:0;
}

#hit_area {
	height: 163px;
	width: 37px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	position:relative;
	cursor:pointer;
	z-index:1;
}

#hit_area2 {
	height: 162px;
	width: 37px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	position:relative;
	cursor:pointer;
	z-index:1;
}




/*drop btn start*/


.menu_item {
	position:relative;
	float:left;
	}
				
			
.menu_item a {
	display: block;
	position:relative;
	width: 37px;
	height:162px;
	}
			
.menu_item a:hover {
	width: 37px;
	height:162px;
	}
	
.menu_item img {
	border:0;
	}

/*drop btn end*/


#dropmenudiv{
	position:absolute;
	margin-top:-162px;
	margin-left:-40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:1;
		}
		
#dropmenudiv img{
	border:0;
	}

#dropmenudiv a{
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	z-index:1;
	float:right;
		}

#dropmenudiv a:hover{ /*hover background color*/
	z-index:1;
		}



/*---------------------------FACEBOOK AND YOUTUBE FLYOUT THINGY END-----------------------------------------*/





/* ---------------------SITE TEXT STYLES START-------------------------------------------------------------------------------------------------------------------*/

.field_box {
	font-family:"Century Gothic", "myriad Pro", "Trebuchet MS";
	font-size:14px;
	color:#FFFFFF;
	line-height:21px;
			}
			
.field_box a{
	color:#FFFFFF;
	text-decoration:underline;
			}
			
.field_box a:hover{
	color:#FFFFFF;
	text-decoration:none;
			}


.site_text {
	font-family:"Century Gothic", "myriad Pro", "Trebuchet MS";
	font-size:14px;
	color:#FFFFFF;
	line-height:21px;
			}
			
.site_text a{
	color:#FFFFFF;
	text-decoration:underline;
			}
			
.site_text a:hover{
	color:#FFFFFF;
	text-decoration:none;
			}
			
/*-------------------------------------------------------------------*/

.site_text_bigger {
	font-family:"Century Gothic", "myriad Pro", "Trebuchet MS";
	font-size:17px;
	color:#FFFFFF;
			}
			
/*-------------------------------------------------------------------*/

.site_text_bigger_black {
	font-family:"Century Gothic", "myriad Pro", "Trebuchet MS";
	font-size:14px;
	color:#000000;
	font-weight:bold;
			}
			
/*-------------------------------------------------------------------*/

.site_text_smaller {
	font-family:"Century Gothic", "myriad Pro", "Trebuchet MS";
	font-size:12px;
	text-align:justify;
	color:#535248;
	line-height:20px;
	}
	
/*-------------------------------------------------------------------*/
	
.bio_text {
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	font-size:12px;
	text-align:justify;
	}
	
.bio_text a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.bio_text a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
/*-------------------------------------------------------------------*/
	
.bio_fotos {
	border:1px solid #4d0404;
	}



/*-------------------------------------------------------------------*/
			
.headings1 {
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	}	

	
/*-------------------------------------------------------------------*/			
			

.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B5B5B5;
		}
		
.footer_text a {
		color:#FFFFFF;
		text-decoration:none;
		}
		
.footer_text a:hover {
	color:#FFFFFF;
	text-decoration:underline;
		}
		
		


/* ---------------------SITE TEXT STYLES END-------------------------------------------------------------------------------------------------------------------*/



/*-------------------FOTO GALLERY STYLES START-----------------------------------------------------------------*/

.gallery {
	width:873px;
	text-align:center;
	}

.gallery img {
	border:1px solid #750504;
	margin:0px 11px 15px 11px;	
	}
	
.gallery img:hover {
	border:1px solid #FFFFFF;
	}
	

/*--------------------------------------------*/

.gallery_img_holder {
	width:145px;
	height:124px;
	float:left;
	text-align:center;
	}



/*-------------------FOTO GALLERY STYLES END-----------------------------------------------------------------*/









/*-----------OPTREDES BOX STYLES START---------------------------------*/

.optredes_box_container {
	width:430px;
	overflow:auto;
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	font-size:13px;
	background:url(images/optredeboxs_bg.jpg) repeat-y;
	padding-left:20px;
	line-height:30px;
	}

.optredes_box_container a {
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	}
	
.optredes_box_container a:hover {
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
	
/*-----------*/

.optredes_box_head {
	width:450px;
	height:22px;
	background: url(images/optredeboxs_head.jpg) no-repeat;
	}
	
/*-----------------------*/

	
/*.optredes_item_black {
	padding-left:20px;
	padding-top:8px;
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	height:24px;
	font-size:13px;
	border-left: 3px solid #510404;
	border-right: 3px solid #510404;
	}
	
.optredes_item_black span {
	left:45px;
	position:relative;
	}*/
	
/*-----------------------*/

	
/*.optredes_item_white {
	padding-left:20px;
	padding-top:8px;
	font-family:"Century Gothic", "Trebuchet MS";
	color:#000000;
	height:24px;
	font-size:13px;
	border-left: 3px solid #510404;
	border-right: 3px solid #510404;
	background-color:#FFFFFF;
	}
	
.optredes_item_white span {
	left:45px;
	position:relative;
	}*/
	
	
.optredes_box_foot {
	width:450px;
	height:22px;
	background: url(images/optredeboxs_foot.jpg) no-repeat;
	}
	
/*-----------OPTREDES BOX STYLES END---------------------------------*/




/*---------------------CD'S STYLES START------------------------------------------------------------------------------------------------------------*/

.cd_cover {
	border:1px solid #FFFFFF;
	}
	
.songs {
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	font-size:13px;
	float:left;
	width:400px;
	float:left;
	margin:0px 0px 5px 0px;
	}
	
	
.my_btn {
	width:50px;
	background-color:#750504;
	font-family:"Century Gothic", "Trebuchet MS";
	font-size:12px;
	color:#FFFFFF;
	float:right;
	text-align:center;
	cursor: pointer;
	}

.my_btn.a {
	width:50px;
	background-color:#750504;
	font-family:"Century Gothic", "Trebuchet MS";
	font-size:12px;
	color:#FFFFFF;
	float:right;
	text-align:center;
	cursor: pointer;
	}

	
/*/////////////////EXPANDING LYRICS START////////////////////////////////////////////////////////*/

.arrowlistmenu {
	width:450px; /*width of accordion menu*/
	float:left;
	font-family:"Century Gothic", "Trebuchet MS";
	color:#FFFFFF;
	}

.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	width:50px;
	background-color:#750504;
	font-family:"Century Gothic", "Trebuchet MS";
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	cursor: pointer;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	float:right;
	}

.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	}

.arrowlistmenu ul { /*CSS for UL of each sub menu*/	
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 18px; /*bottom spacing between each UL and rest of content*/
	}

.arrowlistmenu ul li {
	padding-bottom: 0px; /*bottom spacing between menu items*/
	font-size:12px;
	padding-left: 30px;
	display: block;
	width:360px;
	float:left;
	margin-bottom: 18px;
	color:#999999;
	}

.arrowlistmenu ul li a {
	color:#FFFFFF;
	display: block;
	padding: 2px 0px;
	padding-left: 70px; /*link text is indented 19px*/
	text-decoration: none;
	font-size:13px;
	}

.arrowlistmenu ul li a:hover { /*hover state CSS*/
	color:#FFFFFF;
	}	

/*/////////////////EXPANDING LYRICS END////////////////////////////////////////////////////////*/


/*---------------------CD'S STYLES END------------------------------------------------------------------------------------------------------------*/
	




/*--------------------MAIN BUTTONS START--------------------------------------------------------------------------------------------------------------------*/


		
.btns {
	position:relative;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/header_strip.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	text-align: center;
	float:left;
	height:55px;
		}


.btns a {
	color:#EAEAEA;
	text-decoration:none;
	display: block;
	float: left;
		}
		
.btns a:hover {
		color:#FFFFFF;
		text-decoration:none;
		background: url(images/btn_over.png) ;
		background-repeat:repeat-x;
		height:55px;
		}

.btns span {
			position: relative;
			left:0px;
			top:20px;
			text-align: center;
			font-weight:normal;
			cursor: pointer;
			padding-left:20px;
			padding-right:20px;
		}

					 
	 
/*--------------------MAIN BUTTONS END--------------------------------------------------------------------------------------------------------------------*/