/* Style */

/* General stuff */

*, *:before, *:after {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    font-family:       Helvetica,Verdana,sans-serif;
}

/* Main containers */

body {
    margin:             0;
    border:             0;
    padding:            0;
    background-color:  #f0f0f0;
    color:              #404040;
}

#top {
    margin:             1em auto;
    border:             0;
    padding:            1em 4em;
    max-width:          800px;
    background-color:  #f8f8f8;
}

/* Headers */

header, h1, h2, h3, h4, h5, h6 {
    text-align:         center;
    clear:               both;
}

p.subheading {
    font-style:         italic;
}

p.seal {
    float:              right;
    vertical-align:    top;
    margin:             0;
    border-width:      1px;
    border-style:      solid;
    border-radius:      0.25em;
    padding:            0.1em 0.5em;
    background-color:  #f8f0f0;
    color:              #808080;
}

p.seal.public {
    background-color:  #f0f8f0;
    border-color:      #e8f0e8;
}

p.seal.private {
    background-color:  #f8f0f0;
    border-color:      #f0e8e8;
}

/* Other block-level elements */

footer {
    border-width:       1px 0 0 0;
    border-style:       solid;
    border-color:       #c0c0c0;
    font-size:          smaller;
}

/* Text-level elements */

code {
    font-family:        monospace;
}

p.legend {
    float: right;
    margin-top: 0;
    font-size:			 smaller;
    text-align:		 right;
    line-height:        150%;
}

ol.tasks {
    padding-left:		 0;
    list-style-type:    none;
    border:				 1px solid #808080;
    clear: both;
}

li.blocked, li.wip, li.reviewing, li.pending, li.done {
    margin:            0;
    padding:           0.25em 0.25em;
    border-style:	    none;
}

span.blocked, span.wip, span.reviewing, span.pending, span.done {
    margin:            1px 0 1px 2px;
    padding:           1px 4px;
    border-radius:      0.25em;
    border-style:      solid;
    border-width:      1px;
}

li.blocked, span.blocked {
    background-color:  #d8d8d8; /* #e8e8e8; */
    border-color:      #c8c8c8; /* #d8d8d8; */
}

li.wip, span.wip {
    background-color:  #e8e8ff;
    border-color:      #d8d8ef;
}

li.reviewing, span.reviewing {
    background-color:  #ffffe8;
    border-color:      #efefd8;
}

li.pending, span.pending {
    background-color:  #ffe8e8;
    border-color:      #efd8d8;
}

li.done, span.done {
    background-color:  #e8ffe8;
    border-color:      #d8efd8;
    text-decoration:   line-through;
    color:		   #c0c0c0;
}

.done a, .done a:active, .done a:visited, .done a:hover, .done a:focus {
    color: #c0c0c0;
}

.done strong {
    font-weight: normal;
}

span.p0, span.p1, span.p2, span.p3, span.p4 {
    margin:             0 0 0 0.5em;

}

li.p0, li.p1, li.p2, li.p3, li.p4 {
    padding-left:        30px;
}

li.p0::before, li.p1::before, li.p2::before, li.p3::before, li.p4::before {
    min-width:          20px;
    display:            inline-block;
    margin-left:        -20px;
}

.p0::before {
    content:            "0 ";
    font-weight:        bold;
}

.p1::before {
    content:            "1 ";
    font-weight:        bold;
}

.p2::before {
    content:            "2 ";
    font-weight:        bold;
}

.p3::before {
    content:            "3 ";
    font-weight:        bold;
}

.p4::before {
    content:            "4 ";
    font-weight:        bold;
}

/* EOF */