/*
 * The body and global styles
 */

body {
 font-family: arial,verdana,helvetica, sans-serif;
 font-size: 10pt;
 margin: 0;
 padding: 0;
 color: black;
}
a:link { color: #606060; text-decoration: none; }
a:visited { color: #808080; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; border: none !important; }
p {
 text-indent: 1em;
 text-align: justify;
 margin: 1ex;
}
h2 {
 font-weight: bold;
 text-align: center;
 color: #404040;
 margin: 1ex;
}
strong {
 font-style: normal; font-weight: bold;
 color: #000080;
}
em, em a {
 font-style: normal; font-weight: normal;
 color: #000080 !important;
}
cite {
 font-style: italic; font-weight: normal;
}
pre.shell { /* shell box */
 font-family: courier new,courier, monospace;
 font-size: 80%;
 color: #808080;
 margin: 1ex 1em;
 padding: 0.5ex;
 background-color: #ffffc0;
 border: 1px dotted black;
 overflow: hidden;
}
pre.shell samp { color: black; }
pre.shell kbd { color: blue; }
pre.file { /* sample file */
 font-family: courier new,courier, monospace;
 font-size: 90%;
 color: #808080;
 margin: 1ex 1em;
 padding: 0.5ex;
 background-color: #f0f0f0;
 border: 1px dotted black;
 overflow: hidden;
}
span.text_cursor {
 text-decoration: underline;
}

div.google_ad {
 /* margin: 1ex 1em; */
 /* padding-top: 2ex; padding-bottom: 2ex; */
 text-align: center;
 clear: both;
}

div.google_ad.top {
 /* border-bottom: solid 1px gray; */
 margin-top: 1ex; margin-left: 10%;
 text-align: left;
}
div.google_ad.bottom {
 /* border-top: solid 1px gray; */
 margin-top: 0.5ex;
 margin-bottom: 1ex;
}
div.google_ad.middle {
 clear: both;
 padding-top: 1em; adding-bottom: 0.5ex;
 margin-bottom: 0.5ex;
}


/*
 * the major layout sections
 */

div#main { /* main area - everything but side panel */
 /* border: blue solid 1px; DEBUG */
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 69%; max-width: 69%;
}

div#sidepanel { /* side panel - sticky content area */
 /* border: blue solid 1px; DEBUG */
 position: absolute;
 top: 0px; right: 0px;
 margin: 0px; padding: 0px;
 width: 29%; max-width: 29%;
 text-align: right;
}

/*
 * the outer main area content
 */

h1 { /* the page heading */
 font-family: courier new,courier, monospace;
 font-size: 200%;
 font-weight: bold;
 text-align: center;
 color: #909090;
 margin: 2ex 0.5ex 0.5ex 0.5ex;
}
div.http_error, div.sc_exception { /* the error box */
 margin: 1ex 5% 0px 5%;
 padding: 0px;
 border-color: #c0c0c0 #404040 #404040 #c0c0c0;
 border-width: 1px;
 border-style: solid;
 text-align: justify;
 background-color: black;
 color: white;
}
div.story { /* the story box */
 margin: 1ex 5%;
 padding: 0px;
 border-color: #c0c0c0 #404040 #404040 #c0c0c0;
 border-width: 1px;
 border-style: solid;
 text-align: justify;
 clear: both;
}
div.changelog { /* the changelog box */
 font-size: 80%;
 margin: 1ex 5%;
 padding: 0px;
 border-left: #202020 dashed 2px;
 border-right: #202020 dashed 2px;
 clear: both;
}
div.description,
div.sources, div.binaries, div.packages,
div.repository, div.copying,
div.requirements,
div.fqa, div.news,
div.feedback, div.mailings,
div.help,
div.donations { /* the rest of content boxen */
 margin: 1ex 5%;
 padding: 0px;
 clear: both;
}

/*
 * side panel content elements
 */

