﻿/*
	Theme Name: downstairs.
	Theme URI: http://sisifodichoso.org
	Description: three column theme.
	Author: sisifodichoso.org
	Author URI: http://sisifodichoso.org
	Version: 1.0
	Los hacks para explorer se muestran en hoja aparte
*/

body {
	background: #000;	
	font: 76%  arial, verdana, helvetica, sans-serif;
	line-height: 1.5em;
	color:#000;
	text-align: center;
	margin: 0;
	padding: 0;
}
#outerwrap{
	background:#fff;
	width: 995px;
	margin:0 auto;
	text-align: left;
}
#maincontent {
	float:left;
	width:550px;
	background: #fff;
	padding-left:40px;
	margin:0;	
	
}
pre {
	overflow:auto;
	width:100%;
}

h3 {
    font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
}
/***********************************************************************
* Header                                                               *
***********************************************************************/
#header {
	background: #faf1c1 url("images/logo.jpg") center no-repeat;
	height:180px;
	border-top: 1px solid #000; 	
	font-family: arial, verdana, helvetica, sans-serif;	
}

#header h1{
	background-color:#000;
	width:300px;
	margin-left:350px;
	text-align:center;
	font-size: 2.2em;
	line-height:1em;
	margin-bottom:5px;
	margin-top:5px;	
	color: #fff;
}
#header h1 a {
	color: #fff;
	font-weight:normal;
	text-decoration: none;
}                    
#header h2{
	background-color:#000;
	width:300px;
	margin-left:350px;
	margin-top:2px;
	text-align:center;
	font-size: 1em;
	line-height:1.2em;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
}
 

/***********************************************************************
* Links                                                                *
***********************************************************************/

.entrybody a[href^="http:"], #miniblog a[href^="http:"] {

	background: url("images/external.png") no-repeat right top;
	padding-right: 15px;

} 

a[href^="http://sisifodichoso.org"],  a[href^="http://www.sisifodichoso.org"], .entrybody a[href^="http://sisifodichoso.org"], .entrybody a[href^="http://www.sisifodichoso.org"], #miniblog a[href^="http://sisifodichoso.org"], #miniblog a[href^="http://www.sisifodichoso.org"], 
.sociable ul li a[href^="http:"] {

	background-image:none;
	padding-right: 0;

}

a:link, a:visited{
	text-decoration: none;
	font-weight:bold;
	color: #2b3e5f;
}
a:hover{
	text-decoration: underline;
}



/***********************************************************************
* Navigation Bar                                                       *
***********************************************************************/
#navdiv{
	background: #596a83;
	font-size: 0.86em;
	height: 28px;
	position:relative;	/*para evitar el solape con la barra lateral en FF*/
	}
#nav {
	margin: 0px;
	padding-left: 240px;	
}
#nav  li
{
	float: left;
	display: block;
	
}
#nav  li a
{
	display: block;
	font-weight:bold;
	padding: 5px;
	letter-spacing: 2px;	
	text-transform: uppercase;
	color:#fff;
}
#nav  li:hover a,
#nav  li a:hover,
#nav  li:hover li a:hover,
#nav  li.hover a,
#nav  li a.hover,
#nav  li.hover li a:hover
{
text-decoration:underline;
}
/***********************************************************************
* Entry                                                                *
***********************************************************************/
h2.entrydate {
	text-align: right;
	font-weight: normal;	
	color: #666;
	margin-top: 15px;
	padding-bottom:3px;
	padding-top:5px;
	width:350px;
	border-bottom: 1px solid #596a83; 	
}
h3.entrytitle {
    margin:0px;
	font-size: 1.92em;
	line-height:0.2em;
	padding-top: 5px;	
}

h3.entrytitle a:link, h3.entrytitle a:visited, h3.entrytitle a:hover,
h3.pagetitle a:link, h3.entrytitlepage a:visited, h3.entrytitlepage a:hover {
	font-weight:normal;
	text-decoration:none;
	color: #b50c0c; 
}
p.entryintro {
	font-size: 0.92em;
	color:#777;
	margin-left:10px;
	margin-bottom:0px;
	margin-top:10px;
}

