/* =================================*
 *		   css styles default
 *        Artistas de Loisaida
 *	  created and maintainded by
 *     www.circularcreation.com
 *			media:screen
 * =================================
 */ 



body {
	font: 				100% Arial, Verdana, sans-serif;
	color: 				black;
	background-color: 	rgb(50%,50%,50%);
	font-size:			14px; 	
}

#background {
	position:			absolute; left: 20; top: 10px;
	padding: 			10px 0px 0px 0px;		
	background-color:	rgb(75%,75%,75%);
	width:				740px;	
 	height:				1000px;	
}

/* =================================*
 *		  Navigation
 * =================================*/

#navbar {
	position:			absolute; left: 30px; top: 150px;
	width:				100px;
	font: 				80% Arial, Verdana, sans-serif;
	text-align:			right;
	letter-spacing:		1px; 
	border-style: 		solid; 
	border-width:		0px 0px 1px 0px;
	border-color:		rgb(50%,50%,50%);
}

#navbar a {
	display: 			block; 
	color: 				rgb(0%,0%,0%); 
	text-decoration: 	none; 
	padding: 			5px 15px 5px 10px; 
	border-style: 		solid; 
	border-width:		1px 0px 0px 0px;
	border-color:		rgb(50%,50%,50%);
}

#navbar a#current {
		font-weight: 				900; 
	background-color: 	rgb(95%,95%,95%);
}

#navbar a:hover  {
	background-color: 	rgb(100%,100%,100%);
	}
	
#navbar a:active  {
	background-color: 	rgb(70%,70%,70%);
}
#reviews{
	position:			relative; left: -21px;
	font: 				10px Arial, Verdana, sans-serif;
	font-weight:		light;
	background-color: 	rgb(85%,85%,85%);
	font-weight: 		900; 
	width:				110px;
}
#info {
	position:			absolute; left: 150px; top: 530px;
	font: 				50% Arial, Verdana, sans-serif;
	color:				rgb(50%,50%,50%);
}

#lyrics {
	font-size: 110%; 
	width:				415px;	
	height: 330px; 
	overflow: auto;
}

/* =================================*
 *  title with highlight and shadow
 * =================================*/

#title {
	font: 				bold 300% Arial, Verdana, sans-serif; 
	position:			absolute; left: 160px; top: 25px;
	color:				rgb(50%,50%,50%);
	text-align:			center;
}
#title-s {
	font: 				bold 300% Arial, Verdana, sans-serif; 
	position:			absolute; left: 160px; top: 27px;
	color:				rgb(20%,20%,20%);
	text-align:			center;
}
#title-h {
	font: 				bold 300% Arial, Verdana, sans-serif; 
	position:			absolute; left: 160px; top: 24px;
	color:				rgb(90%,90%,90%);
	text-align:			center;
}

/* =================================*
 *		  titles
 * =================================*/

#text {
	position:			absolute; left: 160px; top: 64px;
	width:				415px;
	font: 			 	Arial, Verdana, sans-serif;
	color:				rgb(20%,20%,20%);
}
#artistas {
	font: 				12px Arial, Verdana, sans-serif;
	color:				rgb(20%,20%,20%);
	text-decoration: 	none; 

	
}
.tb {
	font: 				1.5em bold Arial, Verdana, sans-serif;
	margin:				12px -23px 8px -10px;
	padding: 			2px 0px 6px 8px;
	border-style: 		solid; 
	border-width:		1px 2px 2px 1px;
	border-color:		rgb(50%,50%,50%);
	}
.go {
	font: 				.8em bold Arial, Verdana, sans-serif;
}
.ind {
	margin:				0px 0px 0px -4px;

}

