@charset "utf-8";
/* CSS Document */

/*
Theme Name: Metacmax
Theme URL: http://metabix.com/
Original Theme URL: http://metabix.com/
Description: Plantilla exclusiva para el blog Metabix. Cabecera compacta, estructura limpia, barra lateral derecha.
Author: Carlos Castillo
Author URL: http://metabix.com/
*/

@font-face {
 font-family: 'MetaPro-Normal';
 src: url(font/MetaPro-Normal.otf) format('opentype');
}

@font-face {
 font-family: 'MetaPro-NormalItalic';
 src: url(font/MetaPro-NormalItalic.otf) format('opentype');
}

@font-face {
 font-family: 'MetaPro-Bold';
 src: url(font/MetaPro-Bold.otf) format('opentype');
}

@font-face {
 font-family: 'MetaPro-BoldItalic';
 src: url(font/MetaPro-BoldItalic.otf) format('opentype');
}

body {
	margin: 0;
	padding: 0;
	font-family: 'MetaPro-Normal', Arial, Helvetica, sans-serif;
	font-size: 13px;
	min-width: 1005px;
}

a {
	color: #007cdd;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

.clear {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both !important;
	float: none !important;
	background: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: none;
}

/* w-top
------------------------------------------------------*/

#w-top {
	background-color: #333;
}

#top {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 27px 0 27px 0;
	color: #FFF;
	position: relative;
}

#logo {}

#menu {
	margin: 0 auto 0 auto;
	position: absolute;
	top: 40px;
	right: 0;
}

#menu ul li {
	float: left;
	font-size: 0;
}

#menu ul li a {
	display: block;
	color: #FFF;
	margin: 0 15px 0 0;
	font-size: 13px;
}

#menu ul li a:hover {
	color: #FFF;
}

/* w-navigation
------------------------------------------------------*/

#w-navigation {
	height: 66px;
	background-image: url(images/bg-navigation.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #007cdd;
}

#navigation {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#navigation > ul {
	margin: 0 0 0 -7px;
	position: relative;
}

#navigation > ul > li {
	height: 38px;
	float: left;
}

#navigation > ul > li:hover {
	background-image: url(images/bg-li.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
}

#navigation > ul > li > a {
	display: block;
	padding: 10px 7px 10px 7px;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
}

#navigation ul li:hover > a {
	color: #000;
}

#navigation > ul > li:hover > a {
	color: #000;
}

#navigation ul ul {
	width: 1000px;
	display: none;
	position: absolute;
	left: 0;
	top: 39px;
}

#navigation li:hover > ul {
	display: block;
}

#navigation ul ul li {
	float: left;
}

#navigation ul ul li a {
	display: block;
	padding: 5px 7px 5px 7px;
	color: #000;
}

#navigation ul ul li a:hover {
	text-decoration: underline;
}

/* w-content
------------------------------------------------------*/

#w-content {
	margin: 0;
	padding: 0 0 30px 0;
	background-color: #FCFCFC;
	background-image: url(images/bg-gradient.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-width: 1px 0 0 0;
	border-color: #666;
	border-style: solid;
}

#content {
	width: 1000px;
	margin: 30px auto 0 auto;
	cursor: default;
}

#pop-up {
	height: 16px;
	margin: 0 0 30px 0;
	padding: 10px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-image: url(images/bg-gradient.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

#pop-up span {
	height: 16px;
	margin: -10px 10px -10px -11px;
	padding: 10px 15px 10px 10px;
	border-width: 0 0 0 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;
	background-image: url(images/right-arrow-orange.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	color: #FFF;
}

#left {
	width: 612px;
	float: left;
}

#title-page {
	margin: 0 0 20px 0;
}

#exposure {
	text-align: center;
	margin: 0 0 20px 0;
}

.post {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-width: 0 0 5px 0;
	border-color: #F2F2F2;
	border-style: solid;
}

.post-thumbnail {
	float: left;
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

.post-info {
	width: 368px;
	margin: 0 0 0 20px;
	float: left;
}

.post-info-expanded {
	width: 530px;
	margin: 0 0 0 20px;
	float: left;
}

.post-info-expanded-page {}

#post-info-single {
	width: 530px;
}

