/* 

Theme Name: Black-LetterHead

Theme URI: http://ulyssesonline.com

Description: Black Letterhead is a 2-column minimalistic theme with a black background.

Author: Ulysses Ronquillo

Author URI: http://ulyssesonline.com

Version: 1.5

Tags: two columns, fixed width, black, orange, widgets, minimalist, right sidebar, dark, graphics free, 



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/



/* Begin Typography & Colors */







body {



	font-size: 62.5%; /* Resets 1em to 10px */

	font-family:  Arial,Verdana, Sans-Serif; 





	background: #242424;





	color: #B0B0B0;



	text-align: center;

	}



#page {

	border: 11px solid #30302e;

	text-align: justify;

	background-color: #252525;

	}



#header {

	background-color: #0e0e0e;

	}



#content {

	font-size: 1.2em

	}



.widecolumn .entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, .widecolumn .entry, .narrowcolumn .entrytext{

/*	line-height: 1.4em;*/

	line-height: 2.3;

	}



.widecolumn {

	line-height: 1.4em;

	}

	

.narrowcolumn .postmetadata {

	text-align: left;

	}



.alt {

	background-color: #252525;

	}



small {

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}



strong {

	color: #E2D6B3;

       }



h1 {

	font-family: Garamond, Serif;

	font-weight: bold;

	}



/* jp@11nov */

h2{

        font-family: Arial, Helvetica, sans-serif;

}



/*h2, */h3 {

        font-family: Palatino Linotype, Serif;

}



h1 {

	font-size: 3.4em;

	text-align: center;

	text-transform: uppercase;

	letter-spacing: 12px;

	}



.description {

	font-size: 1.2em;

	text-align: center;

	letter-spacing: .6em;

	}



h2 {

	font-size: 1.7em;

	}



h2.pagetitle {

	font-size: 1.7em;

	}

	

#sidebar {

/* Configuracion para la barra lateral a la izquierda

        border-right: #505050 1px solid;

*/

/* Configuracion para la barra lateral a la derecha */

        border-left: #505050 1px solid;

         }

	

#sidebar h2 {

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 1.2em;

	}



h3 {

	font-size: 1.4em;

	}



h1, h1 a, h1 a:visited, h1 a:hover, .description {

	text-decoration: none;

        color: #F7EED5;

/*      color: #F7EED5;

        color: #D0CCC2;

	color: #E4D3A6; */

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

/*	color: #E2D6B3;*/

color: #ffffff;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

        text-align: left;

	}



.entry p a:visited {

	color: #E08C13;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em Verdana, Arial, Sans-Serif;

	}

	

.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}



#sidebar {

	font: 1em Verdana, Arial, Sans-Serif;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #666;

        padding-top: 5px;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover {

        color: #ffffff;

	text-decoration: none;

	}





a,  h3 a:hover {

        color: #E08C13;

	text-decoration: none;

	}





a:hover {

	color: #707070;

	text-decoration: underline;

	}

	

#wp-calendar #prev a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}



/* End Typography & Colors */





/* Begin Structure */



body {

	margin: 0 auto 0 auto;

	padding: 0 0 12px 0;

	}



#page {

	margin: 12px auto 8px auto;

	padding: 10;

	width: 822px;

	}

	

#header {

	padding: 0;

	margin: 0 auto;

	height: 181px;

	width: 100%;

	}



/* Configuración para la barra lateral a la izquierda

.narrowcolumn {

float:right;

margin-top: 10px;

padding: 0px 53px 10px 53px;

width:485px;

}

*/



/* Configuración para la barra lateral a la derecha */

.narrowcolumn {

float: left;

margin-top: 10px;

padding: 0px 53px 10px 53px;

width: 482px;

}



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 480px;

	}



.pagepost {

	margin: 0 0 40px;

	}

	





.post {

	margin: 0 0 40px;

        border-bottom: #303030 solid 2px;

}







.widecolumn .post {



	margin: 0;



	}







.narrowcolumn .postmetadata {



	padding-top: 5px;







	}







.widecolumn .postmetadata {



	margin: 30px 0;



	}



	









#footer {







	padding: 20px 0 0 0;







	margin: 0 auto;







	width: 760px;















	clear: both;













	}















#footer p {







	margin: 0;







	padding: 20px;







	text-align: center;







	}







/* End Structure */















/*	Begin Headers */















h1 {







	padding-top: 40px;







	margin: 0;







	}















.description {







	text-align: center;







	}















h2 {







	margin: 35px 0 0;







	}















h2.pagetitle {







	margin: 0px;







        padding: 30px 0 0 0; 







	}















#sidebar h2 {







	margin: 5px 0 0;







	padding: 0;







	}















h3 {







	padding: 0;







	margin: 30px 0 0;







	}















