body { font-size: 18px;
    line-height: 30px;
    background: #e0e0e0; }

.siteheader { height: 100px;
    background: #eeeeee; color: #000000; }
.siteheader h1 { font-size: 40px;
    padding: 10px 0 10px 10px; }
.siteheader h1 a { color: #000000; }
.sitelogo { max-height: 100px;
    float: left; }
.sitemotto { padding: 10px 0 10px 0;
    font-size: 25px; }

.sitefooter { background: #eeeeee;
    color: #000000; }
.sitecopyright { padding: 0;
    margin: 1px auto 1px auto;
}

.pagerest { background: #ffffff; color: #000000;
    padding: 8px; }

.sidepanel { background: #eeeeee; color: #000000;
    width: 200px; border: 5px solid #ffffff;
    margin: 0 20px 100px 0 ;
    float: left; }

.pagecontent { max-width: 800px; }

.mainmenu_link, .mainmenu_link:visited {
    color: #000000;
     }

.mainmenu_link:hover { color: #000000;
    background: #cccccc; }

.mainmenu_curr { color: #000000;
     }

.news_navlinks { font-size: %[opt:dim:navlinks_fontsize];
   /* line-height: %[opt:dim:navlinks_lineheight]; */
   color: #000000;
   background: #eeeeee;
   border: 5px solid #ffffff; }
.nav_arr { padding: 0; margin: 0; }

.status_frame { width: 95%; height: 40px;
    margin: 0 auto 10px auto; display: block; overflow: hidden; }

.thalcgi_status, .thalcgi_status a, .thalcgi_status a:visited {
    background: #cccccc; color: #000000; }

.thalcgi_status { font: 14px monospace;
    height: 40px; }


.commentlink { font-size: 14px; }

.comment_userpic { max-width: 85px;
    max-height: 85px; }

.comment_head { height: 85px;
    background: #eeeeee; color: #000000; }
.comment_head p { font-size: 14px; }
.comment_head h3 { font-size: 25px; }

.comment { margin: 0 0 30px 0; }

.form_item { padding: 10px; display: inline-block; }

textarea { font: 18px monospace;
    line-height: 30px; }
input[type=text] { font: 18px monospace;
    line-height: 30px; }

.messagebox_ok, .messagebox_err { padding: 10px;
    width: 75%;
    color: #000000; background: #eeeeee; }
.messagebox_ok { border: 2px solid #00b000; }
.messagebox_err { border: 2px solid #b00000; }

.tag { background:#cccccc; color: #000000;
    border: 2px solid #eeeeee; }

.date { font-size: 14px; font-style: italic; }




blockquote { background: #eeeeee; color: #000000; }
pre, code { background: #eeeeee; color: #000000; }
pre { margin: 20px; overflow-x: auto; }
blockquote { margin: 20px; }

a { color: #0000ee; }
a:visited { color: #551a8b; }
blockquote a { color: #0000ee; }
blockquote a:visited { color: #551a8b; }
pre a { color: #0000ee; }
pre a:visited { color: #551a8b; }
.comment_head a, .comment_head p a, .comment_head h3 a {
    color: #0000ee; }
.comment_head a:visited, .comment_head p a:visited,
.comment_head h3 a:visited {
    color: #551a8b; }

img.comment_userpic { background: #eeeeee; }


body { padding: 0; margin: 0; overflow: auto;  color: #ff00cd; }
           /* the body's text color is supposed to remain invisible;
              the body's background is only seen on short pages where
              there's some space _below_ the footer */

.siteheader { text-align: left; padding: 1px 0 0 0; margin: 0; }
.siteheader h1 { white-space: nowrap; overflow: hidden; margin: 1px; }
.siteheader h1 a { text-decoration: none; }
.sitelogo { padding: 0; margin: 0; } 
.sitemotto { margin: 1px; text-align: center;
    white-space: nowrap; overflow: hidden; }

.sitefooter { text-align: center; overflow: hidden; padding: 1px 0 0 0;
    margin: 0; line-height: normal; }

.pagerest { margin: 0; }

.sidepanel { padding: 0; }

.pagecontent { margin: 0 auto 0 auto; }

.mainmenu_link { display: block; margin: 0px; text-decoration: none;
    border-style: none none solid none; border-width: 1px; padding: 9px; }

.mainmenu_curr { display: block; margin: 0px; font-weight: bold;
    border-style: none none solid none; border-width: 1px; padding: 9px; }

.news_navlinks { text-align: right; float: right; display: block;
    margin: 0; padding: 0 10px 0 10px; }

.clear_both { clear: both; }

.commentlink { font-style: italic; text-align: right; }

.comment_userpic { float: left; margin: 0 2px 0 0; padding: 0;
    overflow: hidden; }
.comment_head p { margin: 0; }
.comment_head h3 { margin: 0; }


.form_item { display: block; }
.form_item div { display: inline-block; }
.form_item div label { display: block; }
.form_item div input { display: block; }


body.short_status { overflow: hidden; }

.thalcgi_status { text-align: center; margin: 0; padding: 2px; }

.thalcgi_status a { text-decoration: none; font-weight: bold }


.messagebox_ok, .messagebox_err { clear: both; margin: auto;
    padding: 10px; width: 75%; }

.tag { padding:0 9px 0 9px; margin: 3px 9px 3px 9px; }


/* ---------

textarea { font: 18px monospace; line-height: 30px; }
input[type=text] { font: 18px monospace; line-height: 30px; }

.comments_section { max-width: 55em; margin: auto; }
.comment_subtree { margin: 0; padding: 0; border: none; }
div.comment_head p { margin: 0; padding: 0; }
.comment_parln { text-decoration: none; font-size: 20px; }
.comment_parln img { height: 18px; margin: 0; padding: 0; }
.comment_content { padding: 0.5em; font-size: 18px; line-height: 25px;
    text-align: justify; }
.comment_content h3 { text-align: left; }
.comment_userpic { float: right; max-width: 100px; max-height: 100px;
    overflow: hidden; }

.date { font-size: 1em; font-style: italic; }

.feed_icon { float: left; }

.headerpic { float: left; margin: 0px 7px 0px 0px;
    max-width: 100px; max-height: 100px; }

.comment_head { padding: 2px 1px 2px 1px; margin: 0; border: none;
    font-size: 13px; height: 24px; }

.comment { margin: 3px; padding: 0; }

div.index1 { display: block; font-size: 16px; text-align: right; float: right;
    margin-right: 1em; padding: 12px 7px 10px 7px; }
a.idx_link { margin: 3px; padding: 3px; text-decoration: none; }
a.idx_link:hover { margin: 3px; padding: 3px; text-decoration: none; }
.idx_curr { margin: 3px; padding: 3px; text-decoration: none; }
.idx_grey { margin: 3px; padding: 3px; text-decoration: none; }
.idx_break { margin: 3px; padding: 3px; }

div.mainmenu { background: transparent; display: block; font-size: 18px;
    line-height: 30px; text-align: right; float: right; margin-right: 5px;
    margin-top: -17px; padding: 12px 7px 1px 7px; }
a.mainmenu_link { white-space: nowrap; margin: 3px; padding: 3px 7px 3px 7px;
    text-decoration: none; }
a.mainmenu_link:hover { text-decoration: underline; }
.mainmenu_curr { white-space: nowrap; margin: 3px; padding: 3px 7px 3px 7px;
    text-decoration: none; }

.news_navlinks { text-align: right; float: right; font-size: 35px;
    margin-right: 5px; padding: 0 10px 0 10px; line-height: 40px; }
a.nav_arr { font-size: 35px; font-weight: bold; text-decoration: none;
    padding: 0; margin: 2px; line-height: 40px; }

hr.news, .pagerest hr { display: block; margin-top: 1em; margin-bottom: 1em;
    margin-left: auto; margin-right: auto; width: 75%; clear: both; }
.news_item_body { margin: 0.5em; padding: 0.3em; }
.newsmore { font-size: 14px; text-align: right; padding-right: 1em; }

div.pagerest { padding:0.4em; margin:auto; min-width:400px; max-width:55em; }

div.pagerest h1, div.pagerest h2 { margin: 0; padding: 0; }

.page_body { margin: 1em; padding: 1em; clear: both; text-align: justify; }
.page_title { margin: 0px; padding: 0px; }
.page_title a { text-decoration: none; }


.theheader { text-align: left; height: 100px; padding: 1px 0 0 0;
    margin: 0; }
div.theheader h1 { white-space:nowrap; font-size: 30px; padding-bottom:10px; }
div.theheader h1 a { text-decoration: none; }

div.thefooter { text-align: center; overflow: hidden;
    padding: 0.5em; margin: 0; }
div.thefooter p { margin: 0; padding: 0; }

.commentlink { font-size: 14px; font-style: italic; text-align: right;
    padding-right: 1em; }

--------- */

/* the CGI */

/* ------

.tophead_status { padding: 0; margin: 3px 3px 0 3px; float: right;
    overflow: hidden; }
.tophead_status iframe { padding: 0; margin: 0; overflow: hidden;
    display: block; }

.thalcgi_status { text-align: center; font: 14px monospace;
    margin: 0; padding: 2px; height: }
.thalcgi_status a { text-decoration: none; font-weight: bold }

.tag { padding:0 0.5em 0 0.5em; margin:3px 0.5em 3px 0.5em; font-size:14px }

.form_item { padding: 1em }
.form_item label { display: block; }
.form_item input { display: block; }
.form_comment { padding-left: 1em; margin-top: 0; margin-left: 1em;
    font-size: 85%; }
textarea, input[type=text] { font: 18px monospace; line-height: 30px; }

.messagebox_ok, .messagebox_err { clear: both; margin: auto;
    padding: 10px; width: 75%; }

blockquote { padding: 1em; }
img { margin: 3px; }
pre { padding-left: 0.5em; padding-right: 0.5em; margin-left: 1em;
    margin-right: 1em; overflow: auto; max-width: 99%; font-size: 18px }
code { font-size: 18px; font-family: monospace; }

img.smallpic { margin: 0; }

----- */

/* If you need some additional CSS rules, please place them here
   and set the [options site]/local_css parameter to yes
 */


.thalassa_link {
    font-size: 12px;
    text-align: right;
    padding: 1px;
    margin: 0;
}