/*
Theme Name: Mat
Theme URI: http://matiasgreco.com
Description: El blog de Matias Greco
Version: 1.0.1
Author: Matias Greco
Author URI: http://matiasgreco.com

Puedes sacar lo que quieras, pero siempre respetando las licencias de Creative Commons. Una linkeada no me vendria mal eh!

Validacion: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmatiasgreco.com%2F&profile=css21&usermedium=all&warning=1&lang=es */


* {
margin : 0;
padding : 0;
}
body {
font : 62.5% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height : 1.6em;
color : #444;
}
a {
color : #222222;
text-decoration : none;
}
a:hover {
color : #ff6600;
text-decoration : none;
}
p {
margin : 0;
padding : 10px 0;
}
h1 {
margin : 20px 0 0;
}
img {
border : 0;
}
input {
vertical-align : middle;
}
li{

}
h2 {
font : normal 1.6em "Trebuchet MS", Arial, Sans-Serif;
margin : 0 0 12px;
}
blockquote {
margin : 10px 0 10px 30px;
border-left : 3px solid #333333;
background : #eee;
padding : 5px 15px;
font-size : 1.3em;
}
* html blockquote {
height : 1%;
}
blockquote p {
font-size : 1em !important ;
margin : 0;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
}
img.alignleft {
margin : 5px 10px 3px 0;
}
.alignright {
float : right;
}
img.alignright {
margin : 5px 0 3px 10px;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
#wrapper {
width : 922px;
margin : 0 auto;
padding : 20px 0 0 0;
border-top : 0 solid #eee;
}
#header {
height : 100px;
border-bottom : 2px solid #444444;
margin-bottom : 28px;
background : url(i/carta.jpg) repeat-x 0 95px;
}
#top {
float : right;
text-align : right;
}
#top li {
display : inline;
}
#top a {
color : #808080;
margin : 0 0 0 13px;
background : url(i/toparrow.gif) no-repeat center left;
padding : 0 0 0 12px;
font-size : 1.2em;
}
#top .current_page_item a {
background-image : url(i/toparrow2.gif);
}
#searchform {
margin : 20px 0 0;
}
#searchform input {
font : 1.1em "Trebuchet MS", Arial, Sans-Serif;
float : left;
}
#s {
width : 175px;
padding : 2px 6px;
border : 0 solid #ccc;
margin-right : 5px;
}
#searchsubmit {
background : #e60000;
border : 0;
padding : 2px 7px;
color : #fff;
font-weight : bold !important ;
overflow : visible;
height : 24px;
cursor : pointer;
}
#logo {
float : left;
color : #808080;
line-height : 0.85em;
font-size : 3.3em;
margin : 14px 0 15px;
}
#logo span {
display : block;
font-size : 0.38em;
font-weight : normal;
text-transform : uppercase;
margin : -5px 0 0 0;
}
#menu {
height : 24px;
padding : 7px 0 0 0;
clear : both;
position : relative;
}
#menu li {
font-size : 1.1em;
display : inline;
text-transform : uppercase;
}
#menu li a {
margin : 0 25px 0 10px;
color : #808080;
font-size : 1.2em;
}
#menu li a:hover {
color : #444;
}
#menu li.current_page_item {
background : url(i/arrow.gif) no-repeat center left;
}
#container {
width : 100%;
margin-bottom : 0;
}
* html #container {
height : 1%;
}
#container:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
}
#content {
width : 500px;
float : left;
padding : 0 10px 0 0;
overflow : hidden;
}
#content.single {
width : 680px;
float : left;
overflow : hidden;
}
#content.archive {
width : 500px;
float : left;
padding : 0 10px 0 0;
overflow : hidden;
}
#content h2 {
font : normal 1.9em "Trebuchet MS", Arial, Sans-Serif;
padding : 0 0 0;
border-bottom : 0 solid #eee;
margin-bottom : 1.2em;
}
#content h2.pagetitle {
text-align: center;
padding-left : 3px;
padding : 1px 0 4px;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
background: #EEE;
color: #999;
}
#content h3 {
font : normal 1.7em "Trebuchet MS", Arial, Sans-Serif;
padding : 1px 0 4px;
margin-bottom : 0.2em;
border-bottom : 1px solid #eee;
}
#content p, #content li {
font-size : 1.3em;
line-height : 1.4em;
list-style-type:circle;
}
#content .post {
margin : 0 0 50px;
border-bottom : 1px solid #ccc;
}