.entrybody {
	font-size: 1.12em;
	color: #2e3136; 
	padding-left:3px;
	overflow:hidden;
}

.entrybody p {
	width:95%;
}
.entrybody li{
	font-size: 1em;
} 
.entrybody a:link, .entrybody a:visited{
	color: #596a83; 

}

.meta{
	font-size: 0.92em;
	padding-left:3px;
	margin-bottom:25px;
}

/***********************************************************************
* Comments                                                             *
***********************************************************************/

h3#comments{
	background-color: #faf4d2;
	border-top: 5px solid #4c6c9c; 	
	font-size: 1.56em;
	padding: 10px;	
}
ol.commentlist{
	list-style: none;	
	margin: 0;
	padding: 0;	
}
ol.commentlist li{
	margin-top: 2px;
	background: #f9f9f9;	
}
ol.commentlist li a{
	color: #818188;
}
.commentmeta{
	display:block;
	background:#faf8eb;
	color:#000;
	padding: 5px;
	border-top: 1px solid #4c6c9c;
}
.commentmeta .commentmetadata a {
	color:#555;
	padding: 3px;
	margin-bottom:0px;
}
.commentbody {	
	font-size: 1.12em;
	margin-bottom:5px;
	padding: 3px;
	background-color: #faf8f0;
	overflow:hidden;
}
.commentbody p{
	margin-top: 0px;
}
h3#respond {
	font-size: 1.56em;
	}
#commentform {
	background-color: #faf8f0;
	border: 1px solid #4c6c9c;	
	padding:10px;
	margin-bottom:20px;
	}
#commentform input{
	padding-left: 3px;
	}
#commentform label{
        font-size:0.92em;
}
#comment {	
	background-color: #faf8f0;
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 1.12em;
	width: 400px;
	padding:3px;
	}
submit{
	border: 1px solid #4c6c9c;
	background-color: #faf8f0;
	color:#71717B;
	}
.nocomments{
	color: #b50c0c;
	font-size: 0.92em;
	padding-left: 10px;
}

/***********************************************************************
* Sidebar                                                              *
***********************************************************************/
#sidebar {
	background-color: #faf8eb;
	margin-left:615px;
	margin-top: -17px;
	width: 380px;	
	line-height: 1.3em;
	padding-top: 25px;
	
	}
.sidebar1 {
	margin:0 0 0 0;
	padding-right:13px;
	float:left;
	width: 155px;	
}
.sidebar2 {
	margin: 0 0 0 190px;
	width: 155px;	
}

#sidebar h2{
	margin:18px 0 1px 15px;	
	color: #223;
	font-size: 1.32em;
	font-weight:bold;
	}
.sidebar1 ul, .sidebar2 ul  {
	margin: 0 -23px;
	padding:0 10px 0 40px;	
	list-style-type:none;
	}
.sidebar1 ul li, .sidebar2 ul li {
	margin:0px;
	padding:0px;
	font-size:0.92em;	
	}

#wp-calendar {
	font-size: 0.92em;
	text-align: center;
	padding-left: 13px; 
	float:left;
	}
#wp-calendar caption { 
	font-size: 0.96em;
	}	
#wp-calendar #today { 
	background-color:#ba0f0f;
	color:#fff;
}
#wp-calendar #today a {
	color:#fff;
}
#weather {
	margin-left:190px;
	width:150px;
}
#weatherinfo {
	list-style-type: none;
	color:#000;
	font-size:0.92em;
	display: block;	
}
#sidesearch{	
	padding:0;
	font-size:1.4em;
	width:350px;		
}
#sidesearch #sidetext{
        margin: 10px 0 0 60px;
	color:#444545;
	border:1px #e60f0f solid;
	background:#fff;
	width:200px;
	font-size:1em;
	padding-left: 3px;
}

