/* * * the ratfactor.com stylesheet! * * */

body {
	margin: 40px auto;
	max-width: 770px;
	line-height: 1.4;
	color: #222;
	padding: 0 1em;
	background: #FEFEEE;
    font-size: 1.1em;
}
body.mrtree { max-width: 1100px; }
article, .home-content { 
	background: #FFFFFF; 
	padding: 2em; 
}
h1, h2, h3 { font-family: sans-serif; }
h1 { font-size: 1.8em; color: #444; }
h2 { line-height:1.2; color: #333; border-bottom: 1px solid #666; }
pre, code { 
    font-size: 1.1em;
	font-family: monospace; 
	background-color: #F6F6F4; 
	color: #000; 
} 
code { color: #000; background: #EFC; }
pre { overflow-x: auto; padding: 1em; } 
pre code { color: #000; background-color: default; border: none; }
table { border-collapse: collapse; }
td, th { padding: .7em; border: 1px solid #AAA; }

/* stupid asciidoctor */
li>p { margin: 0; }

/* forms */
textarea, input, button {
	background: #FAFAFA;
	color: #000;
	border: 1px solid #888;
	padding: .3em;
	margin: .3em;
}
input:disabled { color: #666; }
textarea { width: 90%; padding: .5em; display:block; }
button { border-radius: 4px; }
button:hover { background: #FAFAAA; }

/* misc */
a.wow { font-size: larger; background: #f2ffdb; padding: 7px; }
header { border-bottom: 1px solid silver; padding: 0 1em 1em; background: #FFF; }
img, figure img { max-width: 100%; }
figcaption { font-style: italic; color: #555; }
.quoteblock { margin-left: 30px; border-left: 1px solid #555; padding: 5px; }
  .quoteblock blockquote { margin: 0 }
  .quoteblock .attribution { margin-left: 40px; }
.link-block { display: inline-block; }
.subtitle { font-style: italic; font-size: 1.2em; margin-bottom: 20px; }
.admonitionblock { margin: 1em; }
.admonitionblock .icon, thead { background: #F5F1DE; margin-left: 1em; }
.admonitionblock p { margin: .3em; clear: both; }
.bigrat img { max-width: 100% }
.subdued { font-size: small; color: #999; }
.small { font-size: small; }
.centered-img div.content { text-align: center; }
img.center { display: block; margin-left: auto; margin-right: auto; }
.text-center { text-align: center; } /* asciidoc output */
.created, .updated { font-weight: bold; }
.aside-box { background: #DFD; padding: 20px; border: 2px solid #5A5; }

/* home page 'float cards' */
.fcard {
    max-width: 300px; margin: 5px; padding: 5px;
    border: 2px solid #EEE;
    border-radius: 6px;
}
.fcard.left { float: left; }
.fcard.right { float: right; }

/*
 * Really skinny views
 */
@media only screen and (max-width: 600px) { article { padding: 2em 1em; } }
@media only screen and (max-width: 400px) { body { padding: 0; } }