/*
Theme Name: Flow Store Blog
Theme URI: http://theflowstore.com/
Description: Theme del blog
Version: 1.0
Author: El Tipo Gráfico
Author URI: http://www.eltipografico.com/
Tags: 

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

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*
	Resetear CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}


/* 
	Resetear CSS 
*/



body {
	background-color: #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}
strong{
	font-weight: bold;
}
hr {
	display: none;
}

.clear {
	clear: both;
}


#page {
	border-top: 5px solid #010101;
}

#margen {
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px 20px 30px 20px;
}

#header h1 {
	float: left;
	width: 30%;
	height: 70px;
}
#header form {
	float: right;
	width: 20%;
	padding-top: 30px;
}

	#header form label {
		display: none;
	}
	#header form input#s {
		border: 1px solid #555;
		padding: 3px 5px;
		width: 100px;
	}
	#header form input#searchsubmit {
		background-color: #555;
		border: 1px solid #555;
		color: #fff;
		padding: 3px 5px;
	}

#menu {
	/*border-bottom: 1px solid #010101;*/
	height: 20px;
	margin: 20px 0 0 0 ;
	clear: both;
	padding-top: 0px;
	/*margin-bottom: 20px;*/
}

	#menu ul li {
		display: block;
		float: left;
		margin-right: 1em;
		font-size: 1.2em;
		font-weight: bold;
	}
	#menu ul li a {
		color: #010101;
		text-decoration: none;
		font-weight: bold;
	}
	#menu ul li a:hover {
		text-decoration: underline;
	}
	
	#menu #paginas {
		float: left;
		width: 70 %;
	}
	#menu #social {
		float: right;
		width: 28%;
		font-size: 0.8em;
	}
	
	
#header_widget{
	clear: both;
	padding-bottom: 2em;
}
	#header_widget *{
		margin: 0;
		padding: 0;
	}
	
	
#content {
	float: left;
    width: 60%;
    padding-right: 20px;
    padding-top: 30px;
    
    border-top: 1px solid black;
    
}

	#content .post {
		padding-bottom: 3em;
	}
	
	#content h2{
		font-size: 1.6em;
		color: #010101;
	}
	#content h2 a{
		color: #010101;
		text-decoration: none;		
	}
	#content h2 .autor {
		font-size: 0.65em;
	}
	#content h3 {
		font-size: 1.2em;
		color: #010101;
	}
	#content h3#comments {
		padding-top: 2em;
	}

	#content p {
		margin: 1em 0;
	}
	
	#content * a {
		color: #010101;
		text-decoration: none;
	}
	#content * a:hover {
		text-decoration: underline;
	}
	
	#content * a.more-link {
		padding-right: 12px;
		background: transparent url(/blog/wp-content/themes/flow/images/flecha.png) no-repeat right center;
	}
	
	#content .entry a {
		color: #010101;
		text-decoration: underline;
	}
	#content .entry a:hover {
		text-decoration: none;
	}
	
	
	#content .postmetadata {
		color: #555;
	}
	#content .fecha {
		color: #555;
		margin: 0;
		padding: 0;
	}
	
	#content form p input.texto {
		border: 1px solid black;
		padding: 2px 3px;
	}
	#content form p textarea {
		border: 1px solid black;
		padding: 2px 3px;
	}
	
	#content .share ul li {
		display: inline;
		float: left;
	}
	#content .share ul li a {
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	#content .relacionados {
		padding: 2em 0;
		
	}

	#content .navigation {
		height: 3em;
		font-size: 0.85em;
		clear: both;
	}
		#content .navigation .alignleft {
			float: left;
			width: 48%;
		}
		#content .navigation .alignright {
			float: right;
			width: 48%;
			text-align: right;
		}





#sidebar {
	float: right;
	width: 28%;
	border-top: 1px solid black;
	padding-top: 30px;
}

	#sidebar h2 {
		font-weight: bold;
		font-size: 1.2em;
		margin-bottom: 0.4em;
		clear: both;
	}
	#sidebar .widget {
		margin-bottom: 2em;
	}
	#sidebar ul li {
		line-height: 1.5em;
	}
	#sidebar * a {
		color: #010101;
		text-decoration: none;
	}
	#sidebar * a:hover {
		text-decoration: underline;
	}
	
	#sidebar .user{
		font-size: 1.2em;
		clear: both;
		height: 50px;
	}
	#sidebar .user .avatar {
		float: left;
	}
	#sidebar .user .name {
		float: right;
		width: 82%;
		padding-top: 15px;
	}
	#sidebar .user a {
		font-weight: bold;
		color: #333;
	}
	#sidebar .user a:hover {
		text-decoration: none;
		color: #555;
	}
	
	
#sidebar form {
	/*float: right;
	width: 20%;*/
}

	#sidebar form label {
		display: none;
	}
	#sidebar form input#s {
		border: 1px solid #555;
		padding: 3px 5px;
		width: 150px;
	}
	#sidebar form input#searchsubmit {
		background-color: #555;
		border: 1px solid #555;
		color: #fff;
		padding: 3px 5px;
	}

