/*  
Theme Name: Bicivilizate 2007
Theme URI: http://bicivilizate.cl/
Description: Tema de bicivilizate para el 2007.
Version: 1.0
Author: Claudio Olivares Medina
Author URI: http://quiltro.com/

*/

/*=neutralizacion-----------------------------------------------------*/
body, ul, ol, blockquote, form { margin:0; padding: 0; color: #3C3E39; }
ul, ol { list-style: none; }

/*=estilos generales--------------------------------------------------*/
body { font: 75%/1.8em Verdana, Arial, Helvetica, sans-serif; background: url(images/bg_body.png) no-repeat left bottom; padding: 0 0 100px 0; }
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; line-height: 1em; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; color: #0F100E; margin-top: 1.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
img { border: none; display: block; }
a { color: #FF6300; text-decoration: none;  }
.clear {clear: both;}

/*=diagramacion-------------------------------------------------------*/
#marco { width: 820px; margin: 0 auto; }
#top { height: 35px; margin-bottom: 10px; }
#principal, #complementos { float: left; }
#principal { width: 600px }
#complementos { width: 200px; margin-left: 20px; }
#pie { clear: both; }

/*=logo---------------------------------------------------------------*/
h1 { background: url(images/logo.png) no-repeat 0 0; height: 65px; margin: 0; }
h1 a { display: block; width: 229px; text-indent: -9999px; height: 65px; }
p.descripcion { margin: 0; font-size: 0.95em; color: #7A7D73; }

/*=top----------------------------------------------------------------*/
#top { background: url(images/bg_top.gif) repeat-x; font-size: 0.95em; color: #C4C9B9; }
#top p { width: 820px; margin: 0 auto; padding: 5px 0 0 0; }

/*=complementos-------------------------------------------------------*/
#complementos { font-size: 0.95em; }
ul#nav a { font-weight: bold; }

/*=feed*/
p.feed { border-top: 1px dotted #C4C9B9; border-bottom: 1px dotted #C4C9B9; padding: 10px 0; }
p.feed a { display: block; color: #7A7D73; background: url(images/ico_feed.png) no-repeat left center; padding-left: 40px; line-height: 150%; }
p.feed a:hover { color: #FF6300; }

/*flickr*/
div#flickr { border-bottom: 1px dotted #C4C9B9; }
div#flickr img { float: left; margin: 0 4px 4px 0; border: 2px solid #F1F2EE; }
div#flickr p { line-height: 1.2em; clear: both; }

/*feedburner buzzzzzzzzzzzzz*/
div.feedburnerFeedBlock { line-height: 120%; font-family: Arial, Helvetica, sans-serif;}
div.feedburnerFeedBlock ul li { margin: 1em 0; color: #7A7D73; }
span.headline { font-weight: bold; display: block; margin-bottom: 0.5em; }
p.date { font-style: italic; }
div#creditfooter img { margin: 0 auto; }

/*=pie----------------------------------------------------------------*/
#pie { font-size: 0.95em; color: #7A7D73; margin-top: 2em; border-top: 1px dotted #C4C9B9; text-align: center; }

/*=principal----------------------------------------------------------*/
/*estilo posts*/
#posts h2 a, #posts h3 a { color: #0F100E; }
#posts h2 a:hover, #posts h3 a:hover { color: #FF6300; }
#posts p.infopost { border-top: 1px solid #C4C9B9; font-size: 0.95em; margin: 0; }
#posts p.infopost span.cuenta_comentarios { float: right; background: url(images/ico_comentarios.gif) no-repeat center left; padding-left: 20px; }
#posts img { margin: 0 auto; border: 4px solid #F1F2EE; }
#posts p.leertodo { text-align: right; font-weight: bold; }
#posts ul, #posts ol { margin-left: 20px; color: #7A7D73; }
#posts ul li { padding-left: 20px; background: url(images/post_bullet.gif) no-repeat 0 0.3em; }
#posts ol li { list-style: decimal inside; }
#posts blockquote { color: #7A7D73; margin: 1.5em 2em; }
#posts a { color: #0091B4; }

/*navegacion de los post*/
div.nav_post { height: 30px; }
div.der { float: right; }
div.izq { float: left; }

/*previamente*/
h2.previos { color: #7A7D73; margin-top: 2em; }

/*=comentarios--------------------------------------------------------*/
div.comentario {  }
p.info_comment { border-bottom: 1px dotted #C4C9B9; font-weight: bold; }
cite { font-weight: bold; }

/*=formularios--------------------------------------------------------*/
form#b { margin: 1em 0 3em 0; }
form#b input#texto_b { font-size: 0.95em; padding: 2px; color: #7A7D73; }
form#b a { font-weight: bold; }