/*
Theme Name: piquetedeOjo
Theme URI: http://piquetedeOjo.com/
Description: Editorial 
Version: 1.6
Author: Vivian Espínola
Author URI: http://piojita.net
Tags: piquetedeOjo, editorial paraguay, paraguay, tipogrfia, libros

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed by Alejandro Valdez,
	whose blog you will find at http://tercermundo.ws/jaguatelevisor


*/


/* Begin Typography & Colors */
@import url("gridsystem.css"); 

/* CSS Document */
html, body,
	h1, h2, h3, h4,
	ul, li,
	div, p, blockquote, address,
	span, code, a, img, strong, em,
	form, textarea {
		font-style: normal;
		font-weight: normal;
		text-align: left;
		margin: 0;
		padding: 0;
		border: none;
		list-style-type: none;
		text-decoration: none;
		vertical-align: top;}
/*----------------------------------------------*/
body			{ font-family: "Lucida Grande", Arial; font-size: 100%}
hr.red			{background:#ff0000;color:#ff0000;clear:both;float:none;width:100%;height:1px;border:none;}
a{ color:#ff0000}
a:hover	{color:#AA2528}
strong {font-weight:bolder}
/*----------------------------*/

.container 		{ margin-top:-20px; margin-bottom:70px}
.cabecera		{ height: 110px; background:#ff0000 }
	.logo		{ height: 110px; background:#ff0000 url(images/logo.png) 20px -1px no-repeat }
.menu 			{ height: 70px;}
	
.preview-books	{ height: 167px; }
	.preview-books .image { height: 123px; background: #666; margin-top: 18px}

.pie			{  }
.pie .col		{  background: #fff;}



.first		{margin-left: 0px}
.last		{margin-right:0px}
.cboth 		{clear: both}
.fright		{float: right }

/*----------------------------*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/*---------------------------*/


.menu		a 	{color: #aaa; font-size: 0.69em; padding-bottom: 5px;  display: block; text-align: center; text-transform: uppercase}
	
	.menu li.selected	{ 
						background: #ff0000;
						color: #fff;
						text-align:center;
						-webkit-border-bottom-left-radius: 10px;
						-webkit-border-bottom-right-radius: 10px; 
						-moz-border-radius-bottomleft: 10px;
						-moz-border-radius-bottomright: 10px;   
						}
	.menu li.selected a {color: #fff; }
	.menu li a { padding-top: 5px }

.preview-books 	{ }

.contenido	{ margin-top:100px}
h3#comments,#respond h3, h1{font-size: 1.1em; color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 4px 0; margin: 0 0 10px 0; padding-bottom: 10px}


.cant_com, .sidebar 			{ font-size: 0.65em}
h3#comments, #respond h3 ,.sidebar h1		{ color: #000; text-transform: uppercase; letter-spacing: 1px; word-spacing:-2px; position:relative}
.sidebar a, .cant_com 			{ color:#ff0000; border-bottom: dotted #000 1px;}
.sidebar a:hover				{ color:#000}
.sidebar ul			{ margin: 0 0 30px 0}
.sidebar li			{ margin: 10px 0; display: block; line-height: 18px}
.sidebar span.fecha	{ margin: 1px 0 0 0; display: block; color: #808184}
	
	.cant_com 		{ display: block; margin-top: 16px; text-transform: uppercase; position: absolute; left: -150px; border: none}
	.cant_com .tags	{ min-width: 100px; display: block; float: left; text-align: right; margin: 0 4px 0 0}
	.cant_com .tags a { border: none; color: #ff0000}.cant_com .tags a:hover {color:#000}
	.cant_com .comentarios{ width: 26px; height: 17px; background: url(images/icn_com.jpg)  no-repeat; display: block; text-align: center; color: #fff; font-size: 0.8em; padding: 1px 0 0 0}
	.cant_com .comentarios a{color: #fff; }

.single				{ min-width: 490px; margin-left: -1px}

.single	img			{ width:100%}

.single .icn		{ width:30px; height:30px; display:block; position:absolute; left:-50px; top:2px}

.sidebar .icn		{ width:30px; height:30px; display:block; position:absolute; left:-50px; top:2px}


.mas		{background:url(images/icn_mas.jpg) no-repeat right top;}
.com		{background:url(images/icn_com.jpg) no-repeat right top;}



.post				{ position:relative; margin: 0 0 50px 0; position: relative}
.post h1			{ border-bottom:none; font-size: 0.875em; margin-bottom: 25px }
.post h1 a			{ color:#000;  font-weight: bold; padding-top: 10px; display: block} .post h1 a:hover{color:#C5393B}
.post p				{ font-size: 0.8125em; margin: 0 0 15px 0}

.postmetadata		{ border-top:1px solid #000; padding:7px 0 0 0}
.postmetadata	a:hover	{color:#000 }
.postmetadata	.editar a {}
.postmetadata span.tags { width:70%; float:left; display:block}
.postmetadata span.fecha{ width:30%; float:right; display:block; text-align:right}

.copete				{ color:#ff0000; font-size: 0.8125em }

.pie			{ border-top:1px solid #ff0000; padding:45px 0 ; border-bottom:1px solid #ff0000; margin-top: 30px; font-size: 0.7em; color: #ff0000; line-height:1.4em;}
.pie h2			{ color: #808285; font-size: 1.1em; margin-bottom: 10px; }
	.social li	{ margin: 2px 0; padding-top: 1px}
	.social	img	{ vertical-align:middle;}
	.social span.img{ display:block; width:15px; height:17px; float:left; margin-right:7px}
	
	.social span.mail{ background:url(images/icn_mail.jpg) left 3px  no-repeat }
	.social a:hover span.mail{background:url(images/icn_mail.jpg) right 3px  no-repeat }
	
	.social span.fb{ background:url(images/icn_fb.jpg) -2px 3px  no-repeat }
	.social a:hover span.fb{background:url(images/icn_fb.jpg) right 3px  no-repeat }
	
	.social span.rss{ background:url(images/icn_rss.jpg) 0px 3px  no-repeat }
	.social a:hover span.rss{background:url(images/icn_rss.jpg) right 3px  no-repeat }
	
	.social span.flickr{ background:url(images/icn_flickr.jpg) 0px 6px  no-repeat }
	.social a:hover span.flickr{background:url(images/icn_flickr.jpg) right 6px  no-repeat }
	
	
	.social span.twitter{ background:url(images/icn_twitter.jpg) 0px 3px  no-repeat }
	.social a:hover span.twitter{background:url(images/icn_twitter.jpg) right 3px  no-repeat }
	
	.pie .twt	{ border:1px solid #000; border-left:none; border-right:none; color:#000; margin:10px 0; padding:4px 0; position:relative; font-size:0.785em;}
	.pie .twt a	{ color: #000}
	
	.pie .twt .fl{ position:absolute; background:url(images/icn_fl.jpg) no-repeat; width:30px; height:30px; display:block; top:-5px}

/*---------------------------*/
h3#comments,#respond h3{ font-size: 0.7em }
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit { margin:10px 0 0 0; width:100px; padding:4px}
#commentform { margin: 40px 0; display: block; font-size: 0.875em}
#commentform label{ width: 80px; display: block; float: left; padding:8px 0 }
#commentform input{ border: 1px solid #ddd; width: 78%; float: right; }
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#commentform textarea { width: 382px}	
#commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: 1px solid #ddd; padding:8px
	}


.commentlist li {
	
	border-bottom: 1px solid #000; font-size: 0.75em;width: 100%; position:relative; margin:30px 0; padding:0 0 10px 0
}

.commentlist li ul li {
	font-size: 0.775em
}


.commentlist li .avatar { 
	
    width:54px; height:54px; position:absolute; left:-75px; top:4px
	}

span.commentmetadata { color:#999; margin-left:4px; font-size:0.8em }
	
.comment-author a{ color:#ff0000; font-size:0.875em; width:auto; float:left}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	padding:10px 0;
	}

/*------------------------------------*/
.button, .button:visited {
	background: #000 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
.button:hover {
background-color:#999;
color:#FFFFFF;
}
.button:active {
top:1px;
}
.small.button, .small.button:visited {
font-size:11px;
}
.button, .button:visited, .medium.button, .medium.button:visited {
font-size:13px;
font-weight:bold;
line-height:1;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}
.tw1 {position:relative; top:43px; left:90px  }
.tw1:hover {color:#000}