body {
  color:            #222;
}

div#juli_header {
  margin:           0px;
  border-bottom:    1px solid #aaa;
  padding-top:      0.5em;
  padding-bottom:   0.5em;
  font-size:        1.8em;
  text-align:       center;
  background-color: #8bd;
  color:            #fff;}

  div#juli_header a {
    text-decoration:  none;
    color:            #fff;}

  div#juli_header span.sub_title {
    padding-bottom: 1em;
    font-size:      0.5em;}
/*----------------------------------------------------
Top menu
----------------------------------------------------*/
table.top_menu_back {
  border:           1px;
  border-collapse:  collapse;
  background-color: #adf;
  margin:           0px;
  padding:          0.3em 10px 0.3em 10px;}

  table.top_menu_back td {
    margin:           0px;
    border:           1px;
  //background-color: #adf;
  //background-color: #f00;
    padding:          0px;}

    table.top_menu_back tr td table.top_menu {
      margin:           0px;
      border:           1px;
      background-color: #adf;}

      table.top_menu_back tr td table.top_menu td {
        margin:           0px;
        border:           1px solid #adf;
        padding:          0.3em 10px 0.3em 10px;
        font-size:        90%;}

      table.top_menu_back tr td table.top_menu td:hover {
        border-top:       1px solid #eff;
        border-left:      1px solid #eff;
        border-right:     1px solid #abc;
        border-bottom:    1px solid #abc;
        background-color: #cef;}

        table.top_menu_back tr td table.top_menu td a {
          text-decoration:  none;
          color:            #333}
          table.top_menu_back tr td table.top_menu td a:hover {
            text-decoration:  none;
            color:            #333;}

div.main {
  margin:           20px 10px 20px 10px;
}


p.default {
  padding-left:     10px;
}


/*----------------------------------------------------------------
Wiki link
----------------------------------------------------------------*/
a.wiki:visited {
  text-decoration:  none;
  color:            #000;
}
a.wiki:hover {
  text-decoration:  underline;
}


/*----------------------------------------------------------------
Headers
----------------------------------------------------------------*/
h1 {
  font-size:        1.6em;
  border-bottom:    1px solid #aaa;
}

h2 {
  font-size:        130%;
  color:            #fff;
  background:       #248;
  padding-top:      5px;
  padding-bottom:   5px;
  padding-left:     5px;
  border-left:      10px solid #248;
  border-bottom:    2px  solid #248;
}

h3 {
  vertical-align:   middle;
  font-size:        120%;
  color:            #000;
  background:       #dfd;
  padding-top:      3px;
  padding-bottom:   3px;
  padding-left:     10px;
  border-left:      5px  solid #248;
  border-top:       1px  solid #248;
  border-bottom:    1px  solid #248;
}

h4 {
  font-size:        110%;
  color:            #000;
  padding-top:      2px;
  padding-bottom:   2px;
  padding-left:     10px;
  border-left:      5px  solid #248;
  border-bottom:    1px  solid #248;
}

h5 {
  font-size:        100%;
  color:            #000;
  padding-top:      2px;
  padding-bottom:   2px;
  padding-left:     10px;
  text-decoration:  underline;
}


/*----------------------------------------------------------------
Toggle action on node
----------------------------------------------------------------*/
span.juli_toggle {
  cursor:           pointer;
}
span.juli_toggle:hover {
  background:       #af8;
}

h2 span.juli_toggle {
  color:            #fff;
}
h3 span.juli_toggle,
h4 span.juli_toggle,
h5 span.juli_toggle,
h6 span.juli_toggle {
  color:            #000;
}
span.juli_toggle_node {
  font-size:        60%;
  font-family:      monospace;
}
h2 span.juli_toggle_node {
  color:            #ccc;
}
h3 span.juli_toggle_node,
h4 span.juli_toggle_node,
h5 span.juli_toggle_node,
h6 span.juli_toggle_node {
  color:            #444;
}

ol, ul {
  padding-left:     30px;
}

/* Dictionary list */
table.juli_compact_dictionary {
  padding-left:     10px;
}
dl.juli_dictionary dt {
  margin-top:       0.5em;
  font-weight:      bold;
  color:            navy;
  padding-left:     10px;
}
dl.juli_dictionary dd {
  margin-left:      50px;
  padding:          1px;
}

/* block quote */
blockquote {
  background:       #eec;
  border:           1px solid #444;
}
blockquote pre {
  margin:           2px;
}

/*----------------------------------------------------------------
Helpers
----------------------------------------------------------------*/
/* recent update */
table.juli_recent_update {
  border:   1px solid #a84;
}
table.juli_recent_update th {
  background-color: #db6;
}

/* sitemap */
div.sitemap {
  text-align:       left;
}

/*----------------------------------------------------------------
Tag list
----------------------------------------------------------------*/
a.juli_tag_00 { font-size:  80%;  }
a.juli_tag_01 { font-size:  90%;  }
a.juli_tag_02 { font-size: 105%;  }
a.juli_tag_03 { font-size: 120%;  }
a.juli_tag_04 { font-size: 135%;  }
a.juli_tag_05 { font-size: 150%;  }
a.juli_tag_06 { font-size: 165%;  }
a.juli_tag_07 { font-size: 180%;  }
a.juli_tag_08 { font-size: 195%;  }
a.juli_tag_09 { font-size: 210%;  }
a.juli_tag_10 { font-size: 225%;  }


/*----------------------------------------------------------------
Photo
----------------------------------------------------------------*/
img.juli_photo_small { 
  margin:         10px;
  border-top:     2px solid #888;
  border-left:    2px solid #888; 
  border-right:   2px solid black;
  border-bottom:  2px solid black;
  padding:        0px;
}