#post-info-page {
	margin: 0;
}

.post-info h1 {
	font-family: 'MetaPro-Bold';
}

.post-info h1 a, .post-info-expanded h1 a, .post-info-expanded-page h1 a {
	font-family: 'MetaPro-Bold';
	color: #000;
}

.post-meta {
	padding: 5px 0 5px 0;
}

.post-meta img {
	vertical-align: bottom;
}

.post-content {
	clear: both;
	padding: 5px 0 0 0;
}

.readmore {
	display: block;
	float: right;
	padding: 0 0 0 20px;
	background-image: url(images/readmore.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.post-content img {
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

.post-content .wp-smiley {
	border: none;
	padding: 0;
	position: relative;
	top: 3px;
}

.post-content blockquote {
	padding: 0 0 0 10px;
	border-width: 0 0 0 5px;
	border-color: #CCC;
	border-style: solid;
}

.post ul {
	margin: 0 0 0 10px;
}

.post ul li {
	padding: 0 0 0 25px;
	background-image: url(images/arrow_right.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#bookmark {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #F2F2F2;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	position: relative;
}

#bookmark span {
	padding: 20px 15px 20px 10px;
	position: absolute;
	top: 0;
	left: -1px;
	background-image: url(images/right-arrow-orange.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	color: #FFF;
	border-width: 0 0 0 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;
}

#bookmark img {
	margin: 0 4px 0 0;
	position: relative;
	top: 2px;
	left: 87px;
}

#comments h1 {
	margin: 0 0 30px 0;
}

.w-comment {
	margin: 30px 0 30px 0;
}

.w-comment div.avatar {
	width: 50px;
	padding: 5px;
	float: left;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

.w-comment .comment {
	width: 518px;
	float: left;
	margin: 0 0 0 20px;
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

.w-comment .comment-info {
	margin: -5px;
	padding: 5px;
	border-width: 0 0 1px 0;
	border-color: #CCC;
	border-style: solid;
	background-color: #F2F2F2;
}

.w-comment .comment-info strong,
.w-comment .comment-info strong a {
	font-size: 16px;
}

.w-comment .comment-info strong a {
	color: #09C;
}


#add-comment {
	margin: 20px 0 0 0;
}

#add-comment #author {
	padding: 5px 5px 5px 30px;
	background-image: url(images/user.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
}

#add-comment #email {
	padding: 5px 5px 5px 30px;
	background-image: url(images/email.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
}

#add-comment #url {
	padding: 5px 5px 5px 30px;
	background-image: url(images/url.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
}

.reply {
	float: right;
	padding: 0 0 0 20px;
	background-image: url(images/reply.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.pagination {
	text-align: center;
}

.pagination span,
.pagination > a {
	margin: 5px;
	border-width: 1px;
	border-color: #999;
	border-style: solid;
	background-image: url(images/bg-gradient1.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	color: #000;
}

.pagination span:hover,
.pagination a:hover {
	background-image: url(images/bg-gradient.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

.pagination span a,
.pagination span {
	color: #000;
}

.pagination .disabled {
	color: #999;
	padding: 5px;
}

.pagination .current {
	padding: 5px;
	color: #999;
	text-decoration: underline;
}

.pagination .disabled:hover,
.pagination .current:hover {
	background-image: url(images/bg-gradient1.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

.pagination a {
	padding: 5px;
}

#add-comment form {
	margin: 20px 0 0 0;
}

#left form span {
	display: block;
	margin: 10px 0 0 0;
}

#left form input,
#left form textarea {
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
	font-family: 'MetaPro-Normal', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/bg-gradient.png);
	background-position: 0 -60px;
	background-repeat: repeat-x;
}

#left form textarea {
	width: 600px;
}

#left .submit {
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}

#right {
	width: 340px;
	margin: 0 0 0 48px;
	float: left;
}

#right h3 {
	margin: 0 0 20px 0;
}

.pop-widget {
	padding: 10px;
	border-width: 1px 1px 0 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	background-color: #FFF;
	background-image: url(images/bg-pop-w.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.pop-widget a {
	padding: 0 0 0 20px;
	background-image: url(images/asterisk.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#search-box {}

#search-box fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#search-box input {
	float: left;
}

#search-box #search_query {
	width: 298px;
	height: 18px;
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	-khtml-border-radius: 0 0 0 5px;
	font-family: 'MetaPro-Normal', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/bg-gradient.png);
	background-position: 0 -40px;
	background-repeat: repeat-x;
	background-color: #FFF;
}

.widget {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-width: 0 0 5px 0;
	border-color: #F2F2F2;
	border-style: solid;
}

#double {}

#double #col1,
#double #col2 {
	width: 160px;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-width: 0 0 5px 0;
	border-color: #F2F2F2;
	border-style: solid;
	float: left;
}

#double #col2 {
	margin: 0 0 0 20px;
}

#banners-125 {
	margin: -17px 0 30px 0;
	padding: 0 0 20px 1px;
}

