/* 1025px - xhtml/css template for pyblosxom based loosely on the 1024px template by Andreas Virklund
Free to use in any way and for any purpose as long as credit is given to the author
Author: Mario Fernandez
Version: not worth noting, May 17, 2008 */

/* Fonts */
body{
font:100% Verdana,Tahoma,Arial,sans-serif;
/*background-color:AliceBlue;*/
}

h1 {
font-family: 'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
font-weight: bold;
}

/*
#content {
background-color:WhiteSmoke;
border: 1px solid black;
}*/

/* General Layout */
#content {
position:relative;
width:60em;
margin: 0 auto;
}

#header {
text-align:center;
}

#sidebar {
float:right;
width: 20%;
padding: 2em;
}

#stories {
margin-right: 20%;
padding: 0 3em;
}

.story {
padding: 1em;
}

#footer {
clear:right;
margin-top: 5em;
}

/* Links */
a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}

/* Titles */
h2{
font-size:1.4em;
color:#4088b8;
border-bottom:4px solid #dadada;
/*padding:0 2px 2px 5px;
margin:0 0 10px 0;*/
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
/*margin:10px 0 8px 0;
padding:1px 2px 2px 3px;*/
}

h4{
font-size:0.8em;
font-style:italic;
}

/* footer */
#footer {
text-align:right;
line-height:1.6em;
border-top:4px solid #dadada;
}

/* images */
p img {
padding:0;
max-width:100%;
border:1px solid #000;
}

img {
display:block;
padding:0;
margin-left:auto;
margin-right:auto;
}

/* sidebar */
#sidebar ul{
clear:right;
list-style:none;
font-size:0.9em;
margin:0;
padding:0;
}

#sidebar li{
list-style:none;
margin:0;
padding:1em 0;
}

#sidebar li a{
/*font-size:1.2em;
font-weight:bold;
padding:1em;*/
}

/*#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}
*/

/* archives */
#archives {
}

.closed {
background: url(/images/closed.png) left center no-repeat;
}

.open {
background: url(/images/opened.png) left center no-repeat;
}

.clicker {
cursor: pointer;
}

.archiveYear {
text-indent: 1.5em;
margin: 5px 1px 2px 1px;
}

.archiveMonth {
text-indent: 2em;
margin: 3px 0px;
}

.archivePost {
text-indent: 2.5em;
font-size : 0.9em;
margin: 2px 0px;
}

/* colors for clarity (DEBUG) */
/*
#stories {
background-color: Red;
}

.story {
background-color: OrangeRed;
}

#footer {
background-color: green;
}

#sidebar {
background-color: yellow;
}
*/