html, body
{
font-family: sans-serif;
margin: 0;
padding: 0;
padding-bottom: 2em;
}

pre
{
overflow: auto;
}

/***** HEADER *****/

img#logo
{
margin: 1.3em;
float: left;
}

div#header h1
{
float: left;
/*clear: right;*/
margin-left: 1em;
/*margin-bottom: 0.1em;*/
color: #FF3333;
font-size: 4em;
font-variant: small-caps;
}

div#header p
{
font-size: smaller;
font-family: fantasy;
font-style: oblique;
float: left;
margin-left: 10em;
margin-right: 10em;
margin-top: 0em;
border: 1px dotted blue;
padding: 0.5em;
}

/***** SIDEBAR *****/

div#sidebar
{
font-size: smaller;
width: 20%;
float: right;
/*border-left: 2px dashed black;
border-bottom: 2px dashed black;*/
padding-bottom: 2.5em;
}


div#sidebar h2
{
text-align: center;
}

div#sidebar ul
{
margin-left: 0;
padding-left: 2em;
}

div#sidebar li
{
padding: 0.1em;
list-style-image: url("images/feed-icon-10x10.png");
}

div#sidebar li:hover
{
list-style-type: square;
background-color: #FFFF99;
border-right: 4px solid #FFFF99;
}

/***** MAIN *****/

div#main
{
width: 77%;
margin: 0;
padding: 0;
}

div.element
{
clear: left;
}

h2.date
{
font-weight: normal;
border-top: 3px solid black;
border-bottom: 3px solid black;
border-right: 3px solid black;
background-color: #FF9900;
text-align: right;
padding-right: 2em;
margin-left: 0;
clear: left;
margin-top: 1em;
}


div.who
{
margin-left: 0.4em;
width: 25%;
float: left;
}

div.who h3
{
margin-left: 2em;
font-variant: small-caps;
}

div.who h3 a
{
color: #FF3333;
text-decoration: none;
}

div.who h3 a:hover
{
text-decoration: underline;
}

div.content
{
margin-left: 32%;
font-size: smaller;
}

div.what h4
{
margin-left: -1.4em;
font-size: larger;
line-height: 180%;
}

div.what h4 a
{
color: #FF0000;
text-decoration: none;
padding-bottom: 0.2em;
border-bottom: 3px dotted #FF0000;
}

div.what h4 a:hover
{
border-bottom: 3px solid #FF0000;
}

div.who img
{
border: 2px dotted black;
margin-left: 3em;
margin-bottom: 2em;
}