/* ikiwiki local style sheet */
/* Edit local.css and use it to override or change settings in style.css. */
/* html5 compat */

@font-face {
  font-family: 'Droid Sans Mono';
  src: url('http://nospitting.net/fonts/droidsansmono.woff');
}
article,
header,
footer,
nav {
    display: block;
}
body {
    margin: 0;
    font-family: "Droid Sans Mono", "Droid Sans", sans-serfif, monospace;
}
html, body {
    height: 100%;
    background-color: #700;
}
.page {
    width: 920px;
    min-height: 100%;
    background-color: #fdfdf7;
    padding: 0 .35em .5em .55em;
    margin: 0 0 4.5em 1.45em;
    border-width: 1px;
    border-color: #ccc #aaa #aaa #ccc;
    border-style: none dotted dotted;
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -o-border-radius: 0 0 2px 2px;
    box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
}
#pagebody {
    font-size: 1em;
    border: none;
}
#pagebody p {
    margin: .6em 0 1.2em 0;
    line-height: 1.15em;
}
a {
    text-decoration: none;
    color: #900;
}
p a, p big a {
    transition-property: color, background-color;
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
}
a:hover {
    color: #555;
} 
h1, h2, h3, h4, h5, h6, .inlineheader .header {
    font-weight: 400;
    display: inline;
    margin: 0;
    line-height: 2.2em;
    background-color: #800;
    opacity: .85;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    padding: .18em .36em .24em .38em;
    color: #fdfbf5;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .inlineheader .header a {
    color: #fdfbf5;
}
h1, h2 ,h3, h4, h5, h6 {
    letter-spacing: .13em; 
}
p {
    padding: 0 .6em 0 0;
    margin: 0 .8em 0 .5em;
    font-size: .9em;
    color: #222;
}
p big .toggle {
    position: relative;
    top: .4em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #800;
    opacity: .85;
    letter-spacing: .1em;
    padding: .1em .36em .22em .38em;
    color: #fdfbf5;
}
p big .toggle a {
    color: #fdfbf5;
    background-color: #800;
}
hr {
    border: 1px #bbb;
    border-style: solid none none;
    margin: 1.4em 66% 1.5em 0;
}
small {
    font-size: .9em;
}
ul {
    list-style-type: upper-roman;
}
li {
    font-size: .9em;
    letter-spacing: .05em;
}
#content {
    width: auto;
    margin: 1.9em 3em 1em 3.05em;
    text-align: left;
}
.header {
    width: 21em;
    height: 73px;
    padding: 1em 0 0 2.15em;
    font-weight: 400;
    letter-spacing: .1em;
    color: #900;
    opacity: .9;
}
.parentlinks {
    display: block;
    width: auto;
}
.parentlinks a {
    color: #900;
    font-size: 21px;
    padding: 0 0 0 .05em;
    letter-spacing: .05em;
}
.parentlinks a:hover {
    color: #555;
}
span .title {
    display: block;
    width: 19em;
    line-height: 1em;
    margin: 0;
    padding: 0 0;
    font-size: 31px;
    white-space: pre;
    word-wrap: break-word;
    color: #555;
}
.inlineheader .author {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    display: block;
}
.inlineheader {
    padding: 1.1em 0 .7em 0;
}
.inlineheader .header {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0 0 .3em 0;
    display: inline;
}
.inlineheader .header a:hover {
    color: #fed;
}
.inlinecontent h1, .inlinecontent h2, .inlinecontent h3, .inlinecontent h4, .inlinecontent .pagecloud {
    display: none;
}
.pageheader .actions ul {
    margin: 1.6em 13.9em 0 3.1em;
    padding: 0 1.3em .4em 0;
    width: auto;
    list-style-type: none;
    border-width: 1px;
    border-color: #aaa;
    border-style: dotted none none;
    z-index: 10;
}
.actions li {
    font-size: .9em;
    letter-spacing: 0;
    display: inline;
    padding: 0 0;
    margin: 0;
}
.actions a {
    color: #900;
    font-size: .9em;
}
.actions a:hover {
    color: #555;
}
.inlinepage .actions ul {
    padding: 1em 0 .15em 0;
    border-bottom: none;
}
#otherlanguages ul {
    margin: 0;
    padding: 6px;
    list-style-type: none;
}
#otherlanguages li {
    display: inline;
    padding: .2em .4em;
}
.pageheader #otherlanguages {
    border-bottom: 3px solid #900;
}
.inlinecontent {
    margin-top: .4em;
}
.createlink {
    font-size: .9em;
    letter-spacing : 0;
}
.pagefooter,
.inlinefooter,
.comments {
    clear: left;
}
#pageinfo {
    margin: 2.7em 3.2em .6em 3.1em;
    padding: 0 0 1.3em 0;
    border-width: 1px;
    border-color: #bbb;
    border-style: dotted none none;
}
.tags {
    margin-top: 1em;
}
.inlinepage .tags {
    display: inline;
}
.mapparent {
    text-decoration: none;
}
.img caption {
    font-size: .8em;
    caption-side: bottom;
    display: block;
    text-align: right;
    margin: 0 .95em .1em 0;
    color: #444;
    letter-spacing: -.1em;
}
img.img {
    margin: 0 .45em .35em -.1em;
    padding: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.align-left {
    float: left;
    margin: .2em 1.6em 1em -.2em;
}
.align-right {
    float:right;
    margin: .2em 0 1em 1.8em;
}
#backlinks {
    display: none;
    margin-top: 4.4em;
    font-size: .7em;
    text-align: left;
}
#searchform {
    display: inline;
    float: right;
}
#editcontent {
    width: 98%;
}
.editcontentdiv {
    width: auto;
    overflow: auto;
}
form a, form a.toggle {
    font-size: .9em;
    color: #900;
}
form a.toggle:hover {
    color: #555;
}
img {
    border-style: none;
}
pre {
    overflow: auto;
}
div.recentchanges {
    border-style: solid;
    border-width: 1px;
    overflow: auto;
    width: auto;
    clear: none;
    background: #eee;
    color: #000 !important;
}
.recentchanges .metadata {
    padding: 0px 0.5em;
}
.recentchanges .changelog {
    font-style: italic;
    clear: both;
    display: block;
    padding: 1px 2px;
    background: transparent !important;
    color: #000 !important;
}
.recentchanges .desc {
    display: none;
}
.recentchanges .diff {
    display: none;
}
.recentchanges .committer {
    float: left;
    margin: 0;
    width: 40%;
}
.recentchanges .committype {
    float: left;
    margin: 0;
    width: 5%;
    font-size: small;
}
.recentchanges .changedate {
    float: left;
    margin: 0;
    width: 35%;
    font-size: small;
}
.recentchanges .pagelinks {
    float: right;
    margin: 0;
    width: 60%;
}
#blogform {
    padding: 2px .1em;
    margin: .9em .9em 1.1em .1em;
    font-size: .8em;
    color: #900;
    border-style: dotted none;
    border-width: 1px;
    border-color: #ddd;
    background-color: transparent;
    width: auto;
    overflow: auto;
}
.inlinepage {
    padding: 8px 0px;
    border-style: none none dotted none;
    border-width: 1px;
    border-color: #888;
    overflow: auto;
}
.pagedate,
.pagelicense,
.pagecopyright {
    display: block;
    margin: .8em .9em .4em 0;
    font-size: .8em;
    font-style: inherit;
    color: #444;
    text-align: left;
}
.error {
    color: #900;
}
.sidebar {
    width: 178px;
    margin: -9.5em -.75em 1.5em 2.5em;
    padding: .8em 1.9em 1.8em 1.5em;
    background-color: #fdfdf8 !important;
    border-width: 1px;
    border-color: #ddd #999 #999 #ddd;
    border-style: none dotted dotted;
    border-radius: 0 0 2px 3px;
    -webkit-border-radius: 0 0 2px 3px;
    -moz-border-radius: 0 0 2px 3px;
    -o-border-radius: 0 0 2px 3px;
    box-shadow: 2px 2px 120px 30px #fdfbf2 inset;
    -webkit-box-shadow: 2px 2px 120px 30px #fdfbf2 inset;
    font-weight: 400;
    line-height: 1.1em;
    color: #555 !important;
}
.sidebar a {
    color: #900;
}
.sidebar a:hover {
    color: #555;
}
.sidebar hr {
    margin: .5em -.45em .5em -1.5em;
    border-color: #999;
    border-style: none none dotted;
}
.sidebar div + hr {
    margin: .4em .5em .4em .2em;
    border-style: none none dotted;
}
.sidebar p {
    padding: 0 .8em 0 0;
    margin: .3em .5em .35em .5em;
    font-size: .9em;
}
.sidebar b {
    display: block;
    margin: 0;
    font-size: 1.3em;
    line-height: 1.05em;
    font-weight: 400;
    color: #555;
    text-align: right;
}
.sidebar p b {
    position: relative;
    z-index: 2;
    margin: .7em -.2em 0 0;
}
.sidebar b + b {
    position: relative;
    z-index: 1;
  	font-size: 6em;
  	font-weight: 400;
  	margin: -.35em 0 .15em .14em;
  	color: #aaa;
  	text-align: left;
    opacity: .8;
}
.sidebar b + b a {
  	color: #777;
}
.sidebar b a {
    color: #900;;
}
.sidebar b + b a:hover {
    color: #800;
}
.sidebar b a:hover {
  	color: #555;
}
a.toggle:hover {
    color: #fed;
}
.sidebar a.toggle:hover {
    color: #555;
}
.toggleable, .toggleable-open {
    font-size: .96em;
    font-weight: 400;
    padding-left: .7em;
}
div .toggleable {
    margin: 1.3em 0 1.6em 0;
    padding-left: 0;
}
form .toggleable, form .toggleable-open {
    font-size: .8em;
}
form .date {
    font-size: .6em;
}
hr.poll {
    height: 10pt;
    color: #fdfbf7 !important;
    background: transparent;
    border: 2px solid #eee;
}
div.poll {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em 1em;
    border: 1px solid #aaa;
}
span.color {
    padding: 2px;
}
.comment-header,
.microblog-header {
    font-style: italic;
    margin-top: .3em;
}
.comment .author,
.microblog .author {
    font-weight: 700;
}
.comment-subject {
    font-weight: 700;
}
.comment {
    border: 1px solid #aaa;
    padding: 3px;
}
div.progress {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #888;
    width: 300px;
    background: #eee;
    color: #000 !important;
    padding: 1px;
}
div.progress-done {
    background: #ea6 !important;
    color: #000 !important;
    text-align: center;
    padding: 1px;
}
/* things to hide in printouts */
@media print {
    .page { width: 800px; border-style: none; }
    .pagefooter { display: none; }
    .header .parentlinks { font-size: 18px; }
    .inlineheader .header, h1, h2, h3, h4, h5, h6 { font-size: 16px; }
    .inlinepage { border: none; }
    .inlinefooter { display: none; }
    .actions { display: none; }
    .tags { display: none; }
    .feedbutton { display: none; }
    #searchform { display: none; }
    #blogform { display: none; }
    #backlinks { display: none; }
    .sidebar { display: none; }
}
/* infobox template */
.infobox {
    float: right;
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em 1em;
    border: 1px solid #ccc;
    background: #fdfdf5;
    color: #444 !important;
}
/* notebox template */
.notebox {
    float: right;
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em 1em;
    border: 1px solid #900;
    width: 25%;
    background: #fdfdf5;
    color: #444 !important;
}
/* popup template and backlinks hiding */
.popup {
    color: #900;
}
.popup .balloon,
.popup .parent,
.popup .expand {
    display: none;
}
.popup:hover .balloon,
.popup:focus .balloon {
    position: absolute;
    display: inline;
    margin: 1em 0 0 -4em;
    padding: .8em;
    border: 2px solid #900;
    background-color: #fdfdf5;
    color: #444;
    text-align: left;
}
/* form styling */
fieldset {
    margin: 1em 0;
    border: 1px solid #000;
}
legend {
    padding: 0 1em;
}
.fb_submit {
    float: left;
    margin: 2px 0;
}
label.block {    
    display: block;   
}
label.inline {    
    display: inline;
}
input#openid_identifier {
    background: url(wikiicons/openidlogin-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
}
input#searchbox {
    background: url(wikiicons/search-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 100% 50%;
    color: #000;
    padding-right: 16px;
}
/* invalid form fields */
.fb_invalid {
    color: red;
    background: #fdfbf7 !important;
}
/* required form fields */
.fb_required {
    font-weight: 700;
}
/* highlight plugin */
pre.hl { color:#000000; background-color:#fff; }
.hl.num { color:#2928ff; }
.hl.esc { color:#ff00ff; }
.hl.str { color:#ff0000; }
.hl.dstr { color:#818100; }
.hl.slc { color:#838183; font-style:italic; }
.hl.com { color:#838183; font-style:italic; }
.hl.dir { color:#008200; }
.hl.sym { color:#000000; }
.hl.line { color:#555555; }
.hl.mark { background-color:#ffffbb; }
.hl.kwa { color:#000000; font-weight:700; }
.hl.kwb { color:#830000; }
.hl.kwc { color:#000000; font-weight:700; }
.hl.kwd { color:#010181; }

/* calendar plugin */
.month-calendar-day-this-day,
.year-calendar-this-month {
    background-color: #eee;
}
.month-calendar-day-head,
.month-calendar-day-nolink,
.month-calendar-day-link,
.month-calendar-day-this-day,
.month-calendar-day-future {
    text-align: right;
}
.month-calendar-arrow A:link,
.year-calendar-arrow A:link,
.month-calendar-arrow A:visited,
.year-calendar-arrow A:visited {
    text-decoration: none;
    font-weight: 400;
    font-size: 150%;
}
/* outlines */
li.L1 { list-style: upper-roman; }
li.L2 { list-style: decimal; }
li.L3 { list-style: lower-alpha; }
li.L4 { list-style: disc; }
li.L5 { list-style: square; }
li.L6 { list-style: circle; }
li.L7 { list-style: lower-roman; }
li.L8 { list-style: upper-alpha; }

/* tag cloud */
ul.list {
    list-style-type: none;
}
.pagecloud {
    display: block;
    float: none;
    width: auto;
    text-align: justify;
    margin: -.5em 0 1.4em -.15em;
    padding: 0 .2em;
    border: none;
    background-color: transparent;
    color: #444 !important;
    letter-spacing: .05em;
    line-height: .9em;
}
.smallestPC { font-size: .75em; }
.smallPC { font-size: .8em; }
.normalPC { font-size: .85em; }
.bigPC { font-size: .9em; }
.biggestPC { font-size: .95em; }

/* orange feed button */
.feedbutton {
    background: #ff6600;
    color: #fdfbf7 !important;
    border-left: 1px solid #cc9966;
    border-top: 1px solid #ccaa99;
    border-right: 1px solid #993300;
    border-bottom: 1px solid #331100;
    padding: 0px 0.5em 0px 0.5em;
    font-family: sans-serif;
    font-weight: 700;
    font-size: small;
    text-decoration: none;
    margin-top: 1em;
}
.feedbutton:hover {
    color: #fffffc !important;
    background: #ff9900;
}

/* openid selector */
#openid_choice {
    display: none;
}
#openid_input_area {
    clear: both;
    padding: 10px;
}
#openid_btns, #openid_btns br {
    clear: both;
}
#openid_highlight {
    background-color: #000;
    float: left;
}
.openid_large_btn {
    padding: 1em 1.5em;
    border: 1px solid #ddd;
    margin: 3px;
    float: left;
}
.openid_small_btn {
    padding: 4px 4px;
    border: 1px solid #ddd;
    margin: 3px;
    float: left;
}
a.openid_large_btn:focus {
    outline: none;
}
a.openid_large_btn:focus {
    -moz-outline-style: none;
}
.openid_selected {
    border: 4px solid #ddd;
}