@charset "utf-8";
/*   
Theme Name: Cochólogo
Theme URI: http://cochologo.com
Description: Tema desarrollado exclusivamente para el blog Cochólogo
Version: 1.0
Author: Axel Pardemann Francos
Author URI: http://axelitus.mx
Tags: cochologo, autos, liquid, two columns

	El diseño y uso de este tema es exlusivo para el/los propietarios del blog Cochólogo.

*/

/* Import additional stylesheets */
@import "reset.css";

/* begin General Tag Styles */
html, body {
	background: #2d2e35;
	font-family: Calibri, Helvetica, Arial, Verdana, Lucida Sans, Lucida Grande, sans-serif;
}

p {
	margin-bottom: 1em;
}

h1 {
	font-size: 2.2em;
}
/* end General Tag Styles */


/* begin Main Layout Styles */
div#Page {
	min-width: 980px;
}

div#Header {
	position: relative;
	height: 185px;
	background: url(images/bg_header.png) top left repeat-x;
}

div#Logo {
	width: 786px;
	height: 185px;
	background: url(images/logo.png) bottom left no-repeat;
}

div#RSSLogo {
	position: absolute;
	bottom: 0;
	right: 105px;
	width: 105px;
	height: 113px;
	background: url(images/logo_rss.png) bottom left no-repeat;
}

div#RSSLogo a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	text-decoration: none;
}

div#TwitterLogo {
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 113px;
	height: 91px;
	background: url(images/logo_twitter.png) bottom left no-repeat;
}

div#TwitterLogo a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

div#Tagline {
	height: 40px;
	background: url(images/bg_tagline.png) top left repeat-x;
	border-top: 1px solid #42454f;
	border-bottom: 1px solid #42454f;
	color: #fec352;
	text-align: center;
	line-height: 40px;
	font-size: 2.4em;
}

div#Navbar {
	position: relative;
	height: 40px;
	background: #141517 url(images/bg_navbar.png) top left repeat-x;
	border-bottom: 1px solid #42454f;
}

div#Menu {
	padding-left: 20px;
	line-height: 40px;
	color: #8a6d34;
	font-size: 2em;
}

div#SearchBox {
	position: absolute;
	top: 0;
	right: 20px;
	width: 320px;
	height: 40px;
  line-height: 38px;
}

div#Content {
	background: #32363b url(images/bg_page.png) top left repeat;
	padding: 20px;
}

div#Sidebar{
	float: right;
	width: 342px;
}

div#Posts {
	margin-right: 362px;
}

div#Footer {
	clear: both;
  padding-top: 20px;
	height: 125px;
	background: url(images/bg_footer.png) top left repeat-x;
	border-top: 1px solid #5e6167;
  font-size: 1.6em;
  color: #b9b1a9;
  text-align: center;
}
/* end Main Layout Styles */


/* begin Navbar Styles */
div#Navbar a {
	color: #8a6d34;
	text-decoration: none;
}

div#Navbar a:hover {
	color: #ffc550;
}
/* end Navbar Styles */


/* begin Sidebar Blue Styles */
div.sidebar_blue {
	margin-bottom: 20px;
}

div.sidebar_blue_top {
	height: 20px;
	padding-left: 140px;
	background: url(images/bg_sidebar_blue_top-left.png) top left no-repeat;
}

span.sidebar_blue_top-center {
	display: block;
	height: 20px;
	margin-right: 20px;
	background: #f9fafa;
}

span.sidebar_blue_top-right {
	float: right;
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/bg_sidebar_blue_top-right.png) top left no-repeat;
}

div.sidebar_blue_body {
	min-height: 170px;
	background: #f9fafa url(images/bg_sidebar_blue_body.png) top left no-repeat;
	padding: 0 20px;
  color: #8c8d8e;
}

div.sidebar_blue_body a {
	color: #007db4;
	text-decoration: none;
}

div.sidebar_blue_body a:hover {
	text-decoration: underline;
}

div.sidebar_blue_body h1 {
	font-size: 2.2em;
	font-weight: bold;
	color: #007db4;
	text-align: center;
	border-bottom: 1px solid #d9dcdc;
	margin-bottom: 10px;
}

div.sidebar_blue_body ul.ulist {
	font-size: 1.6em;
	padding-left: 16px;
}

