/************************************************
 * Estilos de Skin Perfiles Personales							*
 * Personalizado para  : TEMA 1					*
 * Fecha : 13/11/07								*
 ************************************************/

BODY {
	background-color : #000;					/*Fondo de la página*/
	background-image : url(img/background.gif);
	background-repeat : repeat;
}
#content {
	background-color : #040000;					/*Fondo del perfil*/
	background-image : url(img/back.jpg);
	background-repeat : no-repeat;
}
/* Estilo de tooltips ### */
#dhtmltooltip {
	border: 1px solid #FD307B;
	background-color: #FD307B;
	color: #FFFFFF;
}
/*Líneas divisoras*/
#page_title UL {
	border-bottom : 0;  			/*Línea del título de página*/
	background-image : url(../img/pleca.gif);
	background-repeat : repeat-x;
	background-position:bottom;
	margin-right:20px;
	width: 915px;
}
#toolbox {
	border-top: solid 1px #232323;  				/*Línea de arriba del toolbox*/
}
#toolbox LI {
	border-bottom: solid 1px #232323;  			/*Línea de cada opción del toolbox*/
}
#blogs UL LI.subscribe {
	border-bottom: solid 1px #232323;  			/*Línea de la parte de blogs*/
}
#comments ul li {
	border-top: solid 1px #232321;  			/*Línea de arriba del toolbox*/
}

/*Lineas divisoras del lado derecho*/
#video_player .separator, #image_player .separator, #audio_player .separator  {
	border-top: solid 1px #232323;  			/*Línea de arriba del toolbox*/
	background-color : #232323;
	background-image : none;
}
#video_player ul li.first_tool, #image_player ul li.first_tool, #audio_player ul li.first_tool {
	border-top: solid 1px #232323;				/*Parte de arriba de las tools de lso players*/
}
#video_player ul li.tools, #video_player ul li.first_tool, #image_player ul li.tools, #image_player ul li.first_tool, #audio_player ul li.tools, #audio_player ul li.first_tool {
	border-bottom: solid 1px #232323;
}

/*Consola de administración*/
#admin_console {
	background-color: #B40645;				/*Fondo del módulo*/
	color : #FFF;
}
#admin_console UL.general li.title{
	background-color : #B40645; 				/*Fondos del encabezado de Administración*/
	border-bottom : solid 3px #FF317C;
	color : #FFF;
}
#admin_console ul li.rgButtonLi, #admin_console ul li.lfButtonLi, #admin_console ul li.generalLI.ctButtonLI {
	border : solid 1px #DF2066;
}
#admin_console UL LI A {
	color : #FEFFFD;
}
#admin_console UL.innerButton LI IMG {
	display : none;					/*PAra desaparecer la flechita*/
}
#admin_console UL.innerButton {
	background-image : url(img/arrow_admin.gif); 	/*Para agregar una nueva flecha*/
	background-repeat : no-repeat;
	background-position : right;
}

/*Encabezados*/
.titleBar, .titleBarBox, #audioTarabuBox .titleBarBox {
	background-color : #000000;  				/*Fondos de los encabezados de módulos*/
	border-bottom : 0;  			/*Línea del título de página*/
	background-image : url(img/pleca.gif);
	background-repeat : repeat-x;
	background-position:bottom;
	padding : 4px 0 5px 5px;
}
#image_box .titleBarBox {
	border-top : solid 1px #000;
}
#profile .titleBar, #blogs .titleBar {
	background-color : transparent;  				/*Fondos de los encabezados del lado izq*/
}
#friends .titleBar, #comments .titleBar {
	background-color : transparent;  				/*Fondos de los encabezados del lado der*/
}

/*Fotos y thumbs*/
#profile UL LI IMG {
	border : 1px solid #232321;					/*Foto de perfil*/
}
#video_player UL LI.embed, #audio_player UL LI.embed, 
#friends ul li img, #image_box ul li img, 
#band_members ul li img, #video_box ul li img, 
#comments ul li img {
	border : 1px solid #232323;					/*Thumbs*/
}
#toolbox LI A IMG {
	border : 0; /***/							/*Necesario para quitarle los bordes a las imágenes del toolbox*/
}

/*players*/
#image_box, #video_box {
	background-color : #000; 			/*Para la imagen y el video*/	
	border-top : 0;
}
#image_player UL LI.imagebox {
	float : left;
	margin : 0 10px 10px 0;
	height : 254px;
	width : 254px;
	overflow : hidden;
	vertical-align : middle;
	text-align:center;
	background-color : #000000; /* Fondo de la imagen */
	border : 1px solid #232323;
}