div#sidepanel ul { /* outer ul - the whole navigation area */
 margin: 1ex 0.5ex;
 padding: 0px;
 list-style-type: none;
}
div#sidepanel ul li { /* outer ul item - the panel */
 border-color: #e0e0e0 #202020 #202020 #e0e0e0;
 border-width: 1px 2px 2px 1px;
 border-style: solid;
 background-color: #f0f0f0;
 margin: 0.5ex;
 padding: 2px 1ex 0.5ex 1ex;
 color: #404040;
}
div#sidepanel ul li small { /* kin short description */
 float: left;
 margin-right: 1ex;
}
div#sidepanel ul li em { /* kin short description */
 white-space: nowrap;
}
div#sidepanel ul li.year { /* the year delimiter */
 font-size: 70%;
 font-family: courier new,courier, monospace;
 border: none 0px;
 margin: 0.5ex 2ex;
 padding: 0px;
 background-color: white;
 color: #000080;
}
div#sidepanel ul ul { /* inner ul - the buttons area */
 margin: 0px;
}
div#sidepanel ul ul li { /* inner ul - the button */
 background-color: white;
 margin: 0.3ex 0px 0.3ex 4ex;
 padding: 2px 1ex;
 font-size: 90%;
}
div#sidepanel ul li.kin.nothings { /* the KIN style */
 background-color: #f0f0f8;
}
div#sidepanel ul li.thisone ul li.thisone {
 border-color: #e0e0e0 #0066cc #0066bb #e0e0e0;
 border-width: 1px 2px 2px 1px;
}
div #sidepanel ul li.thisone ul li.repository {
    border: 2px green;
    background-color: transparent;
}
div #sidepanel ul li.thisone ul li ul {
    border: 0 none;
    background-color: transparent;
}
div #sidepanel ul li.thisone ul li ul li {
    border: 0 none;
    display: inline-block;
    margin: 0;
    background-color: transparent;
}
div#copyright { /* the copyright notice */
 margin: 1ex;
 padding: 1ex;
 border-top: solid 1px #808080;
 text-align: right;
 font-size: 80%;
 color: #808080;
}

/*
 * repos on top of the page
 */
div.sourcerepos {
    margin: 1ex;
}
div.sourcerepos ul {
    display: block
}
div.sourcerepos ul li {
    display: inline-block;
    margin: 0.5ex 1ex;
    padding: 0.5ex 1ex;
}

/*
 * the story sheet
 */

div.story p { /* since we had to remove padding... */
 margin-left: 2ex; margin-right: 2ex;
}
div.story div.date { /* the date box at the bottom */
 margin: 0px; /* XXX: why isn't right margin zeroed in MSIE? */
 padding: 0.5ex 1ex 1ex 1ex;
 text-align: right;
 border-top: #808080 solid 1px;
 font-size: 90%;
}
div.story div.stanza { /* the stanza */
 color: #800000;
 white-space: nowrap;
 text-align: left;
 font-family: arial narrow,verdana,arial,helvetica, sans-serif;
 margin: 1em 1em 1em 20%;
}
div.story img.twoguys { /* the company of two poor guys in jeans */
 border: none 0px;
 margin: 0px 0px -20px 0px;
 padding: 0px;
 position: relative;
 top: -39px; left: 20px;
}

/*
 * the description.
 */
dl.nothings {
 margin: 1ex;
}
dl.nothings dt {
 margin-top: 0.5ex;
 font-weight: bold;
 display: block;
 float: left;
}
dl.nothings dt.year {
 font-size: 70%;
 font-family: courier new,courier, monospace;
 color: #000080;
 display: block;
 float: none;
 text-align: right;
 margin: 0.5ex 1ex;
 padding: 0px 1ex;
}
dl.nothings dd {
 margin: 0.5ex 1ex 0.5ex 7em;
 border-color: #c0c0c0 #404040 #404040 #c0c0c0;
 border-width: 1px;
 border-style: solid;
 padding: 0.5ex 1ex;
}
dl.nothings dd acronym {
 color: red;
 font-style: inherit !important;
 width: 7ex;
 display: inline-block;
}

div.description img.screenshot {
 border: 0px none;
 margin: 0.5ex 1em;
}
div.description ul.kin_features {
 text-align: justify;
}

/*
 * the changelog sheet
 */

div.changelog ul { /* outer ul */
 padding-left: 1ex;
 margin: 1ex 1em;
}
div.changelog li { /* outer li */
 margin-left: 1ex;
}
div.changelog li.unreleased,
div.changelog li.unreleased h2 {
 color: #707070;
}
div.changelog ul li ul { /* inner ul */
 margin: 0.5ex 1em;
}
div.changelog ul h2 { /* version heading */
 text-align: left;
 font-size: 110%; font-weight: normal;
 color: black;
 margin: 0px;
}
div.changelog div.error {
 margin: 2em 5%;
 font-size: 200%; font-weight: bold; text-align: center;
}
/*
 * the copyright sheet
 */

