body {
 font-family: arial,verdana,helvetica, sans-serif;
 padding: 0px; margin: 0px;
 font-size: 15px;
}

a { text-decoration: none; color: navy; }
a:hover { text-decoration: underline; }

p {
 text-indent: 1em;
 text-align: justify;
}
.fineprint {
 font-family: arial,verdana,helvetica, sans-serif;
 font-size: 7pt;
}

ul {
 padding-left: 1em;
}

/*
 * page header 
 */

table#hkn_header {
 border-style: solid solid double solid;
 border-width: 3px 3px 6px 3px;
 border-color: gray;
 background: #ffffc0;
}
table#hkn_header th {
 border-right: solid 3px gray;
}
td#hkn_links, td#hkn_whoami { padding-left: 2px; }
td#hkn_whoami, td#hkn_locales { width: 1px; }
td#hkn_whoami div.box_whoami { white-space: nowrap; }
td#hkn_locales div.box_locales a {
 display: block; margin: 0.2ex 0px; padding-bottom: 1px;
 text-align: center;
}
td#hkn_locales {
 border-left: solid 3px gray; background: #e0e0ff;
}
td#hkn_links {
 background: gray;
 text-align: right;
}
td#hkn_links a {
 text-decoration: none; color: white;
 font-weight: bold; font-size: 9pt; margin: 0px 0.5ex;
}
td#hkn_links a:hover { color: yellow; }


div.disclaimer {
 text-align: justify;
 color: #202020;
 margin: 1em 5%;
 padding: 1.5ex 20%;
 border-top: solid 1px gray;
 clear: both;
}

/*
 *
 */
div.foreword {
 margin: 1em 2em;
}
div.foreword p {
 text-align: center;
 font-family: "times new roman",times, serif;
 font-size: 115%;
}

div.linksbar {
 margin: 0px 0px 1ex 0px;
 padding: 0.5ex 1em 0.5ex 1em;
 border-bottom: white double 6px;
 background: gray;
 font-size: 90%;
 color: black;
 font-weight: bold;
 text-align: right;
}
div.linksbar a, div.linksbar a:visited, div.linksbar a:active {
 text-decoration: none;
 color: white;
 margin: 0px 0.5em;
}
div.linksbar a:hover {
 color: yellow;
}

div#hcard-Michael-Krelin,
div.microfeed_twitter {
 width: 50%;
 float: right;
}

table.top_table {
 margin: 0px; padding: 0px;
 width: 100%;
}
table.top_table td.forebox {
 margin: 0px; padding: 0px;
 width: 50%;
}
table.top_table td.feedbox {
 vertical-align: top;
 margin: 0px; padding: 0px;
 text-align: center;
 width: 50%;
}
table.top_table td.hcardbox,
table.top_table td.twitterbox {
 vertical-align: top;
 margin: 0px; padding: 0px;
}

table.table_bot {
 border-top: solid 1px gray;
 border-bottom: solid 1px gray;
}
table.table_bot tr.microfeeds td {
 border-right: dotted 1px gray;
 vertical-align: top;
}
table.table_bot th {
 border-right: solid 1px gray;
}
table.table_bot tr.microfeeds td.lfm,
table.table_bot th.last,
table.table_bot tr.microfeeds td.last {
 border-right: none;
}
table.table_bot th {
 font-size: 80% !important;
 background: #d0d0ff;
}
table.table_bot th.misc { border-right: solid 1px gray; }
table.table_bot th {
 padding-bottom: 0.2ex;
}

/* hCard */
div#hcard-Michael-Krelin {
 border: solid 1px gray;
 margin: 0px 1em; padding: 2px;
 text-align: left;
 font-size: 80%;
}
div#hcard-Michael-Krelin img.photo {
 float: right;
 margin: 0px; padding: 0px;
}
div#hcard-Michael-Krelin .hc_c {
 font-family: "courier new",courier, monospace;
 font-size: 90%;
}
div#hcard-Michael-Krelin a.url,
div#hcard-Michael-Krelin a.email { text-decoration: none; }
div#hcard-Michael-Krelin a.url:hover,
div#hcard-Michael-Krelin a.email:hover { text-decoration: underline; }
div#hcard-Michael-Krelin a.fn:hover,
div#hcard-Michael-Krelin a.fn {
 font-weight: bold; 
 color: black;
 text-decoration: none;
}
div#hcard-Michael-Krelin div.hc_bday abbr.bday {
 border-bottom: none 0px;
}
div#hcard-Michael-Krelin div.hc_bday {
 font-size: 80%;
}
div#hcard-Michael-Krelin .hc_hilite_bday_soon {
 color: #008000;
}
div#hcard-Michael-Krelin .hc_hilite_bday_today {
 color: #008000; font-size: 110%; font-weight: bold;
}

