/* General selectors */
html, body {margin:0; background:#111111 url(background.jpg) top left repeat fixed;}
body, td, th {font: normal 11px "Cambria", sans-serif; color: #CCCCCC; text-align:justify;}

a {color:#BB464E; text-decoration:none;}
b {color:#F8D784;}
i {color:#7D6658;}
u {color:#496E53;}

blockquote {margin: 10px; padding:10px; border:1px solid #202020; background-color: #151515;}

/* For the image-hover-effect relevant */
div.fadehover {position: relative;}
img.a { position: absolute; left: 0; top: 0; z-index: 10;}
img.b { position: absolute; left: 0; top: 0;}

/* General structure */
#content {width: 600px; margin: 0 auto;}
#topbar {background-color: #111111; width:560px; padding:20px; min-height:100px;}
#topbar table tr td {width:50%; border-top: 1px solid #222222; border-bottom: 1px solid #222222; padding: 5px 0;}
#maincontent {background-color: #111111; width:560px; padding:20px; margin: 120px 0 0 0;}

/* Entries */
.entry {padding:5px;}
.subject {color:#BB464E; font: normal 15px "Century Gothic", sans-serif; text-transform:uppercase; display:inline;  padding: 0 0 0 30px;}
.author {color: #444444; font-style:italic; padding: 0 0 0 30px;}
.usericon {margin: -40px 0 0 -90px; position:absolute;}
.usericon img { width:80px; height: auto; -moz-transform:rotate(-4deg); border: 15px solid #191919;}
.entry_text { padding: 10px 0 0 30px;}
.entry_text img {border:10px solid #191919;}

.spacer {height:80px;}

#credits {text-align:center; margin:5px; border-top: 1px solid #222222; padding: 5px 0 0 0; font: normal 9px "Century Gothic", sans-serif; text-transform:uppercase;}