#copyright{
	font: 				80% Arial, Verdana, sans-serif;
	position:			absolute; left: 140px; top: 55px;
	height:				12px;
	width:				385px;
	color:				rgb(50%,50%,50%);
	padding: 			2px 0px 6px 8px;
}
#previous {
	position:			absolute; left: 25px; top: 55px;
	z-index:			50;
}
#next {
	position:			absolute; left: 75px; top: 55px;
	z-index:			50;
}
#pictureTitle {
	position:			absolute; left: 150px; top: 60px;
	z-index:			50;
	width:				450px;
	font: 				80% Arial, Verdana, sans-serif;

	
}
#spict {
	position:			absolute; left: 635px; top: 135px;
	border-style: 		solid; 
	border-width:		0px;
}
#picture {
	position:			absolute; left: 163px; top: 100px;
	border-style: 		solid; 
	border-width:		0px;
}

/* =================================*
 *		  elements
 * =================================*/

#elementTitle {
	position:			absolute; left: 150px; top: 25px;
	background-color:	rgb(70%,70%,70%);
	height:				36px;
	width:				 410px;
	color:				rgb(90%,90%,90%);
	padding: 			2px 0px 6px 8px;
	border-style: 		solid; 
	border-width:		1px 2px 2px 1px;
	border-color:		rgb(50%,50%,50%);

}
#elementLineV {
	position:			absolute; left: 120px; top: 100px;
	height:				300px;
	width:				1px;
	padding: 			0px 0px 0px 0px;
	border-style: 		solid; 
	border-width:		0px 0px 0px 3px;
	border-color:		rgb(50%,50%,50%);
}

#element3 {
	position:			absolute; left: 130px; top: 50px;
	height:				500px;
	width:				465px;
	background-color:	rgb(90%,90%,90%);
	padding: 			0px 0px 0px 0px;
	border-style: 		solid; 
	border-width:		1px 2px 2px 1px;
	border-color:		rgb(50%,50%,50%);
	
}
#element3a {
	position:			absolute; left: 130px; top: 50px;
	height:				400px;
	width:				450px;
	background-color:	rgb(90%,90%,90%);
	padding: 			0px 0px 0px 0px;
	border-style: 		solid; 
	border-width:		1px 2px 2px 1px;
	border-color:		rgb(50%,50%,50%);
	
}

#tableplace {
	position:			absolute; left: 130px; top: 50px;
	z-index:			50;
}

#name {
	font-size:			200%;
	position: 			relative; left: -10px; 

		
}

#main {
	position: 			absolute; left: 150px; top: 400px;
	width:				400px;
	font-size:			95%;
		
}


#sidebar {
	position:			absolute; left: 552px; top: 250px;
 	width:				80px;
 	padding: 			10px 10px 10px 10px; 
 	background-color:	rgb(90%,50%,50%);
	border-style: 		solid; 
	border-width:		1px 0px 0px 1px;
	border-color:		rgb(0%,100%,100%);
	font-size:			90%;
	color: 				black; 
	font:				bold;
 }



h3 {
	font: 				bold 140% Arial, Verdana, sans-serif; 
	color:		 		rgb(30%,0%,0%);
	padding: 			4px 4px 4px 4px;
	background-color: 	rgb(100%,50%,40%);
	border-style: 		solid; 
	border-width:		0px 0px 1px 0px;
	border-color:		rgb(0%,100%,100%);
}
	
h4 {
	font: 				bold 100% Arial, Verdana, sans-serif; 
	color:		 		rgb(30%,0%,0%);
	padding: 			4px 4px 4px 4px;
	background-color: 	rgb(100%,50%,40%);
	border-style: 		solid; 
	border-width:		0px 0px 1px 0px;
	border-color:		rgb(0%,100%,100%);
}

h5 {
	font: 				bold 90% Arial, Verdana, sans-serif; 
	color:				black;
	padding: 			0px 0px 0px 0px;
}

	
em	{	
	 		font: 				bold 180%;
		 	color:				pink;
		 	padding: 			0px 0px 0px 0px;
}

em a {
	font: 				120% Arial, Verdana, sans-serif; 
	text-decoration: 	none; 
}

em a:hover  {
	background-color: 	white; 
}
	
em a:active  {
	background-color: 	white; 

}
	
p	{	
		 	font: 		bold 180%;
}

space	{	
	padding: 		10px 10px 10px 10px;
}


b {
	font:		bold;
	color: 		white;
	padding: 	0px 0px 0px 0px;
}