/*  
Theme Name: Bci Blog
Theme URI: http://www.bci.cl/blog
Description: Theme disenado por Aardvark para el blog del Bci.
Version: 1.0
Author: Aardvark Labs
Author URI: http://www.aardvark.cl

*/

/* Layout primario. Sobreescribe a /css/layouts.css y /css/master.css
--------------------*/
#wrapper {
	width:80em;
}
.col-2-primary .content-area {
	margin:0 21em 0 0;
}
.col-2-primary .primary {
	width:19em;
}
/* de todo
----------------*/
li{
	list-style:none;
}


/* header
----------------*/

#header {
	margin: 1em 0 2em;
}
#titulo {
	padding-top: .2em;
	margin-bottom: 2em;
}

#titulo h1 a{
	color: #111;
}
#header img.bloglogo {
	margin-bottom: -4px;
}

/* buscador 
----------------*/
#search{
	float:right;
	margin-top: 1em;
}
#search input#s {
	color: #999;
	width: 123px;
	padding-left: 2px;
}
#search input:focus#s {
	color: #000;
}
#search p{
	margin: -3px 0 10px 0;
	text-align: right;
}
.rss img{
	border: 0;
	margin: 2px 2px 0 5px;
	position: relative;
	top: 4px;
}
.lupa{
	display:none;
}

/* paginas
-------------*/
.post{
	margin: 0 0 5em;
}
.post h1, .post h2{
	font-size: 2.3em;
	letter-spacing: -.05em;
	margin-bottom: 3px;
	padding-top: 4px;
	line-height: 1em;
}
.post h2 a{
	text-decoration: none;
}
.post h1{
	color: #333;
}
.entry{
	clear:both;
}
.entry_author_image{
	float:right;
	margin: .6em .3em .6em 1em;
	border: 1px solid #ccc;
}
.entry_author_image img{
	height: 50px;
	width: auto;
}
.entry img {
	border-width: 0;
}
.post small{
	color: #777;
	font-size: .95em;
}
.post p{
	margin: 1.2em .5em;
	font-size: 1.1em;
}
a.more, a.more-link{
	margin: 0 1em;
	background: url('i/post.png') 0 0 no-repeat;
	padding: 0 0 1px 22px;
}
.post blockquote {
	background: transparent url('i/quoright.png') bottom right no-repeat;
}
.post blockquote p {
	padding: 0 48px;
	background: transparent url('i/quoleft.png') top left no-repeat;
}
.post ol,
.post ul {
	margin: 1em;
}
.post li {
	margin-left: 2.2em;
	border-left: solid 3px #eee;
	padding: .2em .5em;
	line-height: 120%;
}
.post ol li {
	list-style: decimal;
}
.post ul li {
	list-style: disc;
}
.metadata{
	color: #444;
	display:block;
	margin-top: .7em;
	border: 1px solid #ccc;
	padding: .3em .7em;
	font-size: .9em;
	background: url('i/bgr_cols.gif') repeat-x bottom;
	min-height: 2em;
}
* html .metadata {
	height:2em;
}
.numcomments{
	float:right;
	padding: .2em .5em;
	background:url('i/short-submit-bg.png') left top repeat-x #24af48;
	border: solid #1CA039 2px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	margin: -3px -7px;
}
a.numcomments:hover {
	background:#1CA039;
	color:white;
}
.nav, .nav2{
	text-align:center;
	display:block;
	clear:both;
	margin: 3em 0;
	font-size: 1.4em;
}
.nav a {
	padding: .75em;
}

#proximos {
	margin-bottom: 3em;
}
#proximos ul{
	margin: .5em 2em 0 2em;
}
#proximos li{
	border-bottom: 1px solid #dadada;
	padding: .3em 0;
}
#proximos li a.comenta{
	color: #666;
	margin-left: .3em;
}
#proximos li:hover{
	background-color: #fafafa;
}

/* comentarios
---------------*/
#comments{
	margin: 5em 0 3em;
	font-size: 1.05em;
}

#comments h4{
	font-size: 1.5em;
	float:right;
	margin: 0 0 1em .5em;
}
#comments h5{
	font-size: 1.5em;
	margin-right: .5em;
	color: #555;
}

