/* Default style for lodestone.org pages */
/* $Id: default.css,v 1.5 2001/09/11 02:18:56 hoss Exp hoss $ */

body {
  background: #fff;
  color: #111;
  /*
  font-family: "Trebuchet MS",Optima,Tahoma,Verdana,Arial,Helvetica,sans-serif;
  */
  font: 10pt 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;
  /* font-family: serif; */
  /* font-family: "Gill Sans", Tahoma, Verdana, sans-serif; */
}


input:focus, textarea:focus { background: #ffc; }

/* for IE/WIN */
input, select, th, td { font-size: 100% }


acronym, abbr, .abbr { 
  cursor: help;
  speak: spell-out;
}

h1, h2, h3 {
  font-family: "Gill Sans","Trebuchet MS",Lucida,Geneva,Arial,Helvetica,sans-serif;
}

h1 {
  color: #152;
  font-size: 200%;
}
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4, h5, h6 { font-size: 100%; }

dd { margin-bottom: 1ex; }

ul {
  margin-top: 1ex;
}

img.logo {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.copyright {
   volume: soft;
   font-family: sans-serif;
}

address {
   display: inline;
   font-family: sans-serif;
   font-style: italic;
}

.tip {
   font-style: italic;
   font-size: smaller;
}

.unobtrusive {
   color: #777;
   font-family: Optima, Arial, Helvetica, sans-serif;
   font-size: smaller;
   volume: soft;
}

.unobtrusive a:link { color: #77f; }
.unobtrusive a:visited { color: #f7f; }

.space {
   padding-bottom: 0.8ex;
}

.whereami {
   font-family: Optima, Helvetica, Arial, sans-serif;
   font-size: smaller;
   text-decoration: none;
   border-color: #aaa;
   border-width: 0px;
   border-bottom: dotted #ada 2px;
   /* border-left: solid #aaa 5px; */
   border-left: dotted #ada 2px;
   padding-left: .3em;
   padding-top: 0px;
   padding-bottom: 2px;
   padding-right: 3px;
   margin-bottom: 10px;
}
.whereami > a { text-decoration: none; }

/* make RCS tags visible, but (hopefully) non-obtrusive */
.rcsid {
   float: right;
   font-family: Arial, Helvetica, sans-serif;
   font-size: inherit;
   color: #999;
   padding: .2ex;
   padding-right: .5em;
}

div.bottom-info {
   font-family: Arial, Helvetica, sans-serif;
   font-size: smaller;
   padding-top: .1ex;
   margin-top: .5ex;
   border-top: 2px dotted #ada;
   border-right: 2px dotted #ada;
   clear: both;
}

.navbar {
   width: 100%;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0px;
   padding-bottom: .3ex;
   border-bottom: 1px green solid;
   font-family: Optima, Arial, Helvetica, sans-serif;
   font-size: smaller;
   text-align: left;
   color: black;
   background: inherit;
}

.subsection {
   margin-left: 1.5em;
}

.center {
   text-align: center;
}

.keywords {
  font-size: smaller;
}

.url, .email-address { font-family: sans-serif; }

.red, .look-here {
   color: rgb(200,0,0);
   background: inherit;
}

/* messages to be hidden from CSS-compliant browsers */
.hidden, .ahem, .for-broken-browsers { display: none; }

.attention {
    text-decoration: blink;
    font-weight: bold;
}

/* text referring to GUI elements */
.button-name, .field-name, .section-name, .item-name, .checkbox-name {
    font-weight: bold;
    font-family: sans-serif;
    color: #253;
    background: inherit;
}

.float-right { float: right; margin-left: .5em; }
.float-left { float: left; margin-right: .5em; }

h1.with-thumbnail { margin-top: 40px; }

.thumbnail { 
    color: #444;
    background: #eee;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-radius: 7px;
    -moz-border-radius: 7px;
    padding: .5ex;
    padding-top: 1ex;
    margin-top: .1ex; margin-bottom: .1ex;
    min-width: 142px;
    width: 142px; 
    text-align: center;
    overflow: hidden;
   
}

.thumbnail img {
    border: 0px;
    margin-bottom: 1px;
    text-align: center;
}
.thumbnail div.caption { 
    text-align: center;
    margin: 1px;
    font-size: 65%;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.blurbbox {
   background: #eee;
   border: 2px solid #999;
   border-top: none;
   border-left: none;
   color: black;
   font-family: sans-serif;
   font-size: smaller;
   padding: .8em;
   margin: .2em;
   border-radius: 9px;
   -moz-border-radius: 9px;
}

div.sidebar {
   max-width: 18em;
   float: right;
   clear: right;
   background: #eee;
   border: 2px solid #999;
   border-top: none;
   border-left: none;
   color: black;
   font-family: sans-serif;
   font-size: smaller;
   padding: .8em;
   margin: .5em;
   border-radius: 9px;
   -moz-border-radius: 9px;

}
div.sidebar h2 { font-size: smaller; margin-top: 0px; }
div.blurbbox h2 { font-size: smaller; margin-top: 0px; }

.with-dropcap:first-letter {
  vertical-align: top;
  font-size: 300%;
  font-weight: bold;
  font-style: italic;
  font-family: serif;
  padding: 0 .3em 0 0;
  margin: 0;
  float: left;
}

.searchword {
  background-color: yellow;
}

/* citiloj konvenaj por diversaj (nu, du!) lingvoj */
q:lang(en) { quotes: '“' '”' "‘" "’" }
q:lang(eo) { quotes: '«' '»' "‹" "›" }