@charset "UTF-8";
/* 
Theme Name: Xeynus Classic
Theme URI: http://www.xeynus.com
Description: Tema principal y base del blog
Version: 1.0
Author: Marco A. Hernández Pérez
Author URI: http://www.xeynus.com
*/

/*
******************************************************
estilos generales que controlan toda la página
******************************************************
*/

body
{
background:#000000 url(images/body_grad.gif) repeat-x bottom;
font-family:Verdana;
font-size:12px;
color:#FFFFFF;
margin:0;
}

h1
{
	color:#ffffff;
	font-size:18px;
	font-style: normal;
	font-weight: normal;
}

h2
{
	color:#000000;
	font-size:18px;
	font-style: normal;
	font-weight: normal;
}

h3
{
margin:0;
padding:0;
	color:#FF9900;
	font-size:16px;
	font-style: normal;
	font-weight: normal;
	text-align:center;
}

h3.neg
{
	margin:0;
	padding:0;
	color:#FF0000;
	font-size:16px;
	font-style: normal;
	font-weight: normal;
	text-align:center;
	}

.wp-caption
{
font-size:11px;
color:#CCCCCC;
text-align:center;
}

/*Controlador de los álbumes importados de flickr*/
div.flickr-photos img
{
padding:10px;
}

/* Fuerza los FLOATS dentro de un DIV*/
.clearfloat
{
	clear:both;
}

/*quita las balas y mugres de las listas (no son necesarias?*/
ul, li, ol
{
list-style:none;
}

/*
===========================
Manipula los LINKS en general
===========================
*/
a:link
{
color:#FF9900;
text-decoration:none;
}

/*visitados*/
a:visited
{
color:#9E9E9E;
text-decoration:none;
}

/*rollover*/
a:hover
{
color:#FFFB00;
text-decoration:none;
}

/*Al presionarlos*/
a:active
{
color:#2582FA;
text-decoration:none;
}

/*
===========================
Controla la posición de las imágenes dentro de los POSTS
===========================
*/

/*IMÄGEN centrada*/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

/*IMÄGEN alineada a la derecha*/
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

/*IMÄGEN alineada a la izquierda*/
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/*IMÄGEN flotada a la derecha*/
.alignright {
float: right;
}

/*IMÄGEN flotada a la izquierda*/
.alignleft {
float: left;
}

/*
******************************************************
header
******************************************************
*/

#header
{
background:#000000 url(images/header_grad.gif) repeat-x;
height:170px;
}

/*
===========================
Nombre del blog y search field
===========================
*/
#header_info
{
width:960px;
height:110px;
margin:0 auto;
padding:0;
}

/*Parte de arriba del logo*/
#header_info_logo
{
float:left;
width:136px;
height:85px;
background:url(images/logo_up.jpg) no-repeat;
margin:25px 0 0 16px;
padding:0;
}

/*XEYNUS BLOG*/
#header_info_xeynusblog
{
float:left;
width:230px;
height:27px;
background:url(images/xeynus_blog.gif) no-repeat;
margin:70px 0 0 25px;
padding:0;
}

/*Diseño, arte y aplicaciones*/
#header_info_sub
{
float:left;
width:238px;
height:18px;
background:url(images/sub.gif) no-repeat;
margin:80px 0 0 25px;
padding:0;
}

/*
-------------------
SEARCH FIELD
-------------------
*/

/*SEARCH FIELD*/
#header_info_search
{
float:right;
margin:80px 20px 0 0;
padding:0;
color:#005DFF;
}

/*borde izquierdo*/
#header_info_search_left
{
float:left;
width:5px;
height:20px;
background:url(images/search_left.gif) left no-repeat;
margin:0;
padding:0;
}

/*Sección de búsqueda*/
#header_info_search_input
{
float:left;
height:15px;
margin:0;
padding:2px 5px 0 5px;
}

