/**
 * Theme Name: Outline
 * Theme URI: http://themehybrid.com/themes/outline
 * Description: A child theme of the Hybrid framework with impeccable typography and a custom background that makes use of all the features WordPress has to offer.
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Version: 0.1
 * Tags: threaded-comments, microformats, translation-ready, two-columns, fixed-width
 * Template: hybrid
 *
 * Copyright (c) 2010 Justin Tadlock.  All rights reserved.
 *
 * Outline is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

/* Base CSS */
@import url('../hybrid/library/css/25px.css');

/* Plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

body {
	font: 16px/25px Georgia, Times, 'Times New Roman', serif;
	color: #333;
	background: #fff url(images/code.png) repeat 0 0;
	border-top: 15px solid #222;
	border-bottom: 15px solid #222;
	}

#body-container {
	overflow: hidden;
	height: 100%;
	width: 100%;
	}

/**
* Elements
**************************************/

/* Links */
a {
	color: #215671;
	color: #680005;
	color: #243d61;
	}
	
a:hover, a:active {
	color: #ac2e1b;
	text-decoration: underline;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
	}

/* Lists */
.content ul {
	list-style: none;
	}
.content ul li {
	padding: 0 0 0 12px;
	background: url(images/bullet.png) no-repeat 3px 10px;
	}
.content ul li li {
	padding-left: 15px;
	background: url(images/bullet-sub.png) no-repeat 3px 9px;
	}

/* Blockquotes */
blockquote {
	overflow: hidden;
	margin: 0 0 25px 0;
	padding: 25px 25px 0 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #f9f9f9;
	border: 1px dotted #ccc;
	}

/* Code */
code {
	padding: 0 3px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #eee;
	}
pre {
	overflow: auto;
	padding: 15px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #f7f7f7;
	border: 1px solid #eee;
	}
pre code {
	padding: 0;
	background: transparent;
	}

/* Object */
object {
	max-width: 600px;
	}

/* Tables */
table {
	width: 100%;
	background: #fff;
	border: 1px dotted #ccc;
	}
caption {
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	text-align: right;
	color: #666;
	}
td {
	padding: 5px 2%;
	color: #444;
	border: 1px dotted #ccc;
	}
tr {
	background: #fff;
	}
tr.alt, tr.even {
	background: #f6f6f6;
	}
th {
	padding: 5px 2%;
	font: normal normal bold 13px/25px Arial, Verdana, sans-serif;
	color: #333;
	background: #fff;
	border: 1px dotted #ccc;
	}

/* Notes */
.note {
	padding: 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #444;
	background: #eee;
	border: 1px dotted #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #444;
	background: #fffbbc;
	border: 1px dotted #E6DB55;
	}

/* Errors */
.error {
	padding: 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #444;
	background: #ffebe8;
	border: 1px dotted #C00;
	}

/* Downloads */
.download {
	margin: 0 0 25px 0;
	padding: 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #444;
	background: #e7f7d3;
	border: 1px dotted #6c3;
	}

/* Series */
.series {
	overflow: hidden;
	margin-bottom: 21px;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 18px 0 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 18px;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 21px auto !important;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 18px 0;
	}
.clear {
	clear: both;
	}
span.pullquote {
	float: none;
	margin: 0;
	}

/**
* Images
**************************************/
img {
	border: none;
	background: none;
	}
.hentry img {
	max-width: 600px;
	}
.singular-attachment .hentry img {
	max-width: 960px;
	}
img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* Gallery [gallery] */
.gallery {
	overflow: hidden;
	margin-bottom: 21px;
	}

/* Captions [caption] */.wp-caption {
	overflow: hidden;
	max-width: 598px;
	padding: 4px 0 0 0;
	background: #f1f1f1;
	border: 1px dotted #ddd;
	text-align: center;
	}
.wp-caption img {
	max-width: 586px;
	margin: 0;
	padding: 0;
	border: 1px dotted #ddd;
	}
.wp-caption .wp-caption-text {
	margin: 0 0 2px 0;
	padding: 0 5px;
	font-size: 12px;
	font-style: italic;
	color: #ae1b22;
	text-align: right;
	background: #f7f7f7;
	}

/* Thumbnails */
.thumbnail {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 15px 9px 0;
	padding: 9px;
	background: #fff;
	border: 1px dotted #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 15px 6px 0;
	padding: 3px;
	background: #f1f1f1;
	border: 1px dotted #ccc;
	}
.user .avatar {
	margin-bottom: 21px;
	padding: 9px;
	background: #f6f6f6;
	}

/**
 * Secondary menu
 *************************************/
#secondary-menu {
	width: 100%;
	height: 36px;
	margin: 0 0 -22px 0;
	}