div.copying div.license {
 margin: 1ex;
 padding: 0px;
 background-color: #f0fff0;
 border-color: #c0c0c0 #404040 #404040 #c0c0c0;
 border-width: 1px 2px 2px 1px;
 border-style: solid;
}

/*
 * the downloads sheet
 */

div.packages table.files,
div.sources table.files,
div.binaries table.files { /* the table */
 border: none;
 width: 80%;
 margin: 0 10%;
 font-family: courier new,courier, monospace;
}
div.packages table.files tr.heading,
div.packages table.files tr.heading td,
div.sources table.files tr.heading,
div.sources table.files tr.heading td,
div.binaries table.files tr.heading,
div.binaries table.files tr.heading td { /* heading row */
 background-color: #f0f0f8;
 padding: 0.5ex 1em;
 border-bottom: solid 1px black;
 font-weight: bold;
 color: #2080c0;
}
div.packages table.files tr.file,
div.packages table.files tr.file td,
div.sources table.files tr.file,
div.sources table.files tr.file td,
div.binaries table.files tr.file,
div.binaries table.files tr.file td { /* common file row props */
 background-color: #f0f0f0;
 border-bottom: dotted 1px #808080;
}
div.packages table.files tr.file td.filename,
div.sources table.files tr.file td.filename,
div.binaries table.files tr.file td.filename { /* name cell */
 padding: 0.5ex 2em;
}
div.packages table.files tr.file td.filetype,
div.sources table.files tr.file td.filetype,
div.binaries table.files tr.file td.filetype { /* type cell */
 padding: 0.5ex 1em;
 font-family: arial, verdana, sans-serif;
 font-size: 90%;
 vertical-align: middle;
}
div.packages table.files tr.file td.filesize,
div.sources table.files tr.file td.filesize,
div.binaries table.files tr.file td.filesize { /* size cell */
 padding: 0.5ex;
 text-align: right;
}

table.files tr.file td.taken_down {
 padding: 0.5ex 4em;
 text-align: right;
 font-weight: bold;
}

/*
 * the requirements sheet
 */

div.requirements dl { /* the req list */
 margin: 1ex 1em;
 padding: 1ex;
 background-color: #f0f0f0;
}
div.requirements dt { /* the req title */
 border-top: 1px solid black;
 border-left: 1px solid black;
 padding-left: 0.5ex;
 width: 20%; min-width: 20%;
 display: block;
}
div.requirements dd { /* the req description */
 margin: 0.5ex 1em 0.5ex 3em;
 padding: 0.5ex;
}

/*
 * the news sheet
 */

div.news ul.news { /* the tape */
 margin: 0px 0px 0ex 4em; padding: 0px;
 border-left: dashed 2px #404040;
 border-right: dashed 2px #404040;
}
div.news ul.news li.news { /* the tape section */
 margin: 1ex 0px 1ex -2px;
 padding: 1ex;
}
div.news ul.news li.news.hackedin { /* the new tape section */
 list-style-type: none;
}
div.news ul.news li.news h2 { /* the date heading */
 display: block;
 font-family: courier new,courier, monospace;
 font-size: 100% !important;
 font-style: normal; font-weight: normal;
 text-align: left;
 color: #000080;
 text-decoration: underline;
 margin-top: 0.5ex; margin-bottom: 0.5ex; padding: 0px;
}
div.news ul.news li.news.hackedin h2 { /* the new date heading */
 font-size: 75% !important;
 text-align: right;
 text-decoration: none;
 font-weight: bold;
}
div.news ul.news li.news h3 { /* the 'subject' heading */
 font-weight: bold;
 font-size: 100% !important;
 text-align: right;
 margin: 1ex; padding: 0px;
}
div.news ul.news li.news.hackedin h3 { /* the new title heading */
 text-align: left; margin: 0.2ex;
}
div.news ul.news li.news.hackedin h3 a {
 display: block; padding: 0px 2em;
 background: #f0f0f0;
 border: 1px solid #c0c0c0;
}
div.news ul.news li.news.hackedin h3 a:hover {
 color: black; text-decoration: none;
 background: gray; border: 1px solid navy;
}
div.news ul.news li.news.hackedin div.a_note {
 text-align: left;
 margin: 1ex;
}
div.news a.commentslink {
 display: block;
 margin: 0px;
 padding: 2px 1ex;
 background: #f0f0f0; color: #808080;
}
div.news a.commentslink:hover {
 background: white; color: black;
 text-decoration: none; font-weight: bold;
}