div.sidebar_blue_body ul.ulist li {
	list-style: disc;
}

div.sidebar_blue_bottom {
	height: 20px;
	padding-left: 20px;
	background: url(images/bg_sidebar_blue_bottom-left.png) top left no-repeat;
}

span.sidebar_blue_bottom-center {
	display: block;
	height: 20px;
	margin-right: 20px;
	background: #f9fafa;
}

span.sidebar_blue_bottom-right {
	float: right;
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/bg_sidebar_blue_bottom-right.png) top left no-repeat;
}
/* end Sidebar Blue Styles */


/* begin Sidebar Orange Styles */
div.sidebar_orange {
	margin-bottom: 20px;
}

div.sidebar_orange_top {
	height: 20px;
	padding-left: 140px;
	background: url(images/bg_sidebar_orange_top-left.png) top left no-repeat;
}

span.sidebar_orange_top-center {
	display: block;
	height: 20px;
	margin-right: 20px;
	background: #fff8ed;
}

span.sidebar_orange_top-right {
	float: right;
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/bg_sidebar_orange_top-right.png) top left no-repeat;
}

div.sidebar_orange_body {
	min-height: 170px;
	background: #fff8ed url(images/bg_sidebar_orange_body.png) top left no-repeat;
	padding: 0 20px;
  color: #8c8d8e;
}

div.sidebar_orange_body a {
	color: #e37c00;
	text-decoration: none;
}

div.sidebar_orange_body a:hover {
	text-decoration: underline;
}

div.sidebar_orange_body h1 {
	font-size: 2.2em;
	font-weight: bold;
	color: #e37c00;
	text-align: center;
	border-bottom: 1px solid #d9dcdc;
	margin-bottom: 10px;
}

div.sidebar_orange_body ul.ulist {
	font-size: 1.6em;
	padding-left: 16px;
}

div.sidebar_orange_body ul.ulist li {
	list-style: disc;
}

div.sidebar_orange_bottom {
	height: 20px;
	padding-left: 20px;
	background: url(images/bg_sidebar_orange_bottom-left.png) top left no-repeat;
}

span.sidebar_orange_bottom-center {
	display: block;
	height: 20px;
	margin-right: 20px;
	background: #fff8ed;
}

span.sidebar_orange_bottom-right {
	float: right;
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/bg_sidebar_orange_bottom-right.png) top left no-repeat;
}
/* end Sidebar Orange Styles */


/* begin Post Styles */
div.post {
	margin-bottom: 20px;
}

div.post_top {
	height: 20px;
	padding-left: 140px;
	background: url(images/bg_post_top-left.png) top left no-repeat;
}

span.post_top-center {
	display: block;
	height: 20px;
	margin-right: 20px;
	background: #f9fafa;
}

span.post_top-right {
	float: right;
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/bg_post_top-right.png) top left no-repeat;
}

div.post_body {
	min-height: 170px;
	background: #f9fafa url(images/bg_post_body.png) top left no-repeat;
	padding: 0 20px;
}

div.post_body_shield {
	float: left;
	width: 100px;
	height: 44px;
	margin-right: 4px;
	background: url(images/bg_post_body_shield.png) top center no-repeat;
	color: #cacac8;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
}

div.post_body_header {
	min-height: 54px;
}

div.post_body_header h1 {
	font-size: 2.2em;
  font-weight: bold;
}

div.post_body_header a {
	color: #007db4;
	text-decoration: none;
}

div.post_body_header a:hover {
	text-decoration: underline;
}

div.post_body_author {
	padding-left: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-size: 1.4em;
	color: #b9b1a9;
	border-bottom: 1px solid #d9dcdc;
}

div.post_body_author a {
	color: #b9b1a9;
	text-decoration: none;
}

div.post_body_author a:hover {
	color: #007db4;
	text-decoration: underline;
}

div.post_body_content {
	font-size: 1.6em;
	color: #8c8d8e;
	text-align: justify;
}

div.post_body_content h2 {
	font-size: 1.2em;
}

div.post_body_content a {
	color: #e37c00;
	text-decoration: none;
}

div.post_body_content a:hover {
	text-decoration: underline;
}