h3.comments {







	padding: 0;







	margin: 40px auto 20px ;







	}







	







/* End Headers */























/* Begin Lists















	Special stylized non-IE bullets







	Do not work in Internet Explorer, which merely default to normal bullets. */















html>body .entry ul, .entrytext ul, .pagepost ul {







	margin-left: 0px;







	padding: 0 0 0 30px;







	list-style: none;







	padding-left: 10px;







	text-indent: -10px;







	} 















html>body .entry li, .entrytext li, .pagepost li {







	margin: 5px 0 5px 10px;







	}















.entry ul li:before, .entrytext ul li:before, /*#sidebar ul ul li:before,*/ .pagepost ul li:before {







	content: "\00BB \0020";







	}















.entry ol {







	padding: 0 0 0 35px;







	margin: 0;







	}















.entry ol li {







	margin: 0;







	padding: 0;







	}















.postmetadata ul, .postmetadata li {







	display: inline;







	list-style-type: none;







	list-style-image: none;







	}







	







#sidebar ul, #sidebar ul ol {







	margin: 0;







	padding: 0;







	}















#sidebar ul li {







	list-style-type: none;







	list-style-image: none;







	margin-bottom: 15px;







	}















#sidebar ul p, #sidebar ul select {







	margin: 5px 0 8px;







	}















#sidebar ul ul, #sidebar ul ol {







	margin: 5px 0 0 10px;







	}















#sidebar ul ul ul, #sidebar ul ol {







	margin: 0 0 0 10px;







	}















ol li, #sidebar ul ol li {







	list-style: decimal outside;







	}















#sidebar ul ul li, #sidebar ul ol li {







	margin: 3px 0 0;







	padding: 0;







	}















/* End Entry Lists */























/* Begin Form Elements */















#searchform {







	margin: 10px auto;







	padding: 5px 3px; 







	text-align: left;







	}















#sidebar #searchform #s {







	width: 90px;







	padding: 2px 0 0 0px;







        background-color: #333333;







        color: #B0B0B0;



border:1px #666666 solid;



	}















#sidebar #searchsubmit {







	padding: 1px;







	background-color: #333333;







        color: #B0B0B0;







	}















.entry form { /* This is mainly for password protected posts, makes them look better. */







	text-align:center;







	}















select {







	width: 130px;







	}















#commentform input {







	width: 170px;







	padding: 2px;







	margin: 5px 5px 1px 0;







        color: #B0B0B0;	







        background-color: #333333;







        border: 1px ridge #ccc;







	}















#commentform textarea {







	width: 100%;







	padding: 2px;







        background-color: #333333;







        border: 1px ridge #ccc;







        color: #B0B0B0;







	}















#commentform #submit {







	margin: 0;







	float: right;





        border: 1px ridge #ccc;







	}















input {







	padding: 2px;







	margin: 5px 5px 1px 0;







        color: #B0B0B0;	







        background-color: #333333;







        border: 1px ridge #ccc;	}	















/* End Form Elements */























/* Begin Comments*/















.alt {







	margin: 0px;







	padding: 0px;







	}















.commentlist ol {







	padding: 0px;







	text-align: left;







	}















.commentlist li {







	margin-left: -40px;







	padding: 10px;







	list-style: none;







	}

















.commentlist p {







	margin: 10px 5px;







	}















#commentform p {







	margin: 5px;







	}















.nocomments {







	text-align: center;







	margin: 0;







	padding: 0;







	}















.commentmetadata {







	margin: 0;







	display: block;







	}









/* End Comments */



/* Begin Sidebar */



/* Configuración para la barra lateral a la izquierda

#sidebar

{



margin-top: 40px;



padding: 10px 23px 10px 23px;



width: 184px;



}

*/





/* Configuración para la barra lateral a la derecha */

#sidebar

{





margin-top: 40px;



padding: 10px 23px 10px 23px;



margin-left: 592px;



width: 180px;



/*Para IE*/



#margin-left: 0px;

#float: right;



}





#sidebar form {







	margin: 0;







	}















/* End Sidebar */























/* Begin Calendar */















#wp-calendar {







	empty-cells: show;







	margin: 10px auto 0;







	width: 155px;







	}











































































#wp-calendar #next a {







	padding-right: 10px;







	text-align: right;







	}















#wp-calendar #prev a {







	padding-left: 10px;







	text-align: left;







	}















#wp-calendar a {







	display: block;







	}



































#wp-calendar caption {







	text-align: center;







	width: 100%;







	}















#wp-calendar td {







	padding: 3px 0;







	text-align: center;







	}















#wp-calendar td.pad:hover { /* Doesn't work in IE */







	background-color: #000; 







	}















/* End Calendar */























/* Begin Various Tags & Classes */