#footer {
	clear: both;
	font-size: 0.9em;
	height: 2em;
}

	#footer p a {
		color: #010101;
	}
	#footer p a:hover {
		text-decoration: none;
	}

	#footer p.izquierda {
		float: left;
		width: 67%;
		padding-right: 20px;
	}
	#footer p.derecha {
		float: right;
		width: 30%;
	}
	
	
	
/* comentarios ------------------------------------- */
	
	
	#comments{
		clear:both;
		float:left;
		width:44em;
		margin-top:1em;
	}
	
	#comments a {
		text-decoration: underline;
	}
	#comments a:hover {
		text-decoration: none;;
	}
	
	#comments .title{
		margin-top:1em;
		font:1.6em/1.2em Helvetica, Arial, sans-serif;
		color:#000;
	}
	
	#comments .commentlist{
		float:left;
		width:44em;
		margin-top:.5em;  
	}
	
	#comments .commentlist .comment{
		margin-top:1em;
		padding:1em;
		background: #f9f9f9;
		border: 1px solid #e3e3e3;
	}
	
	#comments .commentlist .comment-author-admin{
		background:#cfcfcf !important;
	}
	
	#comments .commentlist .comment-author .avatar {
		float:left;
		padding:.3em;
		border:1px solid #999;
		background:#fff;
	}
	
	#comments .commentlist .comment-author .author {
		margin-left:1.5em;
		font:.9em/1.6em Arial, Myriad Pro, sans-serif;
	}
	
	#comments .commentlist .comment-author .date {
		margin-left:1.5em;
		font:.9em/1.6em Arial, Myriad Pro, sans-serif;
	}
	
	#comments .commentlist .comment-content{
		margin-left:6.5em;
		font:.9em/1.6em Arial, Myriad Pro, sans-serif;
	}
	
	#comments .commentlist .comment-content .unapproved{
		padding:.3em .5em;
		color:#fff;
		background:#000;
	}
	
	#comments .commentlist .comment-reply-link{
		margin:1em 0 0 0;
		font:.9em/1.6em Arial, Myriad Pro, sans-serif;
	}
	
	#comments .commentlist .comment-reply-link .reply{
		margin:0;
		text-align:right;
	}
	
	#comments .commentlist .comment-reply-link .reply a{
		width:80px;
		height:20px;
		padding:.3em 1.3em;
		color:#555;
	}
	
	#comments .commentlist .comment-reply-link .reply a:hover{
		text-decoration:none;
	}
	
	#comments .commentlist .children .comment{
		background:#f9f9f9;
	}
	
	#comments .commentlist .children .comment .children .comment{
		background:#ecebeb;
	}
	
	#comments .commentlist .children .comment .children .comment .children .comment{
		background:#e4e4e4;
	}
	
	#comments .commentlist .children .comment .children .comment .children .comment .children .comment{
		background:#dfdede;
	}
	
	#comments #respond{
		float:left;
		width:44em;
		padding-bottom:1.5em;
		background:#fff;
	}
	
	#cancel-comment-reply p{
		margin-top:1em;
	}
	
	#comments label {
		display: block;
		padding-top: 10px;
	}



.facebookframe {
	width: 70%;
	float: left;
	text-align: right;
	padding-top: 30px;
}
.sociable {
	padding-top: 20px;
	width: 25%;
	float: right;
}
* .post-edit-link {
	clear: both;
}



	#feedburner {
		padding-bottom: 2em;
	}
	#feedburner input.texto {
		border: 1px solid #555;
		padding: 3px 5px;
		width: 100px;
		color: #555;
	}
	#feedburner input.texto:focus {
		color: #000;
		border: 1px solid #000;
	}
	#feedburner input.boton {
		background-color: #555;
		border: 1px solid #555;
		color: #fff;
		padding: 3px 5px;
	}
	

* .pagebar {
	height: 60px;
}

 * .pagebar .this-page {
	display: block;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
	font-weight: bold;
	color: #fff;
	background-color: #000;
}
* .pagebar .inactive {
	display: block;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
	font-weight: bold;
	color: #000;
	background-color: #e3e3e3;
}
* .pagebar .break {
	display: block;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
	font-weight: bold;
	/*color: #000;
	background-color: #e3e3e3;*/
}



* .pagebar a {
	display: block;
	float: left;
	padding: 1px 5px;
	margin: 0 5px;
	font-weight: bold;
	color: #000;
	background-color: #e3e3e3;
}

* .pagebar a:hover {
	color: #fff;
	background-color: #000;
}

#weblinks {
	position: absolute;
	text-align: right;
	width: 960px;
	margin: 0 auto;
	font-size: 9pt;
}
#weblinks p {
	font-size: 9pt;
}
#weblinks p strong {
	font-weight: bold;
}
#weblinks p a {
	color: #fff;
	background: #000;
	text-decoration: none;
}
#weblinks p a:hover {	
	color: #000;
	background: #fff;
}