div.post_body_meta {
	padding-left: 2px;
	padding-top: 2px;
	margin-top: 10px;
	font-size: 1.2em;
	color: #bdbdbd;
	border-top: 1px solid #d9dcdc;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9dcdc;
}

div.post_body_meta a {
	color: #bdbdbd;
	text-decoration: none;
}

div.post_body_meta a:hover {
	color: #007db4;
	text-decoration: underline;
}

div.post_bottom {
	height: 20px;
	padding-left: 20px;
	background: url(images/bg_post_bottom-left.png) top left no-repeat;
}

span.post_bottom-center {
	display: block;
	height: 20px;
	margin-right: 20px;
	background: #f9fafa;
}

span.post_bottom-right {
	float: right;
	display: block;
	height: 20px;
	width: 20px;
	background: url(images/bg_post_bottom-right.png) top left no-repeat;
}
/* end Post Styles */


/* begin Post Nav Styles */
div.PostNav {
	height: 40px;
	padding-left: 20px;
  margin-bottom: 20px;
	background: url(images/bg_post_nav_left.png) top left no-repeat;
}

div.PostNavContent {
	display: block;
	height: 40px;
	background: #fff;
	margin-right: 20px;
	font-size: 1.6em;
	line-height: 40px;
	color: #fbae3b;
}

div.PostNavContent a {
	color: #fbae3b;
	text-decoration: none;
}

div.PostNavContent a:hover {
	text-decoration: underline;
}

span.PostNavRight {
	float: right;
	display: block;
	height: 40px;
	width: 20px;
	background: url(images/bg_post_nav_right.png) top left no-repeat;
}
/* end Post Nav Styles */


/* begin SearchBox Styles */
div#SearchBox form {
  text-align: right;
}

div#SearchBox  input[type=text] {
  position: absolute;
  top: 7.5px;
  right: 54px;
  height: 24px;
  width: 250px;
  vertical-align: middle;
  border-top: 1px solid #d9dcdc;
  border-left: 1px solid #d9dcdc;
  border-bottom: 1px solid #d9dcdc;
  font-size: 1.8em;
  padding-right: 14px
}

div#SearchBox input[type=submit] {
  position: absolute;
  right: 0;
  display: block;
  width: 70px;
  height: 40px;
  border: 0;
  background: url(images/btn_search.png) top left no-repeat;
  cursor: pointer;
}
/* end SearchBox Styles */


/* begin Footer Styles */
div#Footer a {
  color: #8a6d34;
	text-decoration: none;
}

div#Footer a:hover {
	color: #ffc550;
}
/* end Footer Styles */


/* begin Additional Styles */
span.orange_text {
	color: #fbae3b;
}

div.clear {
	clear: both;
}

.center {
	text-align: center;
}

.alignfloatleft {
	float: left;
	text-align: left;
}

.alignfloatright {
	float: right;
	text-align: right;
}
/* end Additional Styles */


/* begin Ad Styles */
div.ad728x90 {
	width: 728px;
	height: 90px;
	background: #fff;
	border: 1px solid #d9dcdc;
	margin: 0 auto 20px auto;
	color: #d8dcdb;
	font-size: 2.2em;
	text-align: center;
	line-height: 90px;
}

div.no_ad728x90 {
	width: 728px;
	height: 0px;
}

div.ad728x90 a {
	color: #007db4;
	text-decoration: none;
}

div.ad728x90 a:hover {
	text-decoration: underline;
}

div.ad300x250 {
	width: 300px;
	height: 250px;
	background: #fff;
	border: 1px solid #d9dcdc;
	margin: 0 auto 20px auto;
	color: #d8dcdb;
	font-size: 2.2em;
	text-align: center;
	line-height: 250px;
}

div.ad138x115_left {
  float: left;
	width: 138px;
	height: 115px;
	background: #fff;
	border: 1px solid #d9dcdc;
	margin: 0 10px 20px 0px;
	color: #d8dcdb;
	font-size: 1.6em;
	text-align: center;
	line-height: 115px;
}

div.ad138x115_right {
  float: left;
	width: 138px;
	height: 115px;
	background: #fff;
	border: 1px solid #d9dcdc;
	margin: 0 0px 20px 10px;
	color: #d8dcdb;
	font-size: 1.6em;
	text-align: center;
	line-height: 115px;
}
/* end Ad Styles */