/*
Theme Name: Social Media CR Blog
Theme URI: http://www.circulorojo.es/blog
Version: 1.0
Description: blog dos columnas.
Author: Círculo Rojo
Author URI: http://www.circulorojo.es
*/


@charset "UTF-8";

/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Tamaños de los headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineación del texto */
caption, th {
text-align: left;
}

* {
border: 0 solid #eee;
list-style: none;
padding: 0;
margin: 0;
outline: 0;

}


body {
font: 13px "Trebuchet MS", Arial, sans-serif;
cursor: default;
color: #444;
background:url(images/fondo.jpg) repeat-x #fff;
}

a, a * {
cursor: pointer;
color: #21c6de;
text-decoration:none;
outline: 0;
}

a:hover {
cursor: pointer;
color: #444;
outline: 0;
}

input, textarea {font: 13px "Trebuchet MS", Arial, sans-serif; padding:2px; color:#444; border-left:3px solid #dedc0e; border-bottom:1px dotted #dedc0e;}
input {}
textarea {}
#searchform input {border:none; background-color:#fff;}

#submit, #searchsubmit {cursor:pointer;}
#submit:hover, #searchsubmit:hover {background-color:#dedc0e;}

/* gama de colores
verde oscuro #808434
verde franjas #cdcd00
verde cubos #b6b833
verde fondo #d8d836 */


/*LAS HACHES*/

h1 {display:inline; font-weight:normal; font-size:11px;}
h2 {font-size:22px; line-height:22px; margin:0 0 5px; font-weight:bold;}
h3 {margin:0 0 8px 0;}

h2 a {color:#444;}
h2 a:hover {background-color:#dedc0e; color:#fff;}

.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.clear {clear:both;}

#contenedor {width:950px; left:50%; position:absolute; margin-left:-425px;}
#cabecera {height:495px; background:url(images/cabecera.gif) no-repeat;}

#cabecera ol, #cabecera ul {margin:10px 0 0; overflow:hidden;}
#cabecera li {display:inline; float:left; margin:0 1px 0 0;}

.social {background:url(images/social.gif) no-repeat; width:225px; height:176px; position:absolute; margin:220px 0 0; left:0;}


#menu {position:absolute; margin:434px 0 0; left:0;}
#menu ul {}
#menu ul li {float:left; display:inline; width:50px; height:50px; background-color:#adad05; margin:16px 2px 0 0;}
#menu ul li:hover  {background-color:#808434; cursor:pointer;}
#menu ul li span {font-variant:small-caps; font-weight:bold; color:#fff; line-height:11px; float:left; display:inline; margin:5px; height:40px; width:40px; font-size:13px;}
#menu ul li span a {color:#fff;}

.social ul {position:absolute;}
.social ul li {cursor:pointer;}
a#twitter, a#rss, a#facebook {display:block; width:220px; height:50px; text-indent:-9999px;}
a#rss {width:120px; height:50px; margin:10px 0 0 110px;}
a#facebook {width:220px; height:50px;}


#contenido, #sidebar, #sidebar2 {margin:30px 0;}
#contenido p {margin:0 0 15px 0;}

#home1 {width:250px; font-size:12px;}
#home2 {width:395px; margin:0;}

#home1 img {width:240px; margin:0 0 8px 0; overflow:hidden; display:block;}
#home2 ul {margin:0 0 0 15px;}
#home2 ul li {border-bottom:1px solid #ccc; margin:0 0 8px; padding:2px 2px 10px 2px; }

#home2 ul li a {color:#444;}
#home2 ul li a:hover {background-color:#dedc0e;}


.gente {margin:20px 0 0; width:660px; overflow:hidden;}
.gente ul li {float:left; display:inline; font-size:12px;}
.gente ul li img {float:left; display:inline;}

.gente ul li ol {position:absolute; margin:150px 0 0 25px; left:0;}
.gente ul li ol li {float:none; display:block; line-height:15px;}
#s2 { margin:150px 0 0 240px;}
#s3 { margin:150px 0 0 455px;}

.nombre {font-size:14px; font-weight:bold; margin:0 0 8px;}
.fecha {font-size:11px; font-weight:normal; font-style:italic; color:#666;}

.postsAutor {width:410px; margin:35px 0 0 10px; font-size:12px;}

#postsEquipo li {border-bottom:1px solid #ccc; margin:0 0 8px; padding:2px 2px 10px 2px; float:none; display:block; overflow:hidden; list-style-position:outside; }
#postsEquipo a {color:#444;}
#postsEquipo a:hover {background-color:#dedc0e;}




.box1 {width:660px; overflow:hidden;}
.box2 {width:250px; margin:0 0 15px; font-size:12px;}
.box3 {width:660px;}
.box4 {width:660px; background-color:#dedc0e; padding:10px; margin:0 0 30px;}
.sidebarBox {width:250px; background:url(images/fondo-twt.jpg) repeat-y; margin:0 0 20px;}

.box1 img, .postsAutor img {border:1px solid #ccc; padding:4px; margin:0 0 10px 0;}
.box2 a {color:#999;}
.box2 a:hover {color:#000;}
.box2 li {margin:0 0 8px; list-style:url(images/li.gif); line-height:15px;}

.sidebarBox label {background:url(images/final-twt.jpg) no-repeat; position:absolute; z-index:1; width:250px; height:20px;}

.cleanertags li span {margin:0 5px 0 0;}

div.wpcf7-response-output {margin: 0!important; padding: 0 5px!important;}
div.wpcf7-mail-sent-ok {border: none!important;}
div.wpcf7-mail-sent-ng {border: none!important;}
div.wpcf7-spam-blocked {border: none!important;}
div.wpcf7-validation-errors {border: none!important;}

img.ajax-loader {display: none;}

.twtr-ft {display: none;}
.twtr-widget {margin: 0 0 0 4px;border:0;}
.twtr-widget .twtr-tweet {border:0;}

.related_post a {color:#444;}
.related_post a:hover {background-color:#dedc0e;}
.related_post li {margin:0 0 8px; clear:left; border-top:1px solid #ccc; padding-top:10px; width:100%;}

.separador {border-top:1px solid #444; width:100%; margin:20px 0;}
.separador2 {border-top:1px solid #444; width:100%; margin:20px 0;}

#subMenu {}
#subMenu ul li {margin:0 0 6px;}

#subMenu a {padding:2px; background-color:#dedc0e; color:#444; font-size:11px;}
#subMenu a:hover{color:#000;}

.paginador {width:660px; text-align:right;}
.paginador li {display:inline;}

#footer {background-color:#eee; width:100%; height:250px; background:url(images/footer.jpg) no-repeat; float:left; overflow:hidden; font-size:12px;}

#footer p {padding:15px; width:425px;}