/*borde derecho*/
#header_info_search_right
{
float:right;
width:5px;
height:20px;
background:url(images/search_right.gif) right no-repeat;
margin:0;
padding:0;
}

/*BOTÓN de búsqueda*/
#header_info_searchbut
{
float:left;
width:52px;
height:18px;
background:url(images/search_but.gif) no-repeat;
margin:80px 0 0 15px;
padding:2px 0 0 10px;
}

/*
-------------------
SEARCH FIELD estilos
-------------------
*/

/*LINKS*/
#header_info_searchbut a:link
{
color:#FFFFFF;
text-decoration:none;
}

/*LINKS visitados*/
#header_info_searchbut a:visited
{
color:#FFFFFF;
text-decoration:none;
}

/*LINKS ROLLOVER*/
#header_info_searchbut a:hover
{
color:#FF9900;
text-decoration:none;
}

/*LINKS al PRESIONARLOS*/
#header_info_searchbut a:active
{
color:#2582FA;
text-decoration:none;
}

/*
===========================
Menú y RSS
===========================
*/
#header_menu
{
background:#1F1F1F url(images/cont_grad.gif) repeat-x top;
width:960px;
height:60px;
margin:0 auto;
padding:0;
}

/*Logo de abajo*/
#header_menu_logo
{
float:left;
width:145px;
height:60px;
background:url(images/logo_down.jpg) no-repeat;
margin:0 0 0 11px;
padding:0;
}

/*
-------------------
Inica BARRA DE NAVEGACIÓN
-------------------
*/
#header_menu_nav
{
float:left;
background:url(images/header_menu_grad.gif) left repeat-x;
height:28px;
margin:0;
padding:0;
}

#header_menu_navend
{
float:left;
background:url(images/header_menu_end.gif) left no-repeat;
width:36px;
height:28px;
margin:0;
padding:0;
}

/*lista general de la barra*/
#header_menu_nav ul
{
float:left;
width:100%;
margin:0;
padding:0;
list-style:none;
}

/*ítems de la lista*/
#header_menu_nav ul li
{
float:left;
margin:0;
padding:5px 0 0 30px;
}

/*
-------------------
Barra RSS
-------------------
*/

/*contenedor de la barra RSS*/
#header_menu_rss
{
float:right;
height:28px;
margin:0;
padding:0;
}

/*lista general del RSS*/
#header_menu_rss ul
{
float:left;
margin:0;
width:100%;
list-style:none;
}

/*ítems de la lista RSS*/
#header_menu_rss ul li
{
float:left;
background:url(images/rss.gif) no-repeat left bottom;
height:100%;
margin:0;
padding:10px 25px 0 22px;
}

/*
-------------------
LINKS de la barra de navegación
-------------------
*/

/*Links en las listas*/
#header_menu ul a
{
float:left;
margin:0;
padding:0;
list-style:none;
}

/*LINKS*/
#header_menu a:link
{
display:block;
color:#FFFFFF;
text-decoration:none;
}

/*LINKS visitados*/
#header_menu a:visited
{
display:block;
color:#FFFFFF;
text-decoration:none;
}

/*LINKS ROLLOVER*/
#header_menu a:hover
{
display:block;
color:#FF9900;
text-decoration:none;
}

/*LINKS al PRESIONARLOS*/
#header_menu a:active
{
display:block;
color:#2582FA;
text-decoration:none;
}

/*
******************************************************
contenido
******************************************************
*/

/*DIV principal*/
#contenido
{
background:#1F1F1F;
width:960px;
margin:auto;
margin-bottom:0;
padding:0px;
}

/*aquí van todos los posts, comentarios, info e imágenes*/
#mensajes
{
width:630px;
margin:20px 0 0 30px;
float:left;
}

/*links, info de mí, blogroll, banners y demás*/

#sidebar
{
width:228px;
margin:20px 30px 0 0;
padding:0;
float:right;
}

/*
===========================
Posts del CONTENIDO
===========================
*/