/*Textos*/
#video_player ul.video_info li.title A,  #image_player UL LI.title  {
	color : #FFFFFF;  				/*Titulo video*/
}
 #image_player UL LI.desc, #video_player ul.video_info li.desc {
 color : #FFFFFF; 				/*Descripcion video e imagen*/
 }
#page_title UL LI {
	color : #FFFEFF;							/*Nickname en gyggs*/
}
#page_title UL LI A {
	color : #FFFEFF;							/*Link de página en gyggs*/
}
.titleBar, .titleBarBox, #audioTarabuBox .titleBarBox A {
	color : #FFFEFF;
}
#profile ul li {
	color: #FFF;								/*Datos personales*/
}
#page_title li.recProfile A  {
	color : #FFF;
	font-size: 14px;									/*Para la liga de Recomendar tu perfil*/
}
#profile ul li.biography {
	color: #FFF;								/*Datos personales*/
}
#toolbox li.profile_info,  #toolbox li.profile_info SPAN.ltitle {
	color : #FFF;							/*Para la sección de estrellas*/
}
#toolbox li A {
	color:#FFF;									/*Para las ligas del toolbox*/
}
#admin_console UL A:hover {
	color : #FFFFFF;							/*Color al pasar el mouse por los toolbox*/
}
#blogs UL LI.subscribe A, .more_content A {
	color : #FB337B;  							/*Links de suscripción a blogs y los ver más*/
	font-size: 11px;
}
/*textos del lado derecho*/
#video_player ul.video_info li, #image_player ul.video_info li {
	color : #FFFFFF;						/*Info del video*/
}
#video_player ul li.first_tool A, #image_player ul li.first_tool A {
	color : #FFF;					/*Parte de arriba de las tools de los players*/
}
#video_player ul li.tools A, #image_player ul li.tools A {
	color : #FFF;				/*Tools en general*/
}
#video_player ul li.first_tool A {
	color : #FFF;					/*Parte de arriba de las tools de los players*/
}
#video_player ul li.tools A {
	color : #FFF;				/*Tools en general*/
}
#blogs ul li, #comments ul li, #comments ul li A {
	color : #FFF;							/*Color para la fecha de publicación de un blogy de un comentario*/
}
#comments #comments_list ul li A {
	color : #FD337F;				/*Títulos de commentarios*/
}
#comments #comments_list ul li H5 A, #comments #comments_list ul li H6 A {
	color : #FFF;					/*Cuaalquier link dentro del commentario y el de Eliminar*/
}
#blogs ul li h6, #comments ul li h6 {
	color : #FEFEFC;							/*Color para la fecha de publicación de un blogy de un comentario*/
}
#comments #comments_list ul.paginacion li a {
	color : #232323;
}
#comments ul li.addcomment a {
	color : #FF317C;
}

/*Estilos para los botones de paginación de comentarios*/
#comments #comments_list ul.paginacion li {
	border : solid 1px #232323;
}
#comments #comments_list ul.paginacion li A {
	color : #232323;
}
#comments #comments_list ul.paginacion li.active {
	border : solid 1px #232323;
	background-color : #232323;
}
#comments #comments_list ul.paginacion li.active A {
	color : #FC327C;
}
#comments UL LI.addcomment A {
	font: normal 11px/11px Arial;
	color :  #FB337B; /* Agregar comentario */
	text-decoration : none;
}
#comments_form { 
	margin : 15px 0 15px 0;
	text-align : right;
	border-bottom : 1px solid #232321; /* Linea */
	padding : 0 0 5px 0; 
	display : none;
}
#comments_form TEXTAREA { 
	width : 595px; 
	max-width : 592px;
	border : 1px solid #232321; /* Linea */
	color : #FFFFFF; /* Texto */
	font : normal 11px/14px Arial;
	height : 100px; 
	background-color : #121010; /* Color medio */
	padding : 10px 10px 10px 10px;
	margin : 0 auto;
	margin : 0 0 5px 0;
}
#comments_form INPUT { margin : 0 5px 0 0; }
.scroll_bars {
	scrollbar-3dlight-color:#515151; /* Color medio */
	scrollbar-darkshadow-color:#1C1C1C; /* Color oscuro */
	scrollbar-base-color:#red;
	scrollbar-highlight-color:#1C1C1C; /* Color medio */
	scrollbar-shadow-color:#8D8D8D; /* Color oscuro */
	scrollbar-arrow-color:#8D8D8D; /* Color medio */
	scrollbar-face-color:#232321; /* Linea */
	scrollbar-track-color:#232321; /* Color oscuro */
}

/*Carrusel*/
#carousel {
	font: bold 11px Arial, Helvetica;
	color: #FB337B;
	margin : 10px 0 0 14px;
}
#carousel A { /*Links Anterior y Siguiente*/
	font: normal 11px Arial, Helvetica;
	color: #FB337B;
}