#banners-125 div div {
	width: 125px;
	margin: 12px;
	padding: 9px;
	float: left;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

#banner-250 {
	text-align: center;
}

#banner-250 h3 {
	text-align: left;
}

#banner-250-230 div {
	width: 250px;
	display: inline-block;
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

#double ul,
.widget ul {
	margin: 0 0 0 10px;
}

#double ul li,
.widget ul li {
	padding: 3px 0 3px 25px;
	background-image: url(images/arrow_right.png);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

.recents {
	padding: 0 0 0 2px;
}

.recents .post-thumbnail {
	width: 80px;
	float: left;
	margin: 10px;
}

.recents .post-thumbnail:hover {
	background-color: #F2F2F2;
}

.post-thumbnail1 {
	margin: 0 0 20px 0;
	padding: 5px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #FFF;
}

.post-thumbnail1 .thumbnail1-title {
	display: block;
	color: #000;
	margin: 5px 0 0 0;
}

/* w-footer
------------------------------------------------------*/

#w-semi-footer {
	border-width: 1px 0 0 0;
	border-color: #333;
	border-style: solid;
	background-image: url(images/border.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #666;
	color: #CCC;
}

#semi-footer {
	width: 1040px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}

#semi-footer > div {
	width: 306px;
	margin: 0 20px 0 20px;
	float: left;
}

#semi-footer > div:hover {
	color: #F2F2F2;
}

#semi-footer h3 {
	margin: 0 0 10px 0;
	color: #FFF;
}

#semi-footer div > ul > li {
	font-size: 0;
	background: none:
}

#semi-footer ul li {
	padding: 0 0 5px 25px;
	background-image: url(images/arrow_right.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#semi-footer ul li a {
	font-size: 12px;
}

#semi-footer ul li a:hover {
	color: #CCC;
}

#semi-footer #feed-input {
	width: 200px;
	padding: 5px;
	border-width: 1px;
	border-color: #333;
	border-style: solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-family: 'MetaPro-Normal', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/bg-gradient.png);
	background-position: 0 0
	background-repeat: repeat-x;
	background-color: #FFF;
}

#semi-footer .feed-counter {
	width: 88px;
	background-color: #99CCFF;
}

#w-footer {
	background-color: #414141;
	color: #CCC;
	border-width: 1px 0 0 0;
	border-color: #333;
	border-style: solid;
	background-image: url(images/border.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

#footer {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}

#w-footer a,
#semi-footer a {
	color: #FFF;
}

#w-footer a:hover,
#semi-footer a:hover {
	color: #CCC;
}

#credits {
	width: 500px;
	float: left;
}

#dates {
	width: 500px;
	float: right;
	text-align: right;
}

/* scroller
------------------------------------------------------*/

#pscroller2{
	width: 490px;
	height: 20px;
	position: absolute;
	left: 100px;
	top: -16px;
}

#pscroller2 a {
	color: #000;
}

.someclass{ //class to apply to your scroller(s) if desired
}