body {
  line-height:      1.2em;
}

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 {
  border:           1px solid #aaa;
  margin-top:       0.5em;
  margin-bottom:    0.5em;
  margin-left:      1em;
}
table.juli_compact_dictionary td:nth-child(1) {
  padding-right:    1em;
}
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;
}


/*----------------------------------------------------------------
Additional
----------------------------------------------------------------*/
div#header {
  background:       #62a5dc;
  border-radius:    10px;
  text-align:       center;
  color:            white;
  height:           8em;
}
div#header div.site_title {
  padding-top:      30px;
  padding-bottom:    5px;
  font-size:        3em;
  line-height:      1.2em;
}
div#header div.site_title a {
  text-decoration:  none;
  color:            white;
}
div#header div.description {
  font-size:        90%;
  padding-bottom:   30px;
}
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;
}

table.default {
  border-collapse:  collapse;
  border:           1px solid #a84;
}
table.default th, table.default td {
  border:           1px solid #888;
}
table.default th.digit, table.default td.digit {
  text-align:       right;
}
table.default th {
  background-color: #8db;
}

/*----------------------------------------------------------------
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;
}