/* **************************** *
 * tyle.css @ flausch.at        *
 * main stylesheet              *
 * (c) 2008+, by Andreas Lausch *
 * **************************** */


p, div, html, body, span {
    /* default. others overwrite */
    color:#EEEEFF;
    font-family: verdana, arial;
    font-size: 13px;
}

html, body {
    background: #272727;
    margin: 0 0 0 0;
    
    text-align: center;
}

h1 {
    /* not implemented */
}

h2 {
    color:#EEEEFF;
    font-size:16px;
    font-weight:bold;
    
    position: absolute;
    top: -33px;
}

h3 {
    color:#EEEEFF;
    font-size:14px;
    font-weight:bold;
}

h4 {
    color:#EEEEFF;
    /* default font-size */
    font-weight:bold;
}

/* TEXT LINKS */
a, a:visited {
    color:#76a4c8;
}
a:hover, a:active {
    color:#b9cbd9;
}
/* END TEXT LINKS */


/* TOP */
#top {
    background: #272727 url("img/top1.gif") repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 88px;
}

#top-elements {
    clear: both;
    text-align: left;
    margin: auto;
    width: 800px;
}

#title {
    position: relative;
    left: 42px;
    top:  15px;
    
    background: url("img/title.jpg");
    width: 175px;
    height: 40px;
    
    float:left;
}
/* END TOP */


/* LANG SELECTOR */
#lang-select {
    width: auto;
    position:absolute;
    /*left:150px;*/
    right:12px;
    top:12px;
    float:left;
}

.lang-flag {
    border:none;
}
/* END LANG SELECTOR */


/* MENU LINKS */
.link-slash {
    position: relative;
    left: 153px;
    top:  50px;
    
    background: url("img/link-slash.jpg");
    width:  15px;
    height: 22px;

    float:left;
}

#link-welcome {
    position: relative;
    left: 150px;
    top:  50px;
    
    background: url("img/link-welcome.jpg");
    width:  79px;
    height: 22px;
    
    float:left;
}
#link-welcome:hover { background: url("img/link-welcome-over.jpg"); }

#link-about {
    position: relative;
    left: 150px;
    top:  50px;
    
    background: url("img/link-about.jpg");
    width:  87px;
    height: 22px;

    float:left;
}
#link-about:hover { background: url("img/link-about-over.jpg"); }

#link-blog {
    position: relative;
    left: 150px;
    top:  50px;
    
    background: url("img/link-blog.jpg");
    width:  44px;
    height: 22px;

    float:left;
}
#link-blog:hover { background: url("img/link-blog-over.jpg"); }

#link-gb {
    position: relative;
    left: 150px;
    top:  50px;
    
    background: url("img/link-gb.jpg");
    width: 101px;
    height: 22px;

    float:left;
}
#link-gb:hover { background: url("img/link-gb-over.jpg"); }
/* END MENU LINKS */


/* PAGE / CONTENT */
#page {
    position: relative;
    top: 88px;
    clear: both;
    text-align: left;
    margin: auto;
    width: 800px;
}

#counter-window {
    width: auto;
    position: absolute;
    top:   -30px;    
    right: 5px;
    float: left;
    
    padding: 20px 32px 20px 32px;
    border: 1px solid #202020;
    background: url("img/counter-window.jpg") #333333;
}

.counter-window-title {
    font-weight: bold;
    text-align: center;
}
    
#content {
    position: relative;
    top: 28px;
    
    margin: 12px 100px 12px 20px;
    width: 760px;
}

#text {
    width: 600px;
    text-align:justify;
}
/* END PAGE / CONTENT */


/* FOOTER */
#footer-text {
    position: relative;
    top: 20px;
    padding: 10px 0px 0px 0px;
    font-size: 11px;
    color: #D7D7D7;
    text-align: center;
    border-top: 1px solid #202020;
}

.footer-text {
    font-size: 11px;
}

#validations {
    position: relative;
    text-align: center;
    top: 20px;
}
/* END FOOTER */

table, td, tr {
    text-align: left;
}

.image .caption, .image-left .caption, .image-right .caption {
    font-size: 80%;
}

.image {
    margin: 5px;
}

.image-left {
    width: auto;
    float:left;
    margin: 5px 5px 3px 0px;
}

.image-right {
    width: auto;
    float:right;
    margin: 5px 0px 3px 5px;
}

.image-inline {
    display: inline;
    margin: 0px;
}

.flag-inline {
    width: auto;
    display: inline;
    margin: 0px 0px 0px 2px;
}

/* CODE LISTINGS */
.bash {
    white-space: pre;
    font-family: monospace;
    border-left: 4px solid #555555;
    padding-left: 4px;
}
.c_bash {
    white-space: pre;
    font-family: monospace;
    border-left: 4px solid #555555;
    padding-left: 4px;
}
.c_c {
    white-space: pre;
    font-family: monospace;
    border-left: 4px solid #555555;
    padding-left: 4px;
}
.c_php {
    white-space: pre;
    font-family: monospace;
    border-left: 4px solid #555555;
    padding-left: 4px;
}
.c_python {
    white-space: pre;
    font-family: monospace;
    border-left: 4px solid #555555;
    padding-left: 4px;
}
.c_keyword {
    white-space: pre;
    font-family: monospace;
    color: #7799ff;
}
.c_type {
    white-space: pre;
    font-family: monospace;
    color: #88bbee;
}
.c_comment {
    white-space: pre;
    font-family: monospace;
    color: #777777;
}
.c_literal {
    white-space: pre;
    font-family: monospace;
    color: #ff7711;
}
.c_macro {
    white-space: pre;
    font-family: monospace;
    color: #00aa00;
}
.c_op {
    white-space: pre;
    font-family: monospace;
    color: #c0809c;
}
.c_const {
    white-space: pre;
    font-family: monospace;
    color: #3070ff;
}
/* END CODE LISTINGS */

/* GUESTBOOK */
.gb-title {
    font-size: 13px;
    font-weight: bold;
}
.gb-meta {
    font-size: 11px;
}
.gb-entry-top {
    white-space: nowrap;
    overflow: hidden;
    width: 576px;
    height: 37px;
    background: url(img/gb-window-top.jpg);
    border-top: 1px solid #6e6e6e;
    padding: 5px 5px 0px 5px;
}
.gb-entry-body {
    width: 576px;
    min-height: 45px;
    background: url(img/gb-window-body.png);
    border-bottom: 1px solid black;
    padding: 2px 5px 4px 5px;
}
/* END GUESTBOOK */