/*  
Theme Name: Vico
Theme URI: http://www.tremendotaller.cl/vico/
Description: Blog para taller vico
Version: 0.5
Author: Matias Aros
Author URI: http://mat.agencia86.org
*/

/*************************************
 +Containers
 *************************************/
	body{
	background:#fff;
	font-size:62.5%;
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:1.7;
	margin:0;
	padding:0;
	text-align:center;
}
#wrap{
	margin:0 auto;
	text-align:left;
	width:890px;

}
#cafe {
        background: url(http://mat.agencia86.org/bg.png) repeat-y;
        float:left;
}
#content{
	font-size:1.2em;
	float:left;
	width:659px;
        padding-bottom:30px;
}
#sidebar{
	font-size:1.1em;
	float:right;
	padding-top:2em;
	width:210px;
        margin-bottom:30px;
}
#header{
	
}
#footer{
	width: 890px;
	text-align: center;
	clear: both;
	font-size: 1em;
	padding: 0.1em;
	background: #000;
	color: #fff;
}
#flickr {text-align:center;}
#flickr img {margin: 0 10px 10px 0; border:0;}
/*************************************
 +Content Entry
 *************************************/
.navigation { clear: both; text-align: right; padding-right: 50px; background: #fff; }
.contenido_page {
	width: 600px;
	float: right;
	padding-top: 15px;
	padding-right: 12px;
}
.contenido {
	width: 420px;
	float: right;
	padding-top: 15px;
	padding-right: 12px;
}
.datos {
	width: 190px;
	float: left;
	padding-top: 22px;
	margin-left: 15px;
	margin-left: expression('8px'); /* any IE */
}
.datos p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 3px;
	margin: 5px 0 0px 0;
}
.datos a {
	color: #000;
}
.datos a:hover {
	color: #DB0048;
}
.entrytitle h2{
	font-size:1.6em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DB0048;
	padding-bottom: 0px;
}
.entrytitle h2 a{
	color:#DB0048;
}
.entrytitle h2 a:hover{
	color:#000;
}
.entrytitle h3{
	font-size:0.9em;
	color:#6F6F6F;
}
.entry{
	margin-bottom:3em; 
}

.entrymeta{
	font-size:0.77em;
}
.entrymeta a {
	display:block;
}
p.postedby{
	background: url(http://mat.agencia86.org/user.gif) no-repeat;
	padding-left:20px;
}
p.filedto{
	background: url(http://mat.agencia86.org/text.gif) no-repeat;
	display:block;
	padding-left:20px;
}
p.date{
	background: url(http://mat.agencia86.org/date.gif) no-repeat;
	padding-left:20px;
}
p.commentslink{
	background: url(http://mat.agencia86.org/comment.gif) no-repeat;
	display:block;
	padding-left:20px;
}

/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0;
}

/*************************************
 +Header
 *************************************/

#info {
	text-align:right;
	padding:0;
	background:#FFD200;
	display:block;
	clear:both;
	width: 890px;
	float: left;
	margin-top: 2px;
}
#info ul{
	line-height:1.428em; 
	font-family: baskerville,'palatino linotype','times new roman',serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.143em;
	margin:0;
	padding:0;
}
#info li {
	font-size:1.25em;
	text-align:center;
	float:left;
	display:block;
	color:#000;
	border-right:2px solid #fff;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	display:inline;
}
#mix {
	display: inline;
}
#barra {
	text-align:right;
	padding:0;
	background:#000;
	display:block;
	float: left;
	margin-top: 2px;
	width: 659px;
}
#barra ul{
	line-height:1.428em; 
	font-family: baskerville,'palatino linotype','times new roman',serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.143em;
	margin:0;
	padding:0;
}
#barra li{
	display:inline;
}
#barra li a{
	font-size:1.25em;
	text-align:center;
	float:left;
	display:block;
	color:#fff;
	background:#000;
	border-right:2px solid #fff;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}
#barra li a:hover{
	background:#DB0048;
	color:#fff;
}
#barra li a.sobre {
	font-size:1.25em;
	text-align:center;
	float:left;


	display:block;
	color:#fff;
	background:#DB0048;
	border-right:2px solid #fff;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}
#pic { 
	width: 890px;
	height: 160px;
	clear: both;
	float: left;
	background: url('http://mat.agencia86.org/pic.jpg') no-repeat;
}
#sidebar h2{
	color:#000;
	font-size:1.5em;
	padding: 0 0 2px 0;
	margin: 0.5em 0 0.2em 0;
}
/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li{
	border-bottom:1px dotted #c6c6c6;
	margin-bottom:0.3em;
	padding:0.3em;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
	clear: both;
	width: 420px;
	float: right;
	padding-top: 15px;
padding-right: 12px;
}
.commentsblock textarea{
	width:94%;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#fff;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#fff;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#000;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	border-top:1px dotted #d1d1d1;
	border-bottom:1px dotted #d1d1d1;
	margin-bottom:0.5em;
	padding:0.5em;
}
.alt{
	border-top:1px dotted #d1d1d1;
	border-bottom:1px dotted #d1d1d1;
	padding:0.5em;
}
h3#comments{
	font-size:1.3em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

/*************************************
 +Misc
 *************************************/
a{
	color:#DB0048;
	text-decoration:none;
}
a:hover{
	color:#000;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
/************************************
 +Search Form
 *************************************/
#search_form { 
	text-align: right;
	background:#000 url(http://mat.agencia86.org/search.gif) no-repeat 208px;
	padding: 0;
	float: right;
	margin-top: 2px;
	width: 231px;  }
#search_form .buscar {
	width: 130px;
	font-size:1.2em;
	background-color: #000;
	color: #fff;
	border: 0px;;
	font-family:baskerville,'palatino linotype','times new roman',serif;
	letter-spacing:0.12em;
	padding: 6px 0 6px 0;
	height: 15px;
	margin-right: 40px;
	overflow-x: hidden;
	height: expression('12px'); /* any IE */
	font-size: expression('1.1em'); /* any IE */
}