#secondary-menu .menu {
	width: 960px;
	height: 36px;
	margin: 0 auto;
	}
#secondary-menu ul {
	float: right;
	border-bottom: 3px solid #356e8b;
	}
#secondary-menu ul li {
	font: normal normal bold 11px/13px Arial, Verdana, sans-serif;
	text-transform: uppercase;
	}
#secondary-menu ul li a {
	padding: 11px 25px 11px 25px;
	color: #aaa;
	background: #222;
	}
#secondary-menu li.current-menu-item a {
	color: #eee;
	}
#secondary-menu li.current-menu-item li a {
	color: #aaa;
	}

/* Drop-down styles */
#secondary-menu li ul {
	border: none;
	}
#secondary-menu li:hover ul, #secondary-menu li.sfHover ul {
	top: 34px;
	}
#secondary-menu li li:hover ul, #secondary-menu li li.sfHover ul {
	top: 0;
	}
#secondary-menu li li {
	font-weight: normal;
	text-transform: none;
	}
#secondary-menu li li a {
	padding: 9px 75px 9px 25px;
	border: none;
	}
#secondary-menu li li a:hover {
	text-decoration: underline;
	}

/* Sub-nav icon. */
#secondary-menu a.sf-with-ul {
	padding-right: 35px;
	}
#secondary-menu .sf-sub-indicator {
	position: absolute;
	top: 11px;
	right: 18px;
	width: 12px;
	text-indent: -9999em;
	background: url(images/secondary-menu-sub-icon.png) no-repeat 3px 5px;
	}
#secondary-menu li li .sf-sub-indicator {
	background: url(images/secondary-menu-sub-sub-icon.png) no-repeat 3px 0px;
	}

/**
* Header
**************************************/
#header-container {
	width: 960px;
	height: 55px;
	margin: 25px auto;
	}
#header {
	height: 55px;
	}
#site-title {
	margin: 0 0 10px 0;
	font: normal normal bold 30px/30px Arial, Verdana, sans-serif;
	}
#site-title a {
	color: #000;
	}
#site-description {
	margin: 0;
	font: italic normal normal 15px/15px Georgia, Times, 'Times New Roman', serif;
	color: #666;
	}

/**
* Navigation
**************************************/
#primary-menu {
	height: 36px;
	width: 960px;
	margin: 0 auto;
	}
#primary-menu .menu {
	float: left;
	width: 660px;
	height: 36px;
	border-left: 1px dotted #ccc;
	}
#primary-menu ul {
	}
#primary-menu ul li {
	font: normal normal bold 11px/13px Arial, Verdana, sans-serif;
	text-transform: uppercase;
	}
#primary-menu ul li a {
	padding: 11px 25px 11px 25px;
	color: #222;
	background: #fff;
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	}
#primary-menu li.current-menu-item a {
	background: #fff url(images/primary-menu-active.png) repeat-x 0 0;
	border-top: none;
	border-bottom: 2px solid #fff;
	}
#primary-menu li li.current-menu-item a, #primary-menu li.current-menu-item li a {
	background: #fff;
	border-top: 1px dotted #ccc;
	border-bottom: none;
	}

/* Drop-down styles */
#primary-menu li ul {
	margin-left: -1px;
	}
#primary-menu li:hover ul, #primary-menu li.sfHover ul {
	top: 36px;
	margin-left: -1px;
	background: #fff;
	border-bottom: 1px dotted #ccc;
	}
#primary-menu li li:hover ul, #primary-menu li li.sfHover ul {
	top: 0;
	}
#primary-menu li li {
	font-weight: normal;
	text-transform: none;
	}
#primary-menu li li a {
	padding: 9px 75px 9px 25px;
	border: 1px dotted #ccc;
	border-bottom: none;
	}
#primary-menu li li a:hover {
	background: #fff;
	text-decoration: underline;
	}

/* Sub-nav indicator. */
#primary-menu a.sf-with-ul {
	padding-right: 35px;
	}
#primary-menu .sf-sub-indicator {
	position: absolute;
	top: 11px;
	right: 18px;
	width: 12px;
	text-indent: -9999em;
	background: url(images/primary-menu-sub-icon.png) no-repeat 3px 5px;
	}
#primary-menu li li .sf-sub-indicator {
	background: url(images/primary-menu-sub-sub-icon.png) no-repeat 3px 0px;
	}

/* Search form. */
#primary-menu .search {
	float: right;
	width: 278px;
	height: 30px;
	background: #fff;
	border: 1px dotted #ccc;
	}
#primary-menu input[type="text"] {
	float: left;
	width: 228px;
	padding: 7px 10px 5px 10px;
	font-size: 13px;
	font-style: italic;
	color: #666;
	background: #fff;
	border: none;
	}
