/*
Theme Name: Fundación Candil
Theme URI: http://www.fundacioncandil.org.ar
Description: Fundación Candil - Theme original creado por <a href="http://www.rjrodriguez.com.ar">RCH</a>
Version: 1 (WP2.7)
Author: Ricardo J Rodriguez
Author URI: http://www.rjrodriguez.com.ar
Tags: Candil, RCH, original.
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body				{ background: #000 url(style/images/bg_body.jpg) repeat-x fixed top;}
#contenedor			{ width: 980px; margin: 0 auto; padding: 0 10px; background: url(style/images/bg_contenedor.png) repeat-y center; }

/* ENCABEZADO ******************/
#cabezal			{ background: url(style/images/bg_cabezal.jpg) no-repeat center top; overflow: hidden; width: 100%; padding-top: 20px; }

/* logo ************************/
#logo				{ background: url(style/images/bg_logo.jpg) no-repeat right top; width: 192px; float: left; margin-right: 20px; }
#logo small			{ text-align: right; display: block; font: italic normal 12px Georgia; color: #060; padding-bottom: 1em; }
#logo a				{ display: block; text-indent: -99999px; height: 170px; width: 192px; }
		
/* Slideshow *******************/
#slideshow			{ position: relative; height: 197px; float:left; width: 530px; }
#slideshow img 			{ position: absolute; z-index: 8; left: 0px; top: 0px; }
#slideshow img.active 		{ z-index: 10; }
#slideshow img.last-active 	{ z-index: 9; }

/* Post it *********************/
#postit				{ float: right; width: 220px; height: 197px; background: url(style/images/bg_slideshow.jpg) no-repeat top left;  }
#postit a			{ color: #fff; display: block; height: 195px; }

/* NAVEGACIÓN IZQUIERDA ********/
#izquierda                      { float: left; width: 212px;}
#nav				{ text-align: right; width: 192px; margin-right: 20px; padding-top: 1em; border-top: 1px solid #999; }
#nav li				{ line-height: 18px; text-transform: uppercase; font-size: 11px; margin: 0.2em 0; }
#nav li a:link, #nav li a:visited	{ text-decoration: none; color: #346702; font-weight: bold; display: block; }
#nav li a:hover, #nav li a:active	{ display:block; color:#FFF; background-color:#F6B207; }
#nav li ul li a:link, #nav li ul li a:visited	{ font-weight: normal; color: #999; }
#nav li ul li a:hover, #nav li ul li a:active	{ font-weight: normal; color: #333; }
.links                          { padding: 1em 0 0 1em; border-top: 1px dotted grey; margin-right: 20px; }
.links li                       { margin-bottom: 5px; padding-bottom: 0.5em;}
.links li a                     { display: block; text-align: center;}

/* CONTENIDO ***********/
#contenido			{ float: left; width: 530px; line-height: 18px; border-top: 1px solid #999; }
#contenido h4			{ font: italic 14px Georgia, "Times New Roman", Times, serif; color: #060; margin-bottom: 1em; }
#contenido a			{ text-decoration: none; color: #060; }
#contenido a:hover		{ color: #F6B207; }
#contenido p			{ margin-bottom: 1em; }
#contenido ul			{ margin: 0 2em 1em; padding-left: 1em; }
#contenido ul li		{ list-style: disc outside; }
.intro, .pagina, .post		{ border-bottom: 1px dotted #999; padding: 1em 20px; }

/* INTRO ***********************/
.intro				{ font: italic 18px/24px Georgia, "Times New Roman", Times, serif; color: #060; background: url(style/images/bg_intro.jpg) repeat-x bottom; }
	
/* PÁGINAS *********************/
.pagina h1, .post h1			{ font: italic 22px/24px Georgia, "Times New Roman", Times, serif; margin-bottom: 0.5em; color: #060;}
.pagina h2		{ font: normal 16px Arial, Helvetica, sans-serif; margin-bottom: 0.5em; color: #C90;}
	
/* POSTS ***********************/
.post				{ background-color: #FFC; }
.post h2 			{ font: bold 16px Arial, Helvetica, sans-serif; margin-bottom: 1em; }
.post small			{ font-size: 10px; color: #666; display: block; }

/* COMENTARIOS *****************/
.comentarios			{ padding: 15px; }
.comentarios h4			{ color:#999; margin-bottom: 1em; }
.comentarios cite		{ font-weight: bold;}
.comentarios ol li		{ border-bottom: 1px dotted #999;}
	
/* Formulario ******************/
#commentform			{ padding: 15px;}

/* SIDEBAR *********************/
#derecha			{ float: right; width: 220px; border-top: 1px solid #999; padding-top: 1em; line-height:1.4em; }
#derecha h2			{ font: normal 11px/16px Arial, Helvetica, sans-serif; color:#999; margin: 2em 0 1em 0; border-top: 1px solid #999; }
#derecha .widget_categories a,
#derecha .widget_links a	{ text-decoration:none; color:#060; }
#derecha .widget_categories a {background:url(style/images/bull_link.gif) no-repeat left center; padding-left: 10px;}
#derecha .widget_categories a:hover,
#derecha .widget_links a:hover	{ text-decoration:underline; }
#derecha li ul li a img		{margin-bottom: 1.5em;}
	
/* separar el pie **************/
#nav, #contenido, #derecha 	{ margin-bottom: 2em;}

/* PIE *************************/
#pie				{ clear: both; border-top: 3px solid #360; padding: 2em 0 2em 212px; font-size: 11px; color: #666; overflow: hidden; border-bottom: 1px solid #360; }
#pie address 			{ display: block; float: left; margin-right: 4em; }
.hidden				{ display: none;}