﻿/*  
Theme Name: Betaca New
Description: Nuevo theme para Betaca
Version: 2.0
Author: Sebastian Arias
Author URI: http://betaca.com/
*/

/* Reset CSS */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* Estilos por defecto */

body {background: #565656; color: #000; font-size: 13px; font-family: arial, verdana, sans-serif; line-height: 1.2em;}
h1 {font-size: 2.6em; line-height: 1.2em;}
h2 {font-size: 2.2em; line-height: 1.2em;}
h3 {font-size: 1.4em; line-height: 1.2em;}
h4 {font-size: 1.2em; line-height: 1.2em;}
a:link, a:visited {color: #3c6c92; text-decoration: none;}
a:hover {color: #3c6c92; text-decoration: underline;}

/* Estilos de WP */

.alignleft {float: left; margin: 3px 7px 0 0;}
.aligncenter {text-align: center; margin: 3px auto 0;display: block;}
.alignright {float: right; margin: 3px 0 0 7px;}

/* Columnas Principales */

#wrapper {margin: 0 auto 10px; width: 960px; background: #fff; -moz-border-radius: 0 0 10px 10px;}
#header {height: 100px; margin: 10px 0;}
#navigation {font-size: 11px; margin-bottom: 20px; background: #6f92b8; overflow: hidden; padding: 5px 10px; height: 25px;}
#content {width: 620px; margin: 0 0 10px 10px; float: left;}
#sidebar {width: 310px; margin-right: 10px; float: right;}
#footer {background: #6f92b8; overflow: hidden; padding: 20px; margin-top: 20px; -moz-border-radius: 0 0 10px 10px; color: #fff; font-size: 11px;}

/* Header */

.logo {float: left; margin-left: 10px; width: 250px;}
.logo h1 {text-indent: -8000px;}
.logo h1 a {background: url(images/nuevo-logo.png) no-repeat; display: block; height: 100px;}

/* Navigation */

#navigation ul {float: left; margin-top: 5px;}
#navigation li {display: inline; list-style: none; margin-right: 10px;}
#navigation li a:link, #navigation li a:visited {-moz-border-radius: 5px; background: #5f7f9f; padding: 5px; margin-right: 5px; color: #fff;}
#navigation li a:hover {-moz-border-radius: 5px; background: #4f6984; padding: 5px; margin-right: 5px; color: #fff; text-decoration: none;}
#busqueda {float: right; position: relative; top: 1.5px;}
.search {background: #fff; border: 1px inset #ccc; color: #737373; overflow: hidden;}
.buscar-text {background: none; border: 0; float: left; padding: 2px; width: 180px;}
.buscar-submit {position: relative; top: 3px; right: 3px;}

/* Content */

.post {margin-bottom: 10px; line-height: 1.2em; padding: 0 20px 20px 10px;}
.post-h2 {border-bottom: 2px solid #eeeeee; margin-bottom: 10px; padding-bottom: 15px;}
.post-h2 h2 a:link {color: #000000; text-decoration: none; background-color:inherit;}
.post-h2 h2 a:hover {color: #3c6c92; text-decoration: none;}
.post-info-1 {font-size: 11px; padding: 5px 0; color: #a3a3a3;}
span.fecha {background: url(images/icon-date.png) no-repeat; padding-left: 20px; float: left;}
.post-info-1 a {color: #a3a3a3;}
span.comentarios {background: url(images/icon-comments.png) no-repeat; padding-left: 20px; float: right;}
.entry {margin: 10px 0; font-size: 13px; text-align: justify;}
.entry p {margin: 10px 0; line-height: 1.3em;}
.entry ul, .entry ol, .entry blockquote {margin: 0 14px;}
.entry ol {list-style: decimal; margin: 10px 0;}
.entry ul li, .entry ol li {margin: 0 0 7px 18px;}
.entry ul li {list-style: square;}
.entry blockquote {border-left: 1px solid #ccc; font-size: 1.1em; line-height: 1.4em; margin-left: 21px; padding-left: 10px; color: #555; font-style: italic;}
.entry img {border: 2px solid #ccc; padding: 3px;}
.post-info-2 {overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 10px 0; color: #a3a3a3; font-size: 11px;}
.post-info-2 a {color: #a3a3a3;}
span.autor {background: url(images/icon-user.png) no-repeat; padding-left: 20px; display: block; margin-bottom: 5px;}
span.etiquetas {background: url(images/icon-tag.png) no-repeat; padding-left: 20px; display: block;}
span.categoria {background: url(images/icon-category.png) no-repeat; padding-left: 20px; float: right; margin-top: -20px;}

/* Sidebar */

#sidebar ul {list-style-type: none; margin: 10px 0; overflow: hidden;}
#sidebar li {width: 46%; margin: 3px 0; padding: 0 10px 0 0; line-height: 15px; float: left; font-size: 11px;}
#sidebar li a {background: url(images/icon-bullet.png) no-repeat; padding-left: 20px; display: block;}
.suscripcion-rss {overflow: hidden; margin: 10px 0 10px 0; padding: 10px; display: block; border: 1px solid #ccc;}
span.feed {background: url(images/icon-feed.png) no-repeat; padding-left: 20px;}
span.email {background: url(images/icon-email.png) no-repeat; padding-left: 20px;}
.formulario-rss {margin-top: 10px; text-align: center;}
#s5 {border: 1px inset #ccc; color: #222; font-size: 13px; padding: 3px; width: 170px;}
#s6 {background: #5f7f9f; border: 0; padding: 3px; color: #fff; -moz-border-radius: 5px;}

/* Footer */

#footer a, #footer a:hover {color: #fff; text-decoration: underline; background-color:inherit;}

/* Comments */

#respond {margin-top: 20px;}
.reply {background-color: #5f7f9f; color: #ffffff; border: 0; -moz-border-radius: 5px; padding:5px; text-decoration:none; font-size: 11px; width: 52px;}
.reply a {color: #fff; background-color:inherit;}
.reply a:hover {color: #fff; background-color:inherit;}
#cancel-comment-reply {margin-bottom: 10px;}
ol.commentlist {list-style: none;}
ol.commentlist li {list-style: none; padding: 10px;}
ol.commentlist li.comment-author-admin {background-color: #f1f1f1;}
ol.commentlist li.comment {border: 1px solid #ccc; margin: 20px 5px 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.comment-meta {margin-bottom: 10px;}
ol.commentlist li.comment p {margin: 10px 0;}
ol.commentlist li.comment ul.children {margin-left: 30px;}
ol.commentlist li.parent {border: 1px solid #ccc; padding: 10px;}
#author {margin: 0 10px 10px 0; padding: 5px;}
#email {margin: 10px 10px 10px 0; padding: 5px;}
#url {margin: 10px 10px 10px 0; padding: 5px;}
#textarea {margin-top: 10px; padding: 5px;}
#enviar {margin: 10px 0; background-color: #5f7f9f; color: #ffffff; border: 0; -moz-border-radius: 5px; padding:5px; text-decoration:none; font-size: 11px;}
.even {background: #fff;}