#sidesearch #sidesubmit{        
	border-bottom:1px #596a83 solid;
	border-right:1px #596a83 solid;
	font-size: 1em;
	padding-left: 3px;
}
#sidebar .rdimage {
	margin-left:30px;
	margin-top:0px;
	width:75px;
	background-color:#000;
	border: 4px solid #000; 
	border-bottom: 15px solid #000; 	
}
#sidebar .rdimage img{
	width:75px;
	height:75px;
	padding:0px;
	margin:0px;		
}
#miniblog {
	margin-top:5px;
	margin-left:15px;
	padding:2px 4px 2px 4px;
	border:1px #e60f0f solid;
	background:#fff;
	list-style-type:none;
}
#sidebar ul#linkslist{
	margin: 0 -38px;
    padding:0 30px 0 40px;
	font-size:1.06em;	
	}
#sidebar p{
	margin: 0 15px 0 0;
	color: #555;	
	font-size:0.75em;
	}	
#sidebar #utiles, #sidebar #campanias {
	margin: 0 15px; 
	text-align: center;
	font-size:0.92em;
}
/***********************************************************************
* Images                                                               *
***********************************************************************/
img {
	border: 0;
	}
.imgblock img {
	background: #fff;
	border: 1px solid #585a67;
	padding: 6px;
	}
.imgblock {
	background: #7A8A99;
	text-align: center;
	}
.imgblock img:hover{
	border: 1px solid #354a47;
	}
.right {
	float: right;
	margin: 6px 6px 6px 6px;
	}
.left {
	float: left;
	margin: 6px 6px 6px 6px;
} 
/***********************************************************************
* Archives  
************************************************************************/
h2.archmonth, h2.archmonth a{
	font-size: 1.2em;
	color: #8888AA;
	padding-bottom:0px;
	margin-bottom:0px;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	font-weight:normal;
}
h2.archmonth{
	border-bottom: 1px solid #8888AA;
}
.arch-days, a.arch-days {
	font-size: large;
	color: #8888AA;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left:5px;
	text-decoration: none;
	border-bottom: none;
}
.arch-posts{
	margin-left:0px;
}
.arch-day, .arch-day a {
	font-size: small;
	color: #5252a1;
	padding-bottom:0px;
	margin-bottom:0px;
}
a.arch-day,  a.arch-days, a.arch-post{
	text-decoration: none;
	border-bottom: none;
}

a.arch-post:hover, a.arch-day:hover{
	border-bottom: 1px solid #8888AA;
}

a.arch-days:hover{
	border-bottom: none;
}
.arch-post, .arch-post a{
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 12px;
	color: #385abe;
}

.postspermonth {
	margin: 5px 0 10px 0;
	list-style: none;
	padding-left: 25px;
	background-color: #faf8f0;
	border: 1px solid #4c6c9c; 
	width:70%;
}

/***********************************************************************
* Miscelanea                                                    *
***********************************************************************/
code{
	font-family: 'lucida console', 'Courier New', monospace;
	font-size: 0.86em;
	display:block;
	padding:3px;
	background-color: #faf8f0;
	border: 1px solid #4c6c9c; 
	width:92%;
}

code.linea {
	display: inline;
	color: #000;
	background: transparent;
	border: 0px;
}
code span.comment{
	color: #008000;
}

/* keyboard shortcuts */
kbd{
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	background-color: #f6f9fa;
	color: #444;
	border-color: #dde7ee #aaafbb #aaafbb #ddeeee;
}
code kbd {
	white-space: pre;
	color:#12537d;
	background: transparent;
	border:0px;
	font-size:0.76em;
	font-family: courier, monospace;
	}
samp {
	background-color: #f6f9fa;
	color:#12537d;
	border-left:0.07em solid #acacac;
	font-family: courier, monospace;
	font-size:0.76em;
	}
code samp {
	color:#12537d;
	background: transparent;
	border:0px;
	font-size:0.76em;
	font-family: courier, monospace;
}

.imgborder img{
	border: 1px solid #d3d3d6;
	padding:3px;
}