/*caja principal de los POSTS*/
.postbox
{
background:#181818 url(images/post_shad.gif) right top repeat-y;
width:630px;
margin-bottom:40px;
padding:0;
}

/*
-------------------
Título o encabezado del POSTBOX
-------------------
*/
.postbox_tit
{
background:url(images/post_tit.jpg) no-repeat;
margin:0;
padding:0;
height:60px;
}

/*Este es el H1 o TÍTULO de cada post*/
.postbox_tit h1
{
margin:0;
padding:10px 0 0 20px;
color:#FF9900;
}

/*Delimita al autor*/
.postbox_tit_aut
{
float:left;
margin:0;
padding:4px 0 0 20px;
font-weight:400;
}

/*Esto delimita la fecha*/
.postbox_tit_date
{
margin:0;
padding:4px 20px 0 0;
float:right;
text-align:right;
}

/*
-------------------
Contenido del POSTBOX
-------------------
*/
/*Contenido de la caja*/
.postbox_cont
{
background:url(images/post_down.jpg) bottom no-repeat;
margin:0;
padding:5px 20px 20px 20px;
}

/*Etilo de donde se escribe en el post*/
.postbox_cont_write
{
line-height:20px;
}

/*Controla las letras SMALL dentro de los POSTS*/
.postbox_cont_write small
{
line-height:15px;
}

/*Para resaltar cosas importantes*/
.postbox_cont_write strong
{
color:#FFC300;
}

/*Esto delimita las TAGS*/
.postbox_cont_tags
{
float:left;
height:20px;
margin:0;
padding:0;
color:#FF9900;
font-weight:400;
}

/*Esto delimita los COMENTARIOS*/
.postbox_cont_coment
{
margin:0;
padding:0;
float:right;
text-align:right;
}

/*
-------------------
VÍNCULOS del postbox
-------------------
*/

.postbox a:link
{
color:#FF9900;
text-decoration:underline;
}

/*visitados*/
.postbox a:visited
{
color:#9E9E9E;
text-decoration:underline;
}

/*rollover*/
.postbox a:hover
{
color:#FFFB00;
text-decoration:underline;
}

/*Al presionarlos*/
.postbox a:active
{
color:#2582FA;
text-decoration:underline;
}

/*
-------------------
VÍNCULOS del título
-------------------
*/

.postbox_tit a:link
{
text-decoration:none;
}

/*visitados*/
.postbox_tit a:visited
{
text-decoration:none;
}

/*rollover*/
.postbox_tit a:hover
{
text-decoration:none;
}

/*Al presionarlos*/
.postbox_tit a:active
{
text-decoration:none;
}

/*
===========================
COMENTARIOS
===========================
*/

/*caja principal de los COMENTARIOS*/
.comment
{
background:#141313 url(images/post_shad.gif) right top repeat-y;
width:630px;
margin-bottom:20px;
padding:0;
}

/*TÍTULO del comentario*/
.comment_tit
{
background:url(images/com_tit.jpg) top no-repeat;
margin:0;
padding:0;
height:48px;
}

/*Avatar y nombre del autor del comentario*/
.comment_tit_aut
{
margin:0;
padding:8px 0 0 20px;
color:#FF9900;
float:left;
}

/*Fecha del comentario*/
.comment_tit_date
{
margin:0;
padding:5px 20px 0 0;
float:right;
text-align:right;
}

/*Contenido de la caja*/
.comment_cont
{
background:url(images/com_down.jpg) bottom no-repeat;
margin:0;
padding:5px 20px 20px 20px;
line-height:20px;
}

/*
===========================
PÁGINA independiente
===========================
*/

/*caja principal de los PAGES*/
.pag
{
background:#141313 url(images/post_shad.gif) right top repeat-y;
width:630px;
margin-bottom:20px;
padding:0;
}

/*
-------------------
Título o encabezado de la PÄGINA
-------------------
*/
.pag_tit
{
background:url(images/page_tit.jpg) no-repeat;
margin:0;
padding:0;
height:44px;
}