acronym, abbr, span.caps {







	cursor: help;







	}















acronym, abbr {







	}















blockquote {







	margin: 15px 30px 0 10px;







	padding-left: 20px;







	border-left: 1px solid #333;







	}















blockquote cite {







	margin: 5px 0 0;







	display: block;







	}







hr {







	display: none;







	}







 







.center {







	text-align: center;







	}















a img {







	border: none;







	}















.navigation {







	display: block;







	text-align: center;







	margin-top: 10px;







	margin-bottom: 10px;







	}











.aligncenter, div.aligncenter {



    display: block;



    margin-left: auto;



    margin-right: auto;



}











.alignleft {







        text-align: left;







        float: left;







}















.alignright {







        text-align: right;







        float: right;







}







	







.entry img, .entrytext img {







	margin: 7px;







	}







	







.gravatar img {







	float:right;







	margin-top:-15px;







}







.wp-caption {



   border: 1px solid #ddd;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 10px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



}











/* End Various Tags & Classes*/







/* DE NOMADA*/



a.lup:link{ 

	text-decoration:none;

	color:#ab6b0f;

	font:11px Arial, Helvetica, sans-serif;

	

}



a.lup:visited{ 

	text-decoration:none;

	color:#ab6b0f;

	font:11px Arial, Helvetica, sans-serif;

}



a.lup:hover{ 

	text-decoration:none;

	color:#cccccc;

font:11px Arial, Helvetica, sans-serif;



}



.info{font:10px Arial, Helvetica, sans-serif; 

color:#666666;

}



a.info:visited{

color:#666666;

}



a.info:link{

color:#666666;

}



a.info:hover{

color:#a2a2a2;

text-decoration:none;

}



