* {
background-color: transparent;
color: white;
font-size: 11px;
font-family: Verdana, sans-serif;
}

h1 { font-size: 22px; margin: 10px;}
h2 { font-size: 18px;}
h3 { font-size: 15px;}

html {
background-color: #000;
background-image: url("images/bglogo.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0% 100%;
}

#toc > ul {
text-align: center;
padding: 0px;
}

#toc > ul > li {
display: inline;
padding: 0px 5px;
}

a { text-decoration: none; }
a:hover { color: #E00; }
a:visited {color: #05E; }

h1 > a { color: #FFF; font-size: 22px; margin: 10px; }
h1 > a:hover { color: #05E; }
h1 > a:visited {color: #EEE; }


body > h1, .Header > h1 {
text-align: center;
margin: 50px auto 10px auto;
}

body > h2, .Header > h2 {
color: #555;
text-align: center;
margin: 10px auto 10px auto;
border-bottom: 2px solid #E00;
}

.event {
margin: 50px auto;
background: #333;
border: 2px solid #05E;
padding: 10px;
width: 600px;
}

.event > h1 {
float: right;
text-align: right;
border-bottom: 2px solid #E00;
width: 450px;
}

.event > .tag {
text-align: center;
width: 600px;
background-color: #444;
clear: both;
}

.event > img {
float: left;
position: relative;
top: -4px;
left: -4px;
border: 1px solid #E00;
}

.heading {
clear: both;
}

p.heading:first-letter {
border: 3px double #05E;
float: left;
font-size: 62px;
margin: 2px;
padding: 2px;
line-height: 58px;
font-family: serif;
}

.lblock {
float: left;
background: #444;
border: 1px solid #E00;
width: 250px;
padding: 5px;
margin: 5px;
}

.rblock {
float: right;
background: #444;
border: 1px solid #05E;
padding: 5px;
margin: 5px;
width: 250px;
}

img {
border: none;
}

pre {
font-family: Monospace;
color: #bbb;
}