q:lang(es), q:lang(fr) { quotes: '\00AB' '\00BB'; }
q:lang(es) q:lang(es),  q:lang(fr) q:lang(fr){ quotes: '\201C' '\201D'; }
q:lang(es) q:lang(en) { quotes: '\201C' '\201D'; }
q:lang(en) { quotes: '\201C' '\201D'; }
q:lang(en) q:lang(en) { quotes: '\2018' '\2019'; }

blockquote{
	font-style: italic;
	background-color: #faf4d2;
	border-left: 10px solid #4c6c9c; 
	color: #45453d;
	padding:3px;
	padding-left:10px;
	margin-left:5px;
	clear:left;
	width:90%;	
}
blockquote:lang(es), blockquote:lang(fr) { quotes: '\00AB' '\00BB'; }
blockquote:lang(en) { quotes: '\201C' '\201D'; }

cite{
	font-style: italic;
}

abbr, acronym{
		cursor: help;
}
.moretext, .paginas { 
        font-weight:normal;
		color: #b50c0c; 
	}
.moretext:hover{ 
        text-decoration:none;
		color: #2b3e5f;
}

.entrybody td{
	padding-left:5px;
	padding-right:5px;
	border-bottom: 1px solid #b50c0c;

}



/***********************************************************************
* Footer                                                               *
***********************************************************************/
#footer{
	background: #202b34 url("images/foot.jpg") center no-repeat;
	padding-left:30px;
	border-top: 4px solid #ba0f0f; 
	border-bottom: 4px solid #ba0f0f; 
	letter-spacing:0px;
	font-size:0.82em;
	text-align:center;
	color: #f1f1f1;
	padding-right:30px;
	padding-bottom:10px;
	clear:both;
}
#footer a{
	color: #f1f1f5;
}

/***********************************************************************
* Estilos para páginas                           *
***********************************************************************/
.about {
        font-size:1.2em;      
        padding:10px;
}
.pagetitle{
	color: #b50c0c; 
	font-weight:normal;
}
h2.pagetitle {
	color: #666;
	margin:0px;
	font-size: 1.92em;
	text-align: right;
	padding-top: 25px;
	padding-bottom: 2px;
	margin-bottom:5px;
	width:350px;
	border-bottom: 1px solid #596a83; 		
}
h2.pagetitle a:link, h2.pagetitle a:visited, h2.pagetitle a:hover {
	font-weight:normal;
	text-decoration:none;
	color: #666;
}
h3.pagetitle {
	margin:0px;
	font-size: 1.86em;	
	padding-top: 5px;	
}
h3.pagetitle a:link, h3.pagetitle a:visited, h3.pagetitle a:hover,
h3.cattitle a:link, h3.cattitle a:visited, h3.cattitle a:hover {
	font-weight:normal;
	text-decoration:none;
	color: #b50c0c; 
}
h3.searchtitle, h3.cattitle {
	text-align: right;
	width:350px;
	color: #b50c0c; 
	margin:0px;
	font-size: 1.66em;	
	padding-top: 5px;
}
.aviso{
	font-size:1em;
	font-style:italic;
}
#searchform {
	background-color: #faf8f0;
	border: 1px solid #4c6c9c;		
	padding:10px;
	margin-left:10px;
	width:480px;
}
#searchinput{
	width:400px;
	padding-left: 3px;
	}
#searchsubmit {	
	margin-left:5px;	
	background-color: #faf8f0;	
	width:50px;
	}
/***********************************************************************
* Estilos para entradas especiales                           *
***********************************************************************/
/* Esta etiqueta no es necesaria y, en cierto modo, es incorrecta pero se mantiene para ilustar un ejemplo en el blog */
.overflow {
	width:470px;
	overflow:auto;
}
.verso {
	text-align:center;
	clear:both;
}

/*************************************************************************
* Estilos para ZenLife                          *
**************************************************************************/

.lifeingallery{
	margin-left:15px;
			
}

.lifeingallery h3 {
	margin-bottom:0 ;
}

.lastimage {	
	margin-left:15px;
	color:#000;
}

