/* makoto site style sheet */

body {
    color: #454341;
    background-color: white;
    font-family: "Lucida Grande", Verdana, sans-serif;
    margin-left: 2em;
    margin-right: 2em;
}

div.header {
    font-size: 0.8em;
    border-bottom: thin solid #aaaaaa
}

div.header p {
    margin-bottom: 3px;
}

span.navlev0 {
    background-color: #a41911;
    border: thin solid #535252;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

span.navlev0 a {
    color: white;
}

span.navlev1 {
    background-color: #fcc411;
    border: thin solid #535252;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

h1 {
    text-align: center;
    font-family:'Helvetica Neue',Helvetica,Arial;
    font-weight:200;
    font-size:32px;
}

h1.title {
}

h1.sitetitle {
}

h2 {
    font-size: 1.2em;
    padding-left: 0.4em;
    border-bottom: thin solid #525151
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1.05em;
}

div.intro {
    margin: 1em;
    text-align: justify;
}

div.topic {
    background: #FFF8F8;
    padding: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.4em;
    margin-right: 0.4em;
    border: thin solid #A28282;
}

div.topic h3 {
    margin: 0em;
    padding-top: 0.7em;
    padding-left: 0.7em;
    padding-bottom: 0.2em;
    background: #FFF0F0;
}
div.topic h3.topictitle:hover {
    margin: 0em;
    padding-top: 0.7em;
    padding-left: 0.7em;
    padding-bottom: 0.2em;
    background: #FFE8E8;
}

div.topiccontent{
    margin: 0em;
    padding: 0em;
    margin-top: 0.8em;
}

div.topic p, h4, ul, ol {
    margin-left: 1em;
    margin-right: 1em;
}

ul, ol {
    padding-left: 1em;
}

div.topic ul, ol {
    padding-left: 2em;
}

div.topic h4 {
    margin-bottom: 0.5em;
}

a {
  color: #0A194F;
  background-color: transparent;
}
a:hover {
  color: blue;
}

div.footer {
    margin-top: 1ex;
    padding-left: 0.5em;
    padding-top: 0.5em;
    border-top: thin solid #aaa;
}

div.footer p {
    margin-top: 0em;
    margin-bottom: 0.5em;
    font-size: 0.95em;
}

div.whatsnew {
    background: transparent url("whatsnewbg.png") top repeat-x;
    border: thin solid #b8c0cf;
    margin-bottom: 1ex;
}

div.whatsnew h3,div.whatsnew h4 {
    display: none;
}

div.whatsnew p {
    margin-top: 1ex;
    margin-bottom: 1ex;
}

div.note {
    margin: 12px;
    background-color: #e8f0ff;
    border: thin solid #b8c0cf;
}

div.note p {
    margin: 6px;
}

div.programblock {
    margin: 12px;
    background-color: #e8e8e8;
    border: thin solid #b8b8b8;
}

div.programblock pre {
    margin-left: 12px;
}

img.centeredimg {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}

p.centeredpar {
    text-align: center ;
}

thead {
    background-color: #555;
    color: white;
}

tr.odd {
    background-color: #eee;
}

tr.even {
    background-color: white;
}

li {
    margin-bottom: 0.3em;
    list-style-position: outside;
}

li.done {
    list-style-image: url("checkmark.png");
}

li.working {
    list-style-image: url("hammer.png");
}

li.soon {
    list-style-image: url("wheel.png");
}

a.controlLink {
    border: thin dashed #aaa;
    background-color: #ddd;
    color: #333333;
    font-size: small;
}

a.controlLink:hover {
    background-color: #ddf;
}