/*
	Theme Name: Pinbin Child
	Theme URI: http://colorawesomeness.com/themes/pinbin
	Description: Pinbin WordPress theme is a fully responsive theme that looks great on any devices including iPad, iPhone or any other mobile device. This theme is inspired by Pinterest grid system that puts images first.  Pinbin is a perfect fit for photographers, web designers and anyone who likes to show off their photos, mockups, infographics and any other images.  Some other great features are sticky (fixed) navigation, translation ready, responsive layout, simplicity and minimalism.
	Author: Color Awesomeness
	Author URI: http://colorawesomeness.com/themes
	Template: pinbin
	Version: 1.4.7
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: light, white, brown, gray, black, photoblogging, one-column, flexible-width, custom-background, custom-menu, featured-images, full-width-template, microformats, theme-options
	
*/

@import url("../pinbin/style.css");

/* Centrado de los post individuales */
.type-post {
  left: 50%;
  transform: translate(-50%, 0%);
}
#post-area .type-post {
  left: 3%;
  transform: translate(0%, 0%);
}

/* Botón de buscar a la derecha */
#top-area {
    padding-right: 50px;
    float: right;
    vertical-align: top;
    margin-top: -20px;
}

.main-nav ul li {
  display: inline;
  float: left;
  padding: 1px 10px;
  position: relative;
}
.main-nav ul li:hover a,.main-nav li.current-menu-item a,.main-nav li.current-post-parent a {
  color: #274c2c;
  font-weight:normal;
}

/*Sub menú movido hacia arriba*/
.sub-menu li{margin-top: -10px !important;} 

ul li {
  font-size: 13px;
  padding-left: 10px;
  color: #454545;
}
ol li {
  font-size: 13px;
  padding-left: 10px;
  margin-bottom: 7px;
  color: #454545;
}
.wp-caption {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px;
}
.wp-caption-text {
  margin-top: 2px;
  padding-left: 3px;
  text-align: left;
  font-style: italic;
  font-size: 12px;
  color: #666;

/* Flecha en menú */
.menu li > a:after {
  content: ' ?';
	font-size:12px;
	font-weight:bold;
}

.menu li > a:only-child:after {
  content: '';
}