body {
    font-size: medium;
    font-family: lucida, helvetica, sans-serif;
    background:white;
    margin:0px;
}

a         { color:blue; text-decoration:none; }
a:visited { color:navy; }    
a:active  { color:red; }
a:hover   { color:red; text-decoration:underline; }

/***** LAYOUT ****************************************************************/

#left,
#right,
#main {
    position:absolute;
    margin:0px; padding:5px;
    top: 150px;
}
#left,
#right {
width:150px;
}
#left {
    left:50px;
}
#right {
    right:50px;
}

#main {
    left:210px;
    right:210px;
}

/***** CONTENT ***************************************************************/

#main .content h1 {
    font-size: large;
    font-weight: normal;
    border: silver dotted 2px;
    margin-bottom: 10px;
    padding: 5px;
    background: #fee;
    margin-top: 0px;
}

#main .content .text img {
    margin: 5px;
}

/***** HEADER ****************************************************************/

#header {
    margin-left:55px;
    margin-right: 55px;
    height:140px;
    border:black solid 1px;
    border-top:0px;
    background: #eef;
}

#header .logo {
    border-left: #fdd solid 150px;
    padding-left: 10px;
    margin-top: 25px;
}

#header .friends {
    padding: 0px 2px;
    text-align: center;
}
#header .friends .linklist {
    background: silver;
    background:#ddf;
    border: 0px;
    padding: 5px;
}
#header .friends .linklist-delimiter,
#header .friends .linklist-link,
#header .friends .linklist-title,
#header .friends .linklist-links {
    display: inline;
    background:#ddf;
    font-size: xx-small;
}


/***** SSHOT *****************************************************************/

.sshot {
    padding: 4px;
    text-align:center;
    border: silver solid 1px;
    background: #eee;
    margin-bottom: 5px;
}
.sshot.title {
    font-weight:bold;
    font-size:large;
    color:silver;
}
.sshot .link {
    padding:1px;
    font-size: xx-small;
}
.sshot img {
    border-color:gray;
    margin-top: 10px;
}
.sshot img:hover {
    border-color:black;
}

/*****************************************************************************/

/* ----- HTML/DATE INFO ----- */

.dateinfo { font-size:small;padding:10px;text-align:center;margin:5px; }
.generated { display:inline; }
.w3c { text-align:center;margin:10px; }

/*** ***/


/* ----- MESAGES ----- */

.news { margin-bottom:10px; }
.news .messages-message, .news .messages-message-old {
    text-align:justify; background:#ddd; border:gray solid 1px;
    margin-bottom:5px;
}
.news .messages-message-old {
    font-size:small;
}
.news .messages-title {
    font-weight:bold; padding:5px;margin-bottom:0px;
}
.news .messages-text {
    font-weight:normal;background:#eee;padding:5px;margin-bottom:0px;
}

.blog .messages{
    width:80%;padding:20px;margin:auto;
    border: navy dashed 1px;
    background:#eef;
}
.blog .messages-message, .blog .messages-message-old {
    text-align:justify;
/*    background:#ddd; border:#ddd solid 2px; */ /* ramecek ne proto koment. */
    margin-bottom:20px;
    border: gray solid 1px;
}
.blog .messages-title {
    font-weight:bold; border-bottom:black solid 1px; padding:5px; margin-bottom:0px; 
    border-bottom:0px;
}
 .blog .messages-text {
    font-weight:normal;background:#eee;padding:5px;margin-bottom:0px;
} 
.blog .messages-title {
    border-left:red solid 5px;padding:10px; background:#efd;
}
.blog .messages-message-old .message-title {
    border-left:gray solid 15px;padding:10px;
}

/* ----- LINKLIST -----*/

.linklist { margin-bottom:5px; background:rgb(240,240,240); border: silver solid 1px; font-size:small; }
.linklist-title { font-weight:bold; background:silver; text-align:left; padding:4px; }
.linklist-links, .linklist-link{ padding:1px;display:block; }
.linklist-delimiter {display:none; }

.links .linklist-title, .applist .linklist-title { background:none }
.links .linklist-link, .applist .linklist-link { padding:1px; display:inline; }
.links .linklist-delimiter, .applist .linklist-delimiter { display:inline; color:gray; }
/* .links .linklist-link { border: black solid 1px; display: block-inline ; }*/

/* ----- MENU ----- */

.menu .linklist { border:silver dotted 2px; background: none; }
.menu .linklist-link{ background:white; display:list-item;margin-left:15px; }
.menu .linklist-title { font-weight:bold; text-align:left; font-size:large; color:rgb(230,230,230); background:red; display:none; }
.menu a { display:block; }
.menu a { padding:2px;font-weight:bold;color:gray;text-decoration:none; }
.menu a:hover { color:black;padding:2px;border:solid red 0px;background:#fee; }