@font-face { font-family: "LinuxBiolinum"; src: url("/fonts/biolinum-webfont.eot"); src: local("☺"), url("/fonts/biolinum-webfont.woff") format("woff"), url("/fonts/biolinum-webfont.ttf") format("truetype"); src: url("/fonts/biolinum-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

body { font-family: "LinuxBiolinum", Verdana, Arial, sans-serif; font-size: 24px; letter-spacing: -0.75pt; margin: 2em 2.3em; color: #bbbbbb; background-color: #3d3d3d; background-image: url(/images/bg.jpg); background-attachment: fixed; background-position: 0.5em 0; background-repeat: no-repeat; }

br { clear: both; }

pre { padding: 1em; font-size: 12px; line-height: 14px; background-color: rgba(0, 15, 0, 0.8); }
pre code { font-size: inherit; }

code { font-size: 14px; }

p.pages { clear: both; margin-top: 0; margin-bottom: 3em; text-align: right; font-size: 0.7em; }
p.pages span { border-bottom: 1px solid #779977; }
p.pages .current { color: #00cc00; }

.image { border: none; padding: 0; }
.image.left { float: left; margin: 4px 5px 5px 0; }
.image.right { float: right; margin: 4px 0 5px 5px; }
.image a, .image img { border: none; display: block; }
.image img.hover { display: none; }
.image:hover { padding: 0; }
.image:hover a img { display: none; }
.image:hover a img.hover { display: block; cursor: pointer; }

img[alt="BBLA-Logger"] { visibility: hidden; }

.header_container { border-bottom: 1px solid #bbbbbb; }
.header_container h1 { font-size: 1em; font-weight: lighter; margin-bottom: -5px; }
.header_container h1 .date { font-size: 0.8em; margin-top: 7px; height: 14px; }
.header_container h2 { font-size: 1.5em; font-weight: lighter; margin-bottom: -9px; }
.header_container h2 a { display: inline-block; width: 470px; margin-bottom: -9px; overflow: hidden; }
.header_container h2 .date { font-size: 0.5em; margin-top: 18px; height: 12px; }
.header_container h1 .date, .header_container h2 .date { float: right; margin-right: 5px; overflow: hidden; }
.header_container h1, .header_container h2 { display: block; padding: 0; }
.header_container h1 .flourish, .header_container h2 .flourish { float: right; margin-top: -2px; }
.header_container h1 .penguin, .header_container h2 .penguin { float: right; margin-top: 30px; font-size: 6em; }

a { color: #779977; text-decoration: none; white-space: nowrap; outline: 0px none; }
a:visited { color: #779977; }
a:hover { color: #00cc00; }
a:focus { color: white; }

.goback { font-size: 0.7em; align: left; float: right; clear: all; font-weight: lighter; }

.old { text-decoration: line-through; }

#page { margin: 0 auto; margin-top: 2em; padding: 0; width: 28em; border: 2px solid #006600; border: 2px solid rgba(0, 204, 0, 0.2); background-color: transparent; background-image: url(/images/bg_effect.png); background-attachment: fixed; background-position: 0.5em 0; background-repeat: no-repeat; -moz-box-shadow: 5px 5px 15px black, -5px -5px 15px black; -webkit-box-shadow: 5px 5px 15px black, -5px -5px 15px black; }

#page_wrapper { margin: 0 auto; width: 28.2em; background-color: #3d3d3d; background-image: url(/images/bg_wrap.png); background-attachment: fixed; background-position: 0 0; background-repeat: repeat; }

#inner { margin: 0 auto; width: 87%; }

#signature { text-align: center; margin: 2em; }

#head { margin: 0 auto; padding: 0; }
#head ul { display: block; margin: 0; padding: 0; height: 30px; }
#head ul li { vertical-align: top; display: inline-block; width: 80px; height: 30px; line-height: 20px; margin: 0; }
#head ul li div { padding: 0 5px; height: 17px; border: 2px solid #006600; border: 2px solid rgba(0, 204, 0, 0.2); border-top: none; border-left: none; -moz-border-radius-bottomright: 0.3em; -webkit-border-bottom-right-radius: 0.3em; border-bottom-right-radius: 0.3em; -moz-border-radius-bottomleft: 0.3em; -webkit-border-bottom-left-radius: 0.3em; border-bottom-left-radius: 0.3em; cursor: pointer; }
#head ul li.current div { height: 30px; cursor: none; }
#head ul li.current div a { display: block; }
#head ul li a { height: 30px; padding-top: 13px; }
#head ul li.right { float: right; text-align: right; }
#head ul li.right div { border: 2px solid #006600; border: 2px solid rgba(0, 204, 0, 0.2); border-top: none; border-right: none; -moz-border-radius-bottomright: 0.3em; -webkit-border-bottom-right-radius: 0.3em; border-bottom-right-radius: 0.3em; -moz-border-radius-bottomleft: 0.3em; -webkit-border-bottom-left-radius: 0.3em; border-bottom-left-radius: 0.3em; }

#body { min-height: 150px; }

#tags { padding: 1em; text-align: justify; }
#tags span.tag { margin: 5px; }
#tags span.tag label.rate_1 { font-size: 0.8em; color: #667766; }
#tags span.tag label.rate_2 { font-size: 0.9em; color: #778877; }
#tags span.tag label.rate_3 { font-size: 1em; color: #88bb88; }
#tags span.tag label.rate_4 { font-size: 1em; color: #aabbaa; }
#tags span.tag label.rate_5 { font-size: 1.2em; color: #bbddbb; }
#tags span.tag label.rate_6 { font-size: 1.3em; color: #cceecc; }
#tags span.tag ul { display: none; position: absolute; list-style-type: circle; top: inherit; left: inherit; padding: 0.3em 0.4em 0.3em 0.4em; margin-top: -5px; background-color: rgba(0, 0, 0, 0.8); font-size: 20px; text-align: center; width: 500px; border: 2px solid #006600; border: 2px solid rgba(0, 204, 0, 0.2); border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
#tags span.tag ul .top { border-bottom: 1px dashed #3d3d3d; list-style-type: none; }
#tags span.tag ul .bottom { border-top: 1px dashed #3d3d3d; list-style-type: none; }
#tags span.tag ul .bottom, #tags span.tag ul .article { border-radius: 0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
#tags span.tag ul .bottom:hover, #tags span.tag ul .article:hover { background-color: rgba(0, 204, 0, 0.2); }
#tags span.tag ul li { margin: 0; margin-top: 0.5em; margin-bottom: 0.5em; }
#tags span.tag ul li .abstract { margin: 0; padding: 0; }
#tags span.tag:hover ul { display: block; }

.abstract { margin-top: 0.5em; margin-bottom: 3em; font-size: 0.8em; }

.tags { float: right; text-align: right; font-size: 0.8em; }