#primary-menu input[type="submit"] {
	float: left;
	font-size: 0px;
	color: #fff;
	padding-left: 10px;
	width: 30px;
	height: 30px;
	background: #fff url(images/search-icon.png) no-repeat 5px 3px;
	border: none;
	text-indent: -9999em;
	}

/**
* Content
**************************************/

#container {
	overflow: hidden;
	width: 960px;
	padding: 25px 25px 0 25px;
	margin: 0 auto 39px auto;
	background: #fff;
	border: 1px dotted #ccc;
	}

.content {
	overflow: hidden;
	float: left;
	width: 600px;
	}
.primary-inactive.secondary-inactive .content {
	width: 960px;
	}

/* Breadcrumbs */
.breadcrumb-trail {
	overflow: hidden;
	margin-bottom: 25px;
	font-size: 12px;
	font-style: italic;
	line-height: 25px;
	color: #666;
	}
.breadcrumb-title {
	display: none;
	}
.breadcrumb-trail a[rel="home"] {
	padding-left: 18px;
	background: url(images/home.png) no-repeat 0 1px;
	}
.breadcrumb-trail .sep {
	color: #999;
	padding: 0 3px;
	}
.breadcrumb-trail a {
	font-style: normal;
	color: #356e8b;
	}
.breadcrumb-trail a:hover {
	color: #ac2e1b;
	}

/* Posts */

.resaltado {
	background-color:#D1E2EF;
	padding:1em;
	margin:1em 0;
	-moz-border-radius: .8em; //Solo Firefox
}

.resaltado h2 {
	margin:0;
}

.hentry {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
	}

/* Post titles */
.entry-title {
	margin-bottom: 3px;
	}
.entry-title a {
	color: #000;
	}
.archive .entry-title, .search .entry-title, .home .entry-title, .blog .entry-title {
	font-size: 1.2em;
	}
.singular .entry-title {
	margin-bottom: 25px;
	}
.singular-post .entry-title {
	margin-bottom: 10px;
	}

/* Byline */
.byline {
	margin: 0 0 9px 0;
	font: normal normal normal 12px/24px Arial, Verdana, sans-serif;
	color: #999;
	}
.singular .byline {
	margin-bottom: 25px;
	}
.byline abbr {
	border: none;
	}
.byline abbr:hover {
	border-bottom: 1px dotted #999;
	}
.byline a {
	color: #356e8b;
	}
.byline a:hover {
	color: #ac2e1b;
	}

/* Entry content. */
.entry-summary p {
	margin: 0 0 9px 0;
	}

/* <!--more--> link */
.more {
	font-style: italic;
	}

/* Entry metadata */
.entry-meta {
	margin: 0;
	font: normal normal normal 12px/24px Arial, Verdana, sans-serif;
	color: #999;
	}
.singular .entry-meta {
	clear: left;
	}
.entry-meta a {
	color: #356e8b;
	}
.entry-meta a:hover {
	color: #ac2e1b;
	}

/* Single post author box. */
.singular-post .author-profile, .singular-post .content .series {
	overflow: hidden;
	margin-bottom: 48px;
	padding: 25px 25px 0 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #fff;
	border: 1px dotted #ddd;
	}
.singular-post .author-profile .author-name {
	margin: 0 0 9px 0;
	font-size: 14px;
	color: #333;
	}
.singular-post .author-profile .author-name a {
	font-style: normal;
	}
.singular-post .author-profile .avatar {
	margin-bottom: 5px;
	padding: 9px;
	background: #fff;
	border: 1px dotted #ccc;
	}
.singular-post .author-profile .twitter {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: italic;
	text-align: right;
	}
.singular-post .author-profile .twitter a {
	padding-left: 25px;
	background: url(images/twitter.png) no-repeat left bottom;
	}

/* Archives, search, etc. */
.archive-info, .search-info {
	overflow: hidden;
	margin-bottom: 50px;
	padding: 25px 25px 12px 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #fff;
	border: 1px dotted #ccc;
	}
.archive-info p {
	margin: 0 0 13px 0;
	}
.archive-title, .search-title {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #333;
	}

/* Page links */
.wp-pagenavi {
	margin-bottom: 25px;
	text-align: center;
	}
p.pages, .wp-pagenavi {
	color: #666;
	line-height: 24px !important;
	}
p.pages a, .wp-pagenavi a {
	margin: 0 3px 0 2px;
	padding: 4px 10px;
	border: 1px solid #d3d3d3;
	}
p.pages a:hover, .wp-pagenavi a:hover {
	background: #eee;
	}

/**
* Previous/Next Page Navigation
*********************************************/
/* Navigation links */
.navigation-links {
	clear: both;
	overflow: hidden;
	margin: 0 0 25px 0;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 49%;
	}
