body {
    font-family: Segoe UI, Calibri, Verdana, Tahoma, Helvetica, Sans-Serif;
    font-size: 1.1em;
    
    margin: 0 0 50px 0;
    padding: 0;
}

img {
    border: 0;
}

/* DIDASCALIES */
img.side {
    float: right;
    margin: 0 0 0.5em 0.5em;
}

.didascaly {
    font-size: 0.8em;
    font-style: italic;
}
.aligncenter {
    text-align: center;
    margin: 1em 0;
}
.alignright {
    float: right;
    margin: 0 0 0.5em 0.5em;
}
.alignleft {
    float: left;
    margin: 0 0.5em 0.5em 0;
}

form {
    border: 0;
    padding: 0;
    margin: 0;
}

pre {
	font-family: Consolas, Courier New, Monospace;
    overflow: auto;
}
code {
	font-family: Consolas, Courier New, Monospace;
    font-size: 0.8em;
    margin: 0;
}

.code {
	font-family: Consolas, Courier New, Monospace;
}

input, select {
    font-family: Segoe UI, Calibri, Verdana, Tahoma, Helvetica, Sans-Serif;
}
textarea, code {
    
}

td.left-col {
    text-align: right;
    font-size: 0.9em;
    white-space: nowrap;
}

.error {
    color: Red;
}
.error-sub {
    color: #E22;
    font-size: 0.8em;
}

.clearer {
    overflow: hidden;
    clear: both;
}
.centered {
    text-align: center;
    vertical-align: middle;
}

.antibot {
    display: none;
}

/* Klopfenstein Panel */
#klopfenstein-panel {
    position: fixed;
    left: 0;
    bottom: 0;
    
    width: 100%;
    height: 21px;
    margin: 0;
    padding: 0;
    
    font-size: 0.4em;
    line-height: 21px;
    vertical-align: middle;
    background: url('gui/panel/background.png') repeat-x;
    
    z-index: 100;
}
#klopfenstein-panel div.heads {
    position: absolute;
    left: 152px;
    bottom: 0;
    
    height: 32px;
    
    z-index: 101;
}
#klopfenstein-panel span.flags {
    position: absolute;
    right: 10px;
    bottom: 1px;
    
    height: 17px;
    
    z-index: 102;
}

/* Comments Common Style */
.comment-text {
    padding: 0.25em 0 0 0.5em;
    overflow: hidden;
}
.comment p {
    padding: 0;
    margin: 0 0 0.5em 0;
}
.comment h1,h2,h3,h4,h5,h6 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 0;
    border: 0;
}

#commentform-loader {
    display: none;
}



/* Galleries */
div.gallery {
    overflow: hidden;
    clear: both;
}
div.gallery div.element {
    float: left;
    margin: 0 1.5em 0 0;
    
    width: 180px;
    height: 220px;
}
div.gallery div.picture {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    
    width: 180px;
    height: 220px;
}
div.gallery div.didascaly {
    font-size: 0.6em;
    height: 2em;
    padding: 0.5em 0 0 0;
    text-align: center;
    font-style: italic;
}
div.gallery-end {
    clear: both;
}


/* ICONS */
.date-small {
    padding: 0 0 0 12px;
    background-image: url('gui/icons/small_calendar.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.date-update-small {
    padding: 0 0 0 12px;
    background-image: url('gui/icons/small_calendar_update.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.user-small {
    padding: 0 0 0 12px;
    background-image: url('gui/icons/small_man.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.comment-small {
    padding: 0 0 0 12px;
    background-image: url('gui/icons/small_comment.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.comment-big {
    padding: 0 0 0 18px;
    background-image: url('gui/icons/comment.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.tag-small {
    padding: 0 0 0 12px;
    background-image: url('gui/icons/small_tag.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.rss-icon {
    padding: 0 0 0 18px;
    background-image: url('gui/icons/rss.png');
    background-repeat: no-repeat;
    background-position: left center;
}