/*Este es el H1 o TÍTULO de cada PÁGINA*/
.pag_tit h1
{
margin:0;
padding:10px 0 0 20px;
color:#ffffff;
font-size:18px;
}

/*
-------------------
Contenido de las PAGES
-------------------
*/
/*Contenido de la caja*/
.pag_cont
{
background:url(images/page_down.jpg) bottom no-repeat;
margin:0;
padding:5px 20px 20px 20px;
}

/*Etilo de donde se escribe en la página*/
.pag_cont_write
{
line-height:20px;
}

/*Controla las letras SMALL dentro de las PAGES*/
.pag_cont_write small
{
line-height:15px;
}

/*Para resaltar cosas importantes*/
.pag_cont_write strong
{
color:#FFC300;
}

/*
===========================
Cosas FUERA de los POSTS
===========================
*/
/*DIV de navegación*/
.navigation
{
width:630px;
margin-bottom:40px;
padding:0;
font-size:14px;
}

/*Controla las letras SMALL dentro de los POSTS*/
#mensajes small
{
line-height:15px;
text-align:center;
}

/*
===========================
Cajas de la SIDEBAR
===========================
*/

/*Esta es la caja principal*/
.barbox
{
background:#181818 url(images/bar_shad.gif) right top repeat-y;
width:228px;
margin-bottom:25px;
padding:0;
}

/*
-------------------
Título o encabezado de la caja
-------------------
*/

/*Fondo del título de la imagen*/
.barbox_tit
{
background:url(images/bar_tit.gif) no-repeat;
margin:0;
height:30px;
}

/*Este es el H2 o TÍTULO*/
.barbox_tit h2
{
margin:0;
padding:3px 0 0 20px;
}

/*
-------------------
Contenido de la caja
-------------------
*/

/*Contenido de la caja*/
.barbox_cont
{
background:url(images/bar_down.gif) bottom no-repeat;
margin:0;
padding:0 0 10px 0;
}

/*IMÁGENES*/

.barbox_cont_ide
{
  display:block;
  margin:auto;
  padding:10px;
}

.barbox_cont img
{
  padding:10px;
}

/*Párrafos*/
.barbox_cont p
{
margin:0;
padding:0 20px 20px 20px;
}

/*
-------------------
VÍNCULOS de la barra
-------------------
*/

/*Propiedades de las LISTAS*/
.barbox ul
{
margin:0;
padding:0 8px 0 0;
list-style-type:none;
}

/*Propiedades de los ITEMS*/
.barbox li
{
margin:0;
padding:10px 10px 10px 20px;
border-top:#212121 2px solid;
color:#FF9900;
}

/*LINKS*/
.barbox a:link
{
color:#FFFFFF;
text-decoration:none;
}

/*LINKS visitados*/
.barbox a:visited
{
color:#878787;
text-decoration:none;
font-style:italic;
}

/*LINKS ROLLOVER*/
.barbox a:hover
{
color:#FF9900;
text-decoration:none;
}

/*LINKS al PRESIONARLOS*/
.barbox a:active
{
color:#2582FA;
text-decoration:none;
}


/*
******************************************************
footer
******************************************************
*/

/*DIV principaldel footer*/
#footer
{
background:#000000 url(images/footer_grad.gif) repeat-x;
width:960px;
height:38px;
margin:auto;
margin-bottom:35px;
padding:0;
font-size:8pt;
text-align:center;
}

/*esquina izquierda*/
#footer_left
{
background:#000000 url(images/footer_left.gif) no-repeat left top;
width:10px;
height:38px;
margin:0;
padding:0;
float:left;
}

/*esquina derecha*/
#footer_right
{
background:#000000 url(images/footer_right.gif) no-repeat right top;
width:10px;
height:38px;
margin:0;
padding:0;
float:left;
}

/*DIV de la información*/
#footer_center
{
margin:0;
padding-top:10px;
width:940px;
height:28px;
float:left;
}