/*  
Theme Name: Arriba e la Chancha Clasico
Theme URI: http://quiltro.cl/
Description: Diseņo clasico de Arriba e la Chancha creado el 2004.
Version: 1.0
Author: Claudio Olivares
Author URI: http://quiltro.com/
*/


/*Neutralizacion*/
body, ul, li, img, form { margin:0; padding:0; }

/*Reglas generales*/
body{ font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 87.5%; color:#4C452C; background: url(images/bg_marco.png) repeat-y 0 0; }
img { border: none; }
img.sinborde { border: none; }
.clear { clear: both; }
.izq { float: left; }
.der { float: right; }

/*Vinculos*/
a { color:#044074; text-decoration:none; }
a:hover{ text-decoration:underline; }
a:active{ color:#359df7; }

/*--Posicionamiento general--*/
#marco{ width:700px; }
#principal{ width:500px; float:left; margin-bottom: 20px; }
#principal h1 { margin: 0; padding: 0; height: 206px; text-indent: -9999px; background: url(images/img_header.jpg) no-repeat 0 0; }
#contenido{ padding: 0 20px; }
#contenido h2 { font-size: 2em; }
#contenido h3 { font-size: 1.5em; }
#contenido h4 { font-size: 1em; }
#contenido h2, #contenido h3, #contenido ul { clear:both; } 
#contenido h2, #contenido h3, #contenido h4 { margin: 0.2em 0; color: #4C452C; }
#contenido p{ line-height: 150%; }
#contenido blockquote { margin: 2em 0; padding: 2px 0 0 50px; background: url("images/quotes.jpg") no-repeat top left; font-style: italic; }
#contenido ul{ list-style:none; color:#4C452C; margin-top:20px; padding-left:20px; }
#contenido li { line-height:2em; padding:0 0 0 20px; background: url(images/img_bullet.png) no-repeat 0 7px; }
#contenido .post img { display: block; margin: 0 auto; border: 4px solid #E9E6D9; }

/*el post*/
div.post { margin-bottom: 2em; } 
p.infopost { margin: 0; border-top: 1px dotted #262316; padding-top: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; }
span.cuenta_comentarios { float: right; background: url(images/ico_comentarios.gif) no-repeat 0 center; padding-left: 20px; }
span.cuenta_comentarios a { font-weight: bold; }
p.comenta a { display: block; text-indent: -9999px; margin: 0 0 0 auto; width: 120px; height: 30px; background: url(images/btn_comenta.gif) no-repeat 0 0; }
p.comenta a:hover { background-position: 0 -30px ; }

/*navegacion de los post*/
ul#nav_post { height: 2em; margin-bottom: 1em; padding: 0; }
ul#nav_post li { background: none; padding: 0; }

/*comentarios*/
div.comentario { border-bottom: 1px dotted #262316; }
p.info_comen { font-size: 0.75em; font-weight: bold; }
p.autor_comen { text-align: right; font-weight: bold; }

/*documentos*/
span.pdf { background: url(images/ico_pdf.gif) no-repeat right center; padding-right: 30px; font-weight: bold; }

/*complementos*/
#complementos{ width:180px; margin-left:510px; font-size: 0.85em; }
#complementos h2 { font-size: 1.8em; }
#complementos h3 { font-size: 1.2em; }
#complementos h4 { font-size: 1em; }
#complementos h2, #complementos h3{ color:#5E5738; margin: 0; }
#copyright{ margin:10px 0; }
#copyright p{ color:#716843; }
#navegacion{ border-bottom:5px solid #fff; border-right:5px solid #fff; border-left:5px solid #fff; }
#navegacion ul{ list-style:none; }
#navegacion li{ border-top:5px solid #fff; }
#navegacion a{ display:block; padding:3px 0 3px 25px; font-weight:bold; color:#5E5738; text-decoration:none; background:#E9E6D9 url(images/bg_nav.png) no-repeat 3px; }
#navegacion a:hover{ background-color:#A69A68; color:#E9E6D9; }
div.caja { margin-top:10px; border: 5px solid #F4F2EC; padding:5px; background-color:#E9E6D9; }
div.caja h2 { color:#262316; }
div.caja p { line-height: 1.4em; }
div.caja ul{ list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; }
div.caja li { line-height:1.5em; }
p.feed { margin: 0; }
p.feed a { background: url( images/ico_feed.gif) no-repeat 0 0; display: block; padding-left: 42px; }
p.feed a img { display: block; margin-top: 0.5em; }

/*mini posts*/
div.minipost img { border: 2px solid #F4F2EC; }

/*formularios*/
form p a { font-weight: bold; }
form#b { margin: 0 0 1em 0; }
form#b p { margin: 0; }
form#comentar { margin: 1em 0; padding: 10px; background-color: #E9E6D9; }
div.caja form p { margin: 0.5em 0; }

/*Flickr*/
div#flickr { position: relative; }
div#flickr img { float: left; margin: 0px 1px 1px 0px; border: 2px solid #F4F2EC; position: relative; }

/*publicidad*/
#complementos .ad { margin-top: 10px; }
#complementos .ad a img { margin: 0; }