.style2 {color: #FFFFFF}

.style3 {

    color: #ab6b0f;

    font-family: none;

    #font-family: serif;

    font-size: 12pt;

    #font-weight: 200;

    #font-size: 8pt; /* Para IE */

}





.textoBarraLateral{

	font:8pt Arial, Helvetica, sans-serif; 

	color:#666666;

	/*color:#a2a2a2;*/

}







.infoFooter, .infoFooter a:link, .infoFooter a:visited, .infoFooter a:hover{



	text-decoration: none;



	font:10px Arial, Helvetica, sans-serif; 



	color:#a2a2a2;



}



/*NUEVO HEADER*/







/*



 * PÁGINA



 */







.tablaPagina{

	width: auto;



	height: auto;





}







/*



 * HEADER



 */



 



.filaContenedorHeader{



	height: 178px;



}







.tablaHeader{



	border-bottom: 1px solid #252525;



	background-color: #0e0e0e;



	width: 822px;



}







.celdaLogoHeader{



	/* COMENTARIO POSIBLEMENTE INNECESARIO*/



	/* Este width está ligado al width de .tablaContenidoHeader */



	width: 192px;



	text-align: left;

	#text-align: right; /* Para IE */

}



.imagenLogoHeader{

	width: 140px; 

	height: 135px;

	padding-left: 24px;

	#margin-right: 28px;

	border: 0;

}







.tablaContenidoHeader{



	/* Este width está ligado al width de .celdaLogoHeader : 822px - 192px : 630px*/





	width: 100%;







}







.margenArribaHeader{



	/*ATENCION: Pixel que se agrega aquí, se resta en .margenAbajoHeader*/



	height: 57px;



	#height: 55px; /* Para IE */



}







.margenAbajoHeader{



	/*ATENCION: Pixel que se agrega aquí, se resta en .margenArribaHeader*/



	height: 71px;



}







.margenDerechoHeader{



	/* Lo único que hay que modificar aquí es el width*/



	width: 42px;



	height: 178px;



}







.margenEntreTextoYBotonesHeader{



	height: 10px;



}







/* Esta tabla contiene actualmente los links a Inicio >> Contáctenos */



.tablaTextoHeader{



	height: 20px;



	text-align: right;



}







.margenDerechoTextoHeader{



	width: 10px;



}







.tablaBotonesHeader{



	width: 531px;













	height: 20px;

























	background-color: #ca8408;



}







.distanciaEntreBotonesHeader{



	width: 25px;



}







.margenIzquierdoBotonesHeader{



	width: 25px;



}







.margenDerechoBotonesHeader{



	width: 25px;



}







.botonAudiovisualesHeader{



	width:119px;



	border: none;



}







.botonFotografosHeader{



	width:114px;



	border: none;



}







.botonBlogHeader{



	width:53px;



	border: none;



}







.botonFotoensayosHeader{



	width: 120px;



	border: none;



}







.franjaHorizontal{



    width: 100%;



    height: 2px;



    background-color: #1A1A1A;



}







/*



 * TIPOGRAFÍA



 *



 */



 



 







.tituloBarraLateral{

	text-align: justify;

	/*color:#666666;*/

	color: #dddddd;

	font:13px Arial, Helvetica, sans-serif;

	font-weight: bold;

 }







/*

 * TIPOGRAFÍA

 *

 */

 

 

/*

 * HEADER

 */



.textoHeader{

	font:8pt Arial, Helvetica, sans-serif; 

	color:#666666;

}



.textoHeader a:visited, .textoHeader a:link{

	text-decoration:none;

	color:#cccccc;

	font:11px Arial, Helvetica, sans-serif;

}



.textoHeader a:hover{

	text-decoration:none;

	color:#ffffff;

	font:11px Arial, Helvetica, sans-serif;

}





/*

 * CUERPO PÁGINA - BARRA LATERAL

 */ 

 

.tituloBarraLateral{

	text-align: justify;

	/*color:#666666;*/

	color: #dddddd;

	font:13px Arial, Helvetica, sans-serif;

	font-weight: bold;

 }

 

.textoBarraLateral{

	text-align: justify;

	font:8pt Arial, Helvetica, sans-serif; 

	color:#666666;

}



.textoBarraLateral a:visited, .textoBarraLateral a:link{

	color:#E08C13;

        text-decoration: none;

}



.textoBarraLateral a:hover{

	color:#a2a2a2;

        text-decoration: none;

}



.textoSuscripcionBarraLateral{

	text-align: left;

        font:8pt Arial, Helvetica, sans-serif; 

	color:#666666;

}



.cajaDeTextoSuscripcion{

   background-color:#30302e;

   border: 1px #666666 solid;

   color:#FFFFFF;

   text-align: left;

}





.autorTextoBarraLateral{

	margin-top: 5px;

	text-align: right;

}



.tablaSuscripcionBarraLateral{

	text-align: center;

	width: 170px;

}



.ingresoSuscripcion{	

	text-align: left;

}



.botonSubmit{

	margin-top: 3px;

	padding: 1px;

	background-color: #333333;

	color: #B0B0B0;

        border: 1px #666666 solid;

}





.textoBarraLateralSuscripcion{

	text-align: left;

	font:8pt Arial, Helvetica, sans-serif; 

	color:#666666;

        font-weight: bold;

}







.blinks{

	text-align:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:8pt;

	color:#a2a2a2;

	text-decoration:none;

}



.blinks a:link, .blinks a:visited, .blinks:hover{

	text-align:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:8pt;

	color:#a2a2a2;

	text-decoration:none;

}



.creditoFoto, .creditoFoto a:link, .creditoFoto a:visited, .creditoFoto a:hover{

	font-family: Arial, Helvetica, sans-serif; 

	color:#a2a2a2;

	text-decoration: none;

	text-align:right;

	font-size:10px;

	margin-top:-22px;

	align:right;

}



.creditoFotovertical, .creditoFotovertical a:link, .creditoFotovertical a:visited, .creditoFotovertical a:hover{



    font-family: Arial, Helvetica, sans-serif; 

	color:#a2a2a2;

	text-decoration: none;

	text-align:left;

	font-size:10px;

	margin-top:-22px;
	
	

	


}




.narrowcolumn .entry p, .narrowcolumn .entrytext p{

	margin-top:0px;

	margin-bottom:17px;

}

.creditoTexto{

	text-align:right;

	font-style:italic;

	margin-top:-6px;

	margin-bottom:0px;

}


/* 2.7 Comment Changes */

.thread-alt {
/*background-color: #040404;*/
background-color: #1d1d1d;
}

.thread-even {
/*background-color: #090909;*/
background-color: #1d1d1d;
}


.depth-1 {
border: none;
padding: 10px 10px 10px 10px;
}

.depth-2 {
/*background-color:#272727;*/
background-color: #1d1d1d;
border-top: solid 2px #303030;
padding: 30px 0px 10px 0px;
}

.depth-3 {
/*background-color:#272727;*/
background-color: #1d1d1d;
border-top: solid 2px #303030;
padding: 30px 0px 10px 0px;
}

.depth-4 {
/*background-color:#272727;*/
background-color: #1d1d1d;
border-top: solid 2px #303030;
padding: 30px 0px 10px 0px;
}

.even, .alt {
margin:15px 0px 0px;
/*   border: 1px solid #222;*/
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.children li {
font-size:1em;	
}

/* Por JP */
.reply{
/*margin-bottom:12px;*/
margin-bottom:30px;
}
.reply a:hover, .reply a:visited, .reply a:link{
color: #666666;
font-weight:bold;
}
.children li{
/*padding-left: 24px;*/
margin-bottom: 0px;
}

/* End of 2.7 Comment Changes */