/* openid login box styling */

input.openid_identifier {
 margin: 0px; border: solid 1px gray;
 width: 35ex;
 font-size: 8pt; font-family: "courier new",courier, monospace;
 background-color: white;
 padding: 0px 0px 0px 18px;
 background-image: url("/welkin/graphics/itypes/openid");
 background-repeat: no-repeat;
 background-attachment: scroll; -x-background-x-position: 0; -x-background-y-position: 50%;
}
input.openid_identifier:focus {
 width: 45ex; }
input.openid_identifier:hover {
 background-color: #ffff40; }

/*
 * contact box (to replace feedback box)
 */
div.contact_box {
 margin: 1ex 1em;
 border: solid 1px gray;
}
div.contact_box div.contact_box_advice {
 margin: 0px 0px 1ex 0px;
 padding: 0.2ex 1em;
 background: #c0c0c0;
 color: navy;
 border-bottom: dotted 1px gray;
}
div.contact_box div.contact_box_hint {
 margin: 1ex 1em;
 font-size: 80%;
 color: #707070;
}
div.contact_box div.contact_box_hint samp {
 color: #a0a0d0; font-weight: bold;
}

div.contact_box form.box_login {
 margin: 1ex 2em;
 font-family: "times new roman",times, serif;
}

div.contact_box form.box_login input.submit {
 margin: 0px; padding: 0px 0.4ex; border: solid 1px gray;
 font-family: "courier new",courier, monospace;
 font-size: 80%;
 color: white; background: gray;
}
div.contact_box form.box_login input.submit:hover {
 background: black;
}

div.contact_box form#contact_box_form {
 margin: 1ex 1em;
 text-align: right;
}
div.contact_box form#contact_box_form input.submit,
div.contact_box form#contact_box_form input.text,
div.contact_box form#contact_box_form textarea {
 padding: 1px; margin: 0.5ex 0px;
 border: solid 1px gray;
 font-style: italic;
 font-family: "arial", sans-serif;
 font-size: 80%;
}
div.contact_box form#contact_box_form div.contact_box_signed {
 margin: 0.5ex 1em;
}
div.contact_box form#contact_box_form div.contact_box_email {
 text-align: right;
 font-family: "times new roman",times, serif;
}
div.contact_box form#contact_box_form input.submit {
 width: 7em;
 color: white; background: gray;
 font-style: normal;
}
div.contact_box form#contact_box_form input.submit:hover {
 background: navy;
}

div.contact_box div.contact_box_sent {
 background: navy; color: white;
 padding: 1em;
 font-weight: bold;
}
div.contact_box div.standby {
 background: red; color: yellow;
 text-decoration: blink;
 font-weight: bold;
}
div.contact_box div.failed {
 background: red; color: white;
 font-weight: bold;
}

div.me_elsewhere {
 padding: 2px 1ex;
 border: solid 1px gray;
 background: #f0e0c0;
 font-size: 80%;
}
div.me_elsewhere:hover {
 background: black; color: white;
}
div.me_elsewhere ul.me_elsewhere {
 display: none;
 text-align: left;
 margin: 0px; padding: 0px;
 list-style-type: none;
 text-indent: 0px;
 position: absolute;
 background: white;
 border: solid 1px gray;
}
div.me_elsewhere:hover ul.me_elsewhere {
 display: block;
}
div.me_elsewhere ul.me_elsewhere li {
 padding: 0px; margin: 0px;
 text-indent: 0px;
 list-style-type: none;
}
div.me_elsewhere ul.me_elsewhere a {
 display: block;
 padding: 1px 1ex; text-decoration: none;
 color: navy;
}
div.me_elsewhere ul.me_elsewhere a:hover {
 background: navy; color: white;
 text-decoration: none;
}