#comments h2{
	margin: 2em 0 1em .5em;
}
#commentlist{
	margin: 0;
}
#commentlist li {
	position: relative;
	border-top:solid #c2cbd5 1px;
	background: url("i/bg_col.gif") repeat-x center top;
}
#commentlist li.own .comment-meta {
	background: url("i/monologo-comentario.png") no-repeat 2px -6px;
}
#commentlist li.ants {
	border-color: #ffcc00;
	background: url("i/bgr_comment_editor.gif") repeat-x center top;
}
p.comment-page-numbers {
	text-align: center;
}
.comment-meta {
	position: relative;
	border-bottom: solid #EEE 1px;
	padding: .2em 1em;
	margin-bottom: -1em;
}
li.ants .comment-meta {
	border-color: #FFFF99;
}
.comment-meta cite{
	display: block;
	padding-top: .2em;
	font-style: normal;
	padding-left:20px;
}
.comment-meta cite a, .comment-meta cite strong {
	text-decoration:none;
}
.comment-meta small {
	float:right;
	color:#666;
	font-size:.8em;
	margin: -2em 3em 0 0;
}
.comment-meta cite small a:link,
.comment-meta cite small a:visited {
	color:#999;
}
.avatar img {
	float:left;
	margin-right: 1em;
	border:0;
}

.comment-body {
	min-height: 3em;
	overflow: hidden;
	margin: 1em 1em 2em;
	color: #444;
}
* html .comment-body {

}
.comment-body blockquote {
	font-size: 1em;
	border-color: #CCC;
	border-width: 1px 0;
	border-style: solid;
}
.comment-body blockquote p {
	margin: .3em;
	font-size: 1em;
}
big.comment-number{
	float:right;
	font-size: 2em;
	margin-top: .1em;
	padding: 1px 0;
}
big.comment-number a{
	color: #ccc;
	text-decoration: none;
}
.comments-pager {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
}
.comments-pager a {
	text-decoration: none;
}
.comments-pager a:link,
.comments-pager a:visited {
	border: solid #FF6600 1px;
	padding: .2em .4em;
}
.comments-pager a:hover {
	border: solid #FF3300 1px;
	background-color: #FF3300;
	color: white;
}
.comments-pager a.active {
	border: solid #FF3300 1px;
	background-color: #FF6600;
	color: white;
}
#commentform p{
	margin: 1em;
}
#commentform p small {
	font-size: .9em;
}
#commentform textarea{
	width: 96%;
	margin: .5em 2%;
	height: 100px;
}
#commentform input{
	font-size: 1.3em;
	padding: 0 .3em;
}
#commentform #publicar {
	float: right;
	padding: .2em .5em;
	background:url('i/short-submit-bg.png') left top repeat-x #24af48;
	border: solid #1CA039 2px;
	color: white;
}


/* sidebar 
----------- */
.aboutblog{
	background: #ccff99;
	padding: .2em 1em .1em;
	margin: 1em 0;
	font-size: 1.1em;
}
.aboutblog p a{
	margin-top: .5em;
	display:block;
	text-align: right;
}

.column a{
	color: #666;
}
.column li li:hover{
	list-style:disc;	
}
.column h2{
	margin: 0 0 .7em;
	text-transform: capitalize;
}
.column ul{
	margin: 0 0 2em 0;
}
.column li li{
	margin: 0 .75em .3em 1.5em;
	padding: .2em 0;
	list-style: circle;
	line-height:1.2em;
}
.column li select{
	margin-left: 20px;
	width: 80%;
}

.yellowbox{
	background-color: #ffffcc;
	font-size: 1.2em;
	padding-bottom: 1px;
}
.column .yellowbox h2{
	background-color: #ffcc00;
	font-size: .95em;
}
.column .yellowbox ul{
	margin: 0 0 .5em 0;
}
.column .yellowbox li{
	list-style: none;
	margin-left: 1em;
	font-weight: bold;
	line-height: 1em;
	padding: .5em 0;
	border-bottom: 1px solid #FFE88F;
}
.column .yellowbox li:hover{
	list-style: none;
}
.column .yellowbox a:hover{
	color: #333;
}

.column .yellowbox li a{
	color: #666;
	text-decoration: none;
}