/*
 * the questionable answers sheet
 */

ul.fqa li.question, ul.fqa li.answer {
    list-style-type: none;
}
ul.fqa li.question {
 margin: 2ex 4em;
 font-weight: bold; font-family: serif;
}
ul.fqa li.answer {
 border: solid 1px #c0c0c0;
 background: #f0f0f0;
}

/*
 * the donations sheet
 */
div.donations p.thankyou {
 text-align: center;
 font-family: courier new,courier, monospace;
 font-size: 130%;
 font-weight: bold;
 color: #006000;
 padding: 2ex 1ex; margin: 2em 3em;
 border-top: solid 2px #006000;
 border-bottom: solid 2px #006000;
}
div.donations p.thanksanyway {
 text-align: center;
 color: #000060;
 margin: 2em 2em;
}

/*
 * the error sheet
 */
div.http_error img,
div.sc_exception img {
 padding: 0px;
 margin: 3em 1ex 0px 0px;
 border: none;
}
div.http_error p,
div.sc_exception p {
 font-weight: bold;
 margin: 1em;
}

/*
 * win32 help sheet
 */
div.help div.preamble {
 margin: 1ex 2em;
 padding: 0.5ex;
 border-width: 1px 2px 2px 1px;
 border-style: solid;
 border-color: #c0c0c0 #404040 #404040 #c0c0c0;
 background: #eeeeff;
}
div.winhelp h1 {
 font-size: 100% !important;
 font-weight: bold !important;
 font-family: serif;
 margin: 0px;
 padding: 0.1ex 2em;
 border: solid 1px black; background: #c0c0c0;
 color: black;
 text-align: left;
}
div.winhelp a.w32h_a {
 color: green;
 text-decoration: underline;
}
div.winhelp div.w32h_section {
 border: solid 1px black;
 margin: 3px 0px;
 padding: 1ex;
 overflow: auto;
}
div.winhelp div.w32h_heading {
 border-bottom: solid 1px black;
 font-weight: bold;
 text-align: right;
 padding: 2px 3em 2px 1em;
 color: #808080;
}
div.winhelp div.w32h_newsfor h2 {
 font-size: 130% !important;
 font-weight: bold !important;
 color: blue;
 margin: 0px;
}
div.winhelp div.w32h_newsfor ul {
 margin-top: 0px; margin-bottom: 0px;
}
div.winhelp p.w32h_note {
 font-size: 90%;
}
div.winhelp p.w32h_dedication {
 font-size: 90%;
 text-align: right;
 margin: 1ex 1em 1em 1em;
}
div.winhelp .w32h_kin {
 font-weight: bold;
 color: black;
}
div.winhelp .w32h_product {
 font-weight: bold;
 color: red;
}
div.winhelp span.w32h_term {
 font-style: italic;
}
div.winhelp a.w32h_rfc {
 color: black;
 font-weight: bold;
}
div.winhelp div.w32h_credits {
 margin: 1ex;
}
div.winhelp div.w32h_google_ad {
 text-align: right;
 border: solid 1px black;
 margin-bottom: 3px;
}

div.mozext_install {
 background: rgb(190,230,161);
 margin: 1em 3em;
 -moz-border-radius: 0.3em;
 border-color: #c0c0c0 #404040 #404040 #c0c0c0;
 border-style: solid; border-width: 1px;
}
div.mozext_install:hover {
 border-color: #404040 #c0c0c0 #c0c0c0 #404040;
 background: rgb(180,220,150);
}
div.mozext_install a {
 padding: 0.5em 1em;
 text-decoration: none;
 line-height: 100%;
 display: block;
}
div.mozext_install a img {
 vertical-align: middle;
 margin: 0px 0.5em 0px 0px;
 border: none 0px;
}

table.repository {
 margin: 1.5em 10%;
 width: 80%;
 border: dotted gray 1px;
 background: #ffffe0;
}
table.repository th, table.repository td {
 padding: 0.5ex 1ex;
 vertical-align: middle;
}
table.repository th {
 text-align: right;
 width: 30%;
}
table.repository th:after { content: ":"; }
table.repository td {
 text-align: left;
 width: 70%;
 font-family: monospace;
}

div.bitcoin_wrap {
 text-align: center;
 margin-bottom: 7em;
}