/** reset css
modified from kissy project reset css
-------------------------------------------------------------- */

/* clear margins & paddings */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements */
dl, dt, dd, ul, ol, li, /* list elements */
pre, /* text formatting elements */
form, fieldset, legend, button, input, textarea, /* form elements */
th, td /* table elements */ { margin: 0; padding: 0; }

/* reset fonts */
body,
address, cite, dfn, em, var { font-style: normal; }
em, b, strong { font-weight: bold; }
code, kbd, pre, samp { font-family: "courier new", courier, monospace; }

/* reset list styles */
ul, ol { list-style: none; }

/* reset links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* forms */
fieldset, img { border: 0; }

/* tables */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; }

/* heading */
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4, h5, h6 { font-size: 1rem; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; font-weight: bold; }
h1 { font-weight: normal; }

p { margin: 1em 0; }
ol { list-style: decimal outside; margin: 1em 0 1em 3em; }

body { background: #fff; color: #000; }

section, header, footer, nav { display: block; }

/** common css
-------------------------------------------------------------- */
hr { border: none; background-color: #ccc; height: 1px; }
ul.inline li, ol.inline li { display: inline; }

p:last-child { margin-bottom: 0; }

.left { float: left; display: inline; }
.right { float: right; }
.center { text-align: center; }

.hidden { display: none; }

.smaller { font-size: 0.75%; }
.larger { font-size: 1.33%; }

.quiet { color: #777; }
.loud { color: #000; }
.highlight { background:#ffa; }

.pipe { display: inline; color: #bbb; font-family: verdana !important; }

.leftmost { margin-left: 0 !important; }
.rightmost { margin-right: 0 !important; }
.top { margin-top: 0 !important; }
.bottom { margin-bottom: 0 !important; }

ul.links>li { display: inline; white-space: nowrap; }
ul.links>li>a,
ul.links>li>span { padding: 0 .5em; }

a.quiet:link, a.quiet:visited { color: #777; }
a.quiet:hover, a.quiet:active { color: #777; text-decoration: underline; }

img.icon { vertical-align: middle; }

/* vertical separators */
.vsp0 { margin-bottom: 0px !important; }
.vsp5 { margin-bottom: 5px !important; }
.vsp10 { margin-bottom: 10px !important; }
.vsp15 { margin-bottom: 15px !important; }
.vsp20 { margin-bottom: 20px !important; }
.vsp25 { margin-bottom: 25px !important; }
.vsp30 { margin-bottom: 30px !important; }
.vsp40 { margin-bottom: 40px !important; }
.vsp50 { margin-bottom: 50px !important; }

.vsp1em { margin-top: 1em !important; margin-bottom: 1em !important; }

/* horizontal separators */
.hsp0 { margin-right: 0px !important; }
.hsp5 { margin-right: 5px !important; }
.hsp10 { margin-right: 10px !important; }
.hsp15 { margin-right: 15px !important; }
.hsp20 { margin-right: 20px !important; }
.hsp25 { margin-right: 25px !important; }
.hsp30 { margin-right: 30px !important; }
.hsp40 { margin-right: 40px !important; }
.hsp50 { margin-right: 50px !important; }

/* clear */
.clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; }
.clearfix { zoom: 1; } /* for IE7 */
.clear { clear: both; }
hr.clear { clear: both; visibility: hidden; border: none; height: 0; line-height: 0; margin: 0; padding: 0; }

/* =fuck-ie */
#fuck-ie { padding: .2em; background: #C43C35; text-align: center; color: #fff; font-size: 14px; }
#fuck-ie span { padding-left: 20px; background: url(/live/oe_/https://inkread.com/static/images/field_error.png) no-repeat left center; font-weight: bold; }
#fuck-ie a { color: #fff; text-decoration: underline; }

/** debug
-------------------------------------------------------------- */
#debug { list-style: none; position: fixed; right: 0; bottom: 0; z-index: 999999;
           margin: 0; padding: 4px; background-color: rgba(155, 50, 50, .5); color: #fff;
           font-size: 11px; line-height: 1;
           -moz-border-radius: 5px 0 0 0; }
#debug>li>a { color: #fff; text-decoration: none; }
#debug-queries-detail { display: none; list-style: none; position: fixed; left: 0; top: 0; z-index: 999999; outline: none;
    width: 95%; height: 90%; margin: 0; padding: 1em; overflow: auto;
    background-color: #dfd; box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    border: 1px solid #999; border-left: none; border-right: none; font: 12px/1.4 monospace; }
#debug-queries-detail>li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #999; }
#debug-queries-detail>li:last-child { border-bottom: none; }
#debug-queries-detail>li .time { color: #a20; font-weight: bold; }
#debug-queries-detail>li .keyword { color: blue; font-weight: bold; }