.navigation-links .next {
	float: right;
	max-width: 49%;
	text-align: right;
	}
 

/**
* Widgets
**************************************/
#primary, #secondary {
	float: right;
	width: 280px;
	}
#secondary {
	clear: right;
	}
#primary .widget, #secondary .widget {
	overflow: hidden;
	margin-bottom: 24px;
	font-size: 13px;
	}
.widget-title {
	margin-bottom: 10px;
	padding-bottom: 9px;
	font-size: 15px;
	border-bottom: 1px dotted #ccc;
	}
.widget ul, .content .widget ul {
	list-style: none;
	margin: 0 0 24px 0;
	}
.widget ul ul, .content .widget ul ul {
	margin: 0;
	}
.widget li, .content .widget li {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 3px 9px 12px;
	background: url(images/bullet.png) no-repeat 2px 10px;
	border-bottom: 1px dotted #ccc;
	}
.widget li li, .content .widget li li {
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	background: url(images/bullet-sub.png) no-repeat 1px 7px;
	border: none;
	}
.widget li a, .content .widget li a {
	color: #333;
	}

/* Term/tag clouds. */
p.term-cloud, p.post_tag-cloud {
	overflow: hidden;
	}
p.term-cloud a, p.post_tag-cloud a {
	float: left;
	display: block;
	height: 11px;
	margin: 0 6px 12px 6px;
	padding: 9px 21px 9px 10px;
	font-size: 11px !important;
	line-height: 11px;
	color: #fff;
	background: #000 url(images/tag-icon.png) no-repeat right 0;
	}

/* Content area widgets. */
#content .widget {
	overflow: hidden;
	margin-bottom: 48px;
	padding: 25px 25px 0 25px;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #666;
	background: #fff;
	border: 1px dotted #ddd;
	}

/**
* Comments
**************************************/
#comments-template h3 {
	font-size: 1.2em;
	}

.comment-list {
	list-style: none;
	margin: 0;
	border-top: 1px dotted #ccc;
	}
.comment-list ol {
	list-style: none;
	margin: 0 0 21px 0;
	border-top: 1px dotted#d3d3d3; 
	}
.comment-list li {
	overflow: hidden;
	margin: 0;
	padding: 21px 21px 0 21px;
	position: relative;
	background: #fff;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
.comment-list li.alt {
	background: #fff;
	}
.comment-list li.entry-author {
	background: #f1f1f1;
	}
.comment-list .avatar {
	width: 40px;
	height: 40px;
	margin-bottom: 0;
	padding: 1px;
	}
.comment-meta {
	color: #888;
	font: 12px Arial, sans-serif;
	margin: 3px 0 21px 0;
	}
.comment-meta cite {
	color: #666;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	}
.comment-meta cite a {
	color:#333;
	}
.comment-meta abbr {
	border: none;
	}
.comment-meta abbr:hover {
	border-bottom: 1px dotted #999;
	}
.comment-list .comment-text {
	padding: 0 9px;
	}

/* Comment form */
#respond {
	overflow: hidden;
	margin: 24px 0;
	}
#commentform label, .contact-form label {
	font: 12px Arial, Verdana, sans-serif;
	color: #888;
	}
#commentform input[type="text"], .contact-form input[type="text"] {
	display: block;
	width: 98%;
	}
#commentform p.form-author {
	float: left;
	width: 45%;
	margin-right: 9%;
	}
#commentform p.form-email {
	float: right;
	width: 45%;
	margin-right: 1%;
	}
#commentform textarea, .contact-form textarea {
	display: block;
	width: 98.5%;
	}
.contact-form div {
	margin-bottom: 21px;
	}
.contact-form div.form-label {
	margin: 0;
	}
.contact-form legend {
	display: none;
	}
#submit {
	float: right;
	margin-left: 21px;
	}
#submit:hover, .button:hover {
	cursor: pointer;
	}
span.required {
	font-size: 16px;
	font-weight: bold;
	color: #FF4B33;
	}

/**
* Subsidiary
**************************************/
#subsidiary {
	overflow: hidden;
	width: 1000px;
	margin: 25px auto -25px auto;
	}
#subsidiary .widget {
	float: left;
	width: 220px;
	margin: 0 5px 25px 20px;
	}

/**
* Footer
**************************************/
#footer-container {
	overflow: hidden;
	clear: both;
	background: #fff;
	border-top: 1px dotted #ccc;
	/*border-bottom: 1px dotted #999;*/
	}
#footer {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 48px 0 24px 0;
	color: #333;
	border-bottom: 3px solid #356e8b;
	}
#footer a {
	font-style: italic;
	}
#footer a:hover {
	}

#footer .copyright {
	float: left;
	width: 50%;
	}
#footer .credit {
	float: right;
	width: 50%;
	text-align: right;
	}