/*
Theme Name: SitioAparte
Theme URI: http: //sitioaparte.info/
Description: Lo que espeo sea el ultimo (no creo).
Version: 2.1
Author: jonathan Esquivel
Author URI: http: //sitioaparte.info/
*/

/** Reset **/
* {
margin: 0;
padding: 0;
}
/** generales **/
body {
background: #ebece8;
color: #4f4f4f;
font: 15px/22px "museo", arial;
}
.wrapper {
margin: 0 auto;
min-height: 150px;
width: 930px;
}
h2 {
font-size: 28px;
padding: 22px 0;
}
h3 {
font-size: 18px;
padding: 11px 0;
}
p {
padding-bottom: 22px;
}
a {
color: #4f4f4f;
text-decoration: none;
}
a:hover,
#footer a:hover {
color: #ff7800;
}
ul,ol {
list-style: none;
}
/* separador */
#separador {
clear: both;
display: block;
}
/** cabezera **/
#header {
display: block;
height: 60px; 
margin: 30px 0 50px;
}
/* titulo */
#header .titulo,
#header .titulo a:hover {
float: left;
font-size: 75px;
text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
}
/* menu paginas */
#header .paginas {
float: right;
margin-top: 25px;
}
#header .paginas li {
display: inline;
}
#header .paginas li a {
padding: 5px 12px;
}
#header .paginas li:hover a {
background: #4f4f4f;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
color: #f8f8f8;
}
/** contenido **/
#contenido {
clear: both;
float: left;
width: 600px;
}
/* bloques de entradas, lista comentarios y formulario de comentarios */
#contenido .entrada,
#contenido #lista_comentarios,
#contenido #form_comentarios {
background: white;
border-top: 1px solid #e0e0d7;
-moz-box-shadow: 3px 3px 15px #e0e0d7;
-webkit-box-shadow: 3px 3px 15px #e0e0d7;
box-shadow: 3px 3px 15px #e0e0d7;
display: block;
margin-bottom: 25px;
padding: 30px 40px 50px;
}
/* titulo de la entrada */
#contenido .entrada h2 a{
background: transparent;
border: none;
font-size: 1.55em;
}
#contenido .entrada ol li strong {
font-size: 1.5em;
font-weight: bolder;
}
/* informacion extra de las entradas */
#contenido .entrada .comentarios {
float: right;
width: 40px;
}
#contenido .entrada .comentarios a {
background: #e0e0d7;
border: none;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
margin-top: -3px;
padding: 5px;
text-align: center;
}
#contenido .entrada .aleatorios {
clear: both;
display: block;
}
#contenido .entrada .info_entrada {
float: left;
width: 350px;
}
#contenido .entrada .info_entrada a,
#contenido .entrada a.more-link {
background: transparent;
}
#contenido .entrada .enviar_twitter a {
background: transparent url(imagenes/share-twitter.png) no-repeat;
}
#contenido .entrada .enviar_face a {
background: transparent url(imagenes/share-facebook.png) no-repeat;
}
#contenido .entrada .enviar_twitter a,
#contenido .entrada .enviar_face a{
border: none;
color: transparent;
display: block;
float: right;
height: 32px;
margin-top: -3px;
width: 32px;
}
#contenido .publicidad {
display: block;
margin-bottom: 15px;
text-align: center;
}
/* links dentro de las entradas */
#contenido .entrada a {
background: #eee;
border-bottom: 1px dotted #d7d7c8;
padding: 0 3px;
}
/* imagenes dentro de las entradas */
#contenido .entrada img,
#contenido .entrada a img {
-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow: 0px 0px 5px #ccc;
border: 2px solid #ccc;
box-shadow: 0px 0px 5px #ccc;
display: block;
margin: 5px auto;
max-width: 520px;
padding: 5px;
}
#contenido .entrada img:hover,
#contenido .entrada a img:hover {
border-color: #A9BB8C;
}
/* formulario de comentarios */
#contenido #form_comentarios input, 
#contenido #form_comentarios textarea {
background: #FFFFFF;
border: solid 1px #E5E5E5;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #4f4f4f;
font-size: 20px;
outline: 0;
padding: 7px;
width: 240px;
}
#contenido #form_comentarios textarea {
height: 150px;
line-height: 150%;
max-width: 500px;
width: 500px;
}
#contenido #form_comentarios input:hover, 
#contenido #form_comentarios textarea:hover,
#contenido #form_comentarios input:focus, 
#contenido #form_comentarios textarea:focus {
border-color: #C9C9C9;
}
#contenido #form_comentarios label {
color: #999999;
margin-left: 10px;
}
#contenido #form_comentarios .botones input {
background: #4f4f4f;
border: 0;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px;
color: #f8f8f8;
font-size: 14px;
padding: 9px 15px;
width: auto;
}
/* navegacion */
#contenido .navigation {
display: block;
height: 30px;
margin-bottom: 15px;
}
#contenido .navigation .alignleft {
float: left;
width: auto;
}
#contenido .navigation .alignright {
float: right;
width: auto;
}
/** lateral **/
#lateral {
float: right;
width: 300px;
}
/* buscar */
#lateral #searchform {
display: block;
}
#lateral #searchform #s {
border: 1px solid #e0e0d7;
color: #4f4f4f;
font-size: 21px;
height: 30px;
padding:2px 5px;
width: 280px;
}
#lateral #searchform #searchsubmit {
background: none;
border: none;
}
/* iconos sociales */
#lateral .iconos {
margin: 15px 0;
}
#lateral .iconos li {
display:inline;
}
#lateral .iconos li a img {
border: none;
width: 65px;
}
/* categorias */
#lateral #category_cloud {
margin: 15px 0;
}
/* twitter */
#lateral #twitter_div {
display: block;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#lateral .flickr a img {
border: none;
margin: 0 8px 10px 0;
}
/** footer **/
#footer {
background: #4f4f4f;
color: #ebece8;
min-height: 30px;
}
#footer a{
color: #ebece8;
}
#footer .widget {
float: left;
padding: 10px 15px;
width: 200px;
}
/** error 404 **/
#error_pagina blockquote {
float: right;
font-size: 1.5em;
font-style: italic;
width: 300px;
}
#error_pagina h1 {
font-size: 10em;
margin-top: 105px;
}
#error_pagina h2 {
font-size: 5em;
margin-top: 25px;
}
#error_pagina #category_cloud {
clear: both;
margin-top: 50px;
}