#content .post h2, #content .post h3 {
font-size : 2em;
margin : 0 0 2px;
}
.post ul, .post ol {
margin : 7px 0 7px 35px;
}
.post li {
padding : 2px 0;
list-style-type:disc;
}
.post .postmetadata {
font-size : 1.1em;
padding : 0 0 3px;
color : #aaa;
}
.postmetadata a {
color : #aaa;
text-decoration : none;
}
.postmetadata a:hover {
text-decoration : none;
}
.post .postmetadata2 {
font-size : 1.3em;
text-align : right;
padding : 0 0 7px;
color : #aaa;
}
.postmetadata2 a {
color : #aaa;
text-decoration : underline;
}
.postmetadata2 a:hover {
text-decoration : none;
}
.postmetadata span.date {
background : #fff;
color : #7f7f7f;
padding : 0 2px 0 4px;
}
.postmetadata span.date a {
color : #555;
}
.entry {
text-align : justify;
}
.entry h1 {
font-size : 1.8em;
margin : 15px 0 10px;
}
.entry h2 {
font-size : 1.65em !important ;
font-weight : bold !important ;
margin : 15px 0 10px !important ;
padding : 0 !important ;
border : none !important ;
}
.entry h3 {
font-size : 1.45em !important ;
font-weight : bold !important ;
margin : 15px 0 10px !important ;
padding : 0 !important ;
}
.entry h4 {
font-size : 1.3em;
margin : 15px 0 10px;
font-weight : bold !important ;
}
.line {
clear : both;
padding : 3px;
margin : 0 0 15px;
background : url(i/smalldot.gif) repeat-x;
}
.nav {
font-size : 1.3em;
padding : 0 0 22px;
}
.navigation {
font-size : 1.3em;
margin : 20px 0;
height : 1.3em;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
h3#comments, h3#respond {
padding : 1px 0 4px;
border-bottom : 1px solid #fff;
}
.commentlist {
list-style-type : none;
margin : 20px 0 30px 0;
}
.commentlist li {
margin : 0 0 20px;
padding : 8px 0 20px;
border-top : 1px solid #ccc;
}
.cdata {
background : url('i/com-background.jpg') repeat-x;
padding : 3px 3px 3px 7px;
height : 1%;
}
.cdata strong {
display : block;
}
.cdatadm {
background : url('i/com-admin.jpg') repeat-x;
padding : 3px 3px 3px 7px;
height : 1%;
}
.cdatadm strong {
display : block;
}
span.comm_num {
padding : 10px;
color : #dddddd;
float : right;
font-size : 2.8em;
font-family : Helvetica, Arial, sans-serif;
margin-left : 1em;
}
#content img.avatar {
float : right;
display : inline;
border : 0;
margin : 1px 1px 0;
}
.ctext {
padding : 0 7px;
}
.commentlist li p {
font-size : 1em !important ;
}
.commentmetadata {
font-size : 0.85em;
}
.commentmetadata a {
color : #a5a5a5;
}
#author, #email, #url, #comment, #submit {
font : 1em "Trebuchet MS", Arial, Sans-Serif;
padding : 2px 4px;
width : 200px;
border : 1px solid #ccc;
}
#comment {
width : 430px;
height : 170px;
}
#submit {
width : 115px;
height : 22px;
padding : 0;
background : #f4f4f4;
cursor : pointer;
overflow : visible;
}
#sidebars {
float : left;
width : 410px;
font-size : 1.2em;
line-height : 1.4em;
}
* html #sidebars {
height : 1%;
}
#sidebars:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
}
#l-sidebar {
float : left;
width : 190px;
padding : 0 10px;
}
#r-sidebar {
float : left;
width : 190px;
padding : 0 0 0 10px;
}
#r-sidebar li {
list-style : none;
border-bottom : 1px solid #ccc;
margin : 0;
}
#sidebars ul {
margin : 0 0 15px;
}
#sidebars li {
list-style : none;
border-bottom : 1px solid #f7f7f7;
padding : 3px 4px;
margin : 0;
}
#sidebars li ul {
margin : 0 0 3px 12px;
}
#sidebars li li {
padding : 3px 0 0;
border : none;
}
#sidebars li a {
padding : 0 0 0 12px;
color : #808080;
background : url(i/arrow.gif) no-repeat center left;
}
#sidebars h2 {
font : normal 1.7em "Trebuchet MS", Arial, Sans-Serif;
padding : 0 0 3px 3px;
border-bottom : 1px solid #eee;
}
#sidebars h3 {
font : normal 1.4em/1.1em "Trebuchet MS", Arial, Sans-Serif;
padding : 0 0 3px;
}
.tags, #tag_cloud {
margin : 0 0 15px;
}
.tags {
text-align : center;
}
.tags a, #tag_cloud a {
color : #808080;
margin : 0 2px;
}
#wp-calendar {
width : 100%;
margin : 0 0 12px;
}
#wp-calendar td {
text-align : center;
}
#sidebarsingle {
float : right;
width : 205px;
font-size : 1.2em;
line-height : 1.4em;
border-left : 1px solid #ccc;
}
* html #sidebarsingle {
height : 1%;
}
#sidebarsingle:after {
content : '.';
display : block;
clear : both;
visibility : hidden;
height : 0;
}
#sidebarsingle ul {
margin : 0 0 15px;
}
#sidebarsingle li {
list-style : none;
border-bottom : 1px solid #eee;
padding : 3px 4px;
margin : 0;
}
#sidebarsingle li ul {
margin : 0 0 3px 12px;
}
#sidebarsingle li li {
padding : 3px 0 0;
border : none;
}
#sidebarsingle li a {
background : url(i/arrow.gif) no-repeat center left;
padding : 0 0 0 12px;
color : #808080;
}
#sidebarsingle h2 {
font : normal 1.7em "Trebuchet MS", Arial, Sans-Serif;
padding : 0 0 3px 3px;
border-bottom : 1px solid #eee;
}
#sidebarsingle h3 {
font : normal 1.4em/1.1em "Trebuchet MS", Arial, Sans-Serif;
padding : 0 0 3px;
}
#footer {
clear : both;
padding : 7px 10px;
margin : 0 0 3px;
font-size : 1.1em;
text-align : center;
color : #666;
background : url(i/foot.jpg) repeat-y;
border-top : 1px solid #eee;
}
#mysite {
margin : 0;
padding : 0;
background : url('i/mat-up.gif') repeat-x top ;
}
#mysite p {
font-size : 1.1em;
padding : 0.2em 0 0.5em;
color : white;
}
#mysite a {
color : white;
}
#mysite a.hola {
color : yellow;
}
#mysite a.hola2 {
color : white;
}
#mysite hola2 a:hover {
text-decoration : underline;
}
.box {
margin : 0 auto;
position : relative;
width : 920px;
padding : 0 1em;
}
.lado1 {
font-size : 0.9em;
padding : 0 0 5px;
color : #aaa;
border-bottom : 1px solid #eee;
}
.lado1 a {
color : #aaa;
text-decoration : none;
}
.lado1 a:hover {
text-decoration : underline;
}
.lado2 {
font-size : 1.4em;
padding : 10px 0 0;
color : #222222;
}
.lado2 a {
text-decoration : none;
}
.lado2 a:hover {
text-decoration : none;
color : #ff6600;
}
.lado3 {
font-size : 1em;
padding : 0 0 0;
color : #222222;
}
.lado3 a {
color : #222222;
text-decoration : underline;
}
.lado3 a:hover {
color : #aaa;
text-decoration : underline;
}
.caloli {
font : 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
line-height : 1.6em;
color : #333333;
}
.caloli a {
text-decoration : underline;
}
.caloli a:hover {
color : #aaa;
text-decoration : underline;
}
.caloli li{

	padding-left: .5em;
	line-height: 1.5em;
border-left: dotted #666 1px;
}
.com {
background : url('i/icon/comm-vent.gif') no-repeat center left;
font-size : 1.3em;
padding-left : 22px;
color : #ff0000;
text-align : left;
margin-left : 370px;
}
.com a {
color : #aaa;
text-decoration : none;
}
.com a:hover {
color : #ff0000;
}
div.wpcf7 {
margin : 0;
padding : 0;
}
div.wpcf7-response-output {
margin : 2em 0.5em 1em;
padding : 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
border : 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border : 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border : 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border : 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position : relative;
}
span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 20%;
z-index : 100;
background : #fff;
border : 1px solid #ff0000;
font-size : 10pt;
width : 280px;
padding : 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
span.wpcf7-list-item {
margin-left : 0.5em;
}
.recentcomments a {
display : inline !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.adsense {
text-align : center;
border : 1px solid #ff0000;
}
div.wpcf7 {
margin : 0;
padding : 0;
}
div.wpcf7-response-output {
margin : 2em 0.5em 1em;
padding : 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
border : 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border : 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border : 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border : 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position : relative;
}
span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 20%;
z-index : 100;
background : #fff;
border : 1px solid #ff0000;
font-size : 10pt;
width : 280px;
padding : 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
span.wpcf7-list-item {
margin-left : 0.5em;
}
.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #0066cc;
background-color : #ffffff;
}
.wp-pagenavi a:visited {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #0066cc;
background-color : #ffffff;
}
.wp-pagenavi a:hover {
border : 1px solid #000000;
color : #000000;
background-color : #ffffff;
}
.wp-pagenavi a:active {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #0066cc;
background-color : #ffffff;
}
.wp-pagenavi span.pages {
padding : 2px 4px 2px 4px;
margin : 2px 2px 2px 2px;
color : #000000;
border : 1px solid #000000;
background-color : #ffffff;
}
.wp-pagenavi span.current {
padding : 2px 4px 2px 4px;
margin : 2px;
font-weight : bold;
border : 1px solid #000000;
color : #000000;
background-color : #ffffff;
}
.wp-pagenavi span.extend {
padding : 2px 4px 2px 4px;
margin : 2px;
border : 1px solid #000000;
color : #000000;
background-color : #ffffff;
}
.recentcomments a {
display : inline !important ;
padding : 0 !important ;
margin : 0 !important ;
}
#google_ad {
text-align: center;
margin-top: -20px;
margin-bottom: 20px;
border: 1px solid #CCC;
}