/*
Theme Name: Yporquenosolo Blanco
Description: Diseño para el Blog de Yporquenoslo.
Author: Frucomerci
Author URI: http://www.frucomedia.com
Tags: fixed width, two columns, widgets, blue, dark, cars, automotive, glossy, web 2.0, tags, xhtml valid

*/
* {margin: 0px; padding: 0px; }
body { background: #fff; }
a img,:link img,:visited img, img { border:none }

/*color reference*/
.color1 {color: #0B0A0A;} /*black*/
.color2 {color: #808080;} /*white*/
.color3 {color: #DB6D00;} /*orange*/

/*typography for the entire website*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;  } 
body {font-size: 64%; }
p, a, textarea, label, fieldset, tt, input { font-size: 1em; line-height: 1.6em;}

/* Headers
----------------------------------------------- */
h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; line-height:1.4; color:#DB6D00; font-weight: bold; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; font-weight:normal;}
fieldset, textarea, input {border:0px;}
label {margin-right:10px;}

/* Links
----------------------------------------------- */
a { color: #999; text-decoration: none;  }
a:hover { color: #999; text-decoration: underline; }

/* Lists
----------------------------------------------- */
ul { list-style:none }
ul li { }

/* Layout
----------------------------------------------- */
#outer { margin: 0 auto; text-align:left; width:950px; margin-top:10px; }
#header { width: 960px;}
#content { width:960px;}

/* UTILITY 
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




blockquote {
font-family:Arial;
font-size:12px;
color:#3d5163;
background:#c2cdd7;
border:1px solid #eff4f8;
margin:10px;
padding:5px;
}

#container {
width:960px;
padding-bottom:10px;
overflow:hidden;
margin:0 auto;
}

#container #wrapper {
width:960px;
float:left;
overflow:hidden;
background:Transparent;
}

#header {
height:75px;
float:left;
position:relative;
}

#header h1 {
font:28px Arial, serif;
padding-top:10px;
margin-bottom:0;
color:#fff;
float:left;
width:210px;
overflow:hidden;
}

#header h1 a {
color:#fff;
text-shadow:1px 1px 1px #263642;
text-decoration:none;
}

#publi_header{float:right; margin:25px 5px;}

#header_description{
	clear:both;
	margin-bottom:20px;
	background-color:#fff;
	padding:0px 10px 1px 0px;
    height:37px;
    border-bottom:solid 1px #eee;
	margin-top:-25px;
float:left;
width:100%;
}

#header_description a.rss{
	float:right;
	background: Transparent url('./images/rss_feed.png') 0 5px no-repeat;
	padding-left:30px;
	padding-top:9px;
	font-size:1.1em;
        color:#333;
}

#header_description h2{
	color:#ff9900;
	font-size:2em;
	font-weight:bold;
	width:720px;
	float:left;
	height:100%;
    padding:0px;
	text-indent:-9999px;
	background:url(images/slogan_yporquenosolo.jpg) no-repeat;
}


#searchform input {
border:solid 1px #ccc;
padding:4px;
width:288px;
margin:10px 0;
}

#content {
width:630px;
float:left;
background:Transparent;
padding:0px;
font-size:1.2em;
text-align:justify;
}

#content .post {
margin-bottom:20px;
padding-left:0px;
}

#content .post .under_post{height:10px; width:100%;}

#content .post p img,#content .post p img:a {
float:left;
margin:0 10px 0 0;
padding:2px;
}

#content .post h1{
clear:both;
width:100%;
display:block;
line-height:1.2em;
font-size:1.6em;
text-align:left;
}

#content .post h1 a {
text-decoration:none;
color:#da6120;
}

#content .post-list li {
list-style:none;
}

#content .post .post-info, #content .post .post-info-com {
clear:both;
font-size:11px;
color:#111;
margin-bottom:20px;
background:#fff;
padding:3px 5px 5px 0;
}

#content .post .post-info-com {border-bottom:1px dotted #ddd; border-top:1px dotted #ddd; padding-left:20px; background:url(images/info-com.gif) 0 50% no-repeat;}

#content .post .post-info a, #content .post .post-info-com a {
color:#333;
text-decoration:underline;
}

#content .post .post-info a:hover, #content .post .post-info-com a:hover {
color:#ff9900;
}

#content #pages {
text-align:center;
}

#content #pages a {
font:bold 20px Palatino, serif;
color:#414d4c;
text-decoration:none;
}

#content #pages a:hover {
color:#1e2726;
}

.aligncenter {
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

#sidebar {
width:300px;
float:right;
font-size:11px;
margin-bottom:10px;
background-color:Transparent;
color:#555;
border-left:solid 1px #eee;
padding-left:10px;
}


.box {padding:10px 0 5px 0;margin: 0px 10px 10px 0; width:300px;}
.box h3 {font-weight:bold; border-bottom:solid 1px #eee; text-transform:Uppercase;}
.box p {margin-top:10px;font-family:Arial; font-size:1.2em;color:#3a3a3a; }

.nav {}
.nav li {height:23px; padding-top:4px;}
.nav li a, .topnav li a {background:url(images/back_nav_li.gif) 0 60% no-repeat; color:#3a3a3a; text-decoration:none; padding:5px 10px 0 14px; font-family:Arial; font-size:1.2em; width:100%; display:block;}
.nav li a.current, .nav li a:hover {color:#DB6D00;}
.nav li a img {position:relative; top:2px;}
.nav li.nohr {background-image:none;}
.nav li .bullet {margin-right:5px; }

#wrapper-bottom {
width:950px;
height:6px;
float:left;
margin-bottom:7px;
}

.comments_in { padding-left:0px;}

.comments-title {
font:bold 1.4em Arial, Helvetica, Arial, Geneva;
color:#ff9900;
margin:0 0 10px 0;
}

#comments .comment {
background:#eee;
margin-bottom:10px;
overflow:hidden;
padding-bottom:5px;
}

#comments .comment .comment-avatar {
float:left;
width:50px;
padding:5px 7px;
}

#comments .comment .comment-content {
float:left;
width:515px;
background:#fff;
margin:5px 5px 0 0;
padding:10px 15px;
color:#111;
font-size:11px;
}

#comments .comment .comment-content a {
color:#222;
}

#comments .comment .comment-info {
font-size:11px;
color:#222;
margin-bottom:5px;
}

#comments .comment .comment-info span {
font:bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;
padding-right:10px;
margin-bottom:5px;
}

#comments .comment .comment-info a {
color:#222;
text-decoration:none;
}

#commentform {

color:#999;
margin-bottom:20px;
}

#commentform p {
margin-bottom:7px;
}

#commentform textarea {
width:100%;
border:1px solid #aaa;
height:120px;
font: 1.1em Arial;
padding:3px;
margin-top:5px;
}

#commentform input.text {
width:150px;
border:1px solid #aaa;
margin-right:5px;
padding:3px;
}

#commentform input#submit {
padding:3px 10px;
background-color:#ff6b03;
border:1px solid #ff9900;
color:#fff;
}

#commentform input#submit:hover {
padding:3px 10px;
background-color:#444;
border:1px solid #ff9900;
color:#fff;
}


#content .post p,#content ul,ol,dl {
margin-bottom:20px;
}


.thumbnail {
  float: left;
  overflow: hidden;
  width:100%;
  line-height: 170px;
  text-align: center;
  margin:10px auto;
  clear:both;
}

.thumbnail a img {
  float:left;
  padding: 1px;  
  border:1px solid #232323;
  background:Transparent;
}

/* Footer */

#footer {color:#333; border-top:solid 1px #eee; padding-top:10px; clear:both;}
#footer .copy {float:left; padding:6px 10px 0px 10px;}
#footer p{margin:3px 0;} 
#footer a {color:#333; font-size:1.1em;}
#footer a.rss img {margin:2px 5px 3px 0; vertical-align:bottom;}
#footer .facebook {margin-right:5px; vertical-align:middle;}
#footer .twitter {margin-right:5px; vertical-align:middle; }
#footer .legalcontacto {margin-left:420px; width:564px; padding:10px;}
#footer .legalcontacto .legal {width:260px; float:left;}
#footer_in img{	margin-right:10px;float:left;}

/* Social */
.social {clear:both; width:100%; margin:10px 0 10px 0; height:24px; display:block;}
.social li {margin-right:10px;}
.social li a {
	float:left;
	width:89px;
	height:22px;
	overflow:hidden;
	text-indent:-9999px;
	padding:0;
	background:url(images/bkg_social.gif) no-repeat;
}

.social a.facebook {background-position:0 4px;margin-right:10px; }
.social a.twitter {background-position:0 -18px;margin-right:10px; }
.social a.meneame{background-position:0 -40px; margin-right:10px;}
.social a.buzz {background-position:0 -62px;margin-right:10px; }

ul.top_commentators li{height:16px; padding:5px 10px 0px 14px; background:url(images/back_nav_li.gif) 0 60% no-repeat; font-family:Arial; font-size:1.2em; width:100%; display:block; height:23px; }
ul.top_commentators li a{background:none; padding:0 !important; color:#000; border:0 !important;}

#twitter_update_list {line-height: 2em; padding-top: 10px;}