* {margin: 0; padding: 0}

html {background-image: url(/rje.png); }
body {font-family: 'Open Sans', 'arial', 'sans-serif'; }


hr {margin: 20px;}


main h1 {text-shadow: 1px 1px 1px #999; margin-bottom: 1em; margin-left: 20px;; font-size: 1.8em}

footer h2 {margin-bottom: 0.5em}

main section {color: #666;
-webkit-border-radius: 20px;
-webkit-box-shadow: 0 0 5px #888;
behavior: url('border-radius.htc');
box-shadow: 0 0 1px #888888, 1px 1px 10px rgba(0, 0, 0, 0.4);
margin-bottom: 20px;
background-color: white;
background-image: url(img/blue_grad.gif);
background-repeat: repeat-x;
padding: 20px;
border-radius: 20px;
clear: both;
margin-top: 0;
margin-bottom: 20px;
line-height: 1.8em;
background: #f7f8ff; /* Old browsers */
background: -moz-linear-gradient(top, #f7f8ff 0%, #ffffff 20%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f8ff), color-stop(20%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f8ff 0%,#ffffff 20%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f8ff 0%,#ffffff 20%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f8ff 0%,#ffffff 20%); /* IE10+ */
background: linear-gradient(to bottom, #f7f8ff 0%,#ffffff 20%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#code {
	display: none;
}

main p {margin-bottom: 1em}
main a {color: #016391;}
main h2 {margin-bottom: 0.5em; font-weight: bold}


blockquote:before {content: open-quote; font-size: 3em}
blockquote:after {content: close-quote; font-size: 3em; float: right; margin-top :0px; clear: both}
blockquote {background-color: white;
border-left: 5px solid #777;
margin: 20px;
padding: 20px;
margin-bottom: 30px;
font-style: italic;
padding-bottom: 40px;
}

blockquote aside {float: right; margin-top: 10px; clear: both; display: block; position: absolute; margin-left: 20px; font-size: 1.1em; font-weight: bold}

main h3 {margin-bottom: 0.5em}

main code {
	font-family: 'Droid Sans Mono', monospace ;
white-space: pre;
overflow: auto;
margin-top: 0px;
background-color: #f6f9fc;
padding-top: 10px;
padding-bottom: 10px;
border: 1px dashed #777;
display: block;
padding: 10px;
behavior: url('border-radius.htc');
border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 0.9em;
margin-bottom: 1em;
line-height: normal;
}


header > h2 {text-shadow: 2px 2px 3px #333}

header h2 a {color: white}


main ul {list-style-type: disc;margin-left: 20px; margin-bottom: 1em;}
main ol {margin-bottom: 1em}
main h4 {margin-bottom: 1em;}



header a, footer a {text-shadow: 2px 2px 2px #444}

main time {box-shadow: 2px -2px 2px #444; float: right; margin: 0;margin-right: 20px; padding:20px; background-color: #333; border-radius: 20px 20px 0 0; color: white; font-weight: bold; clear: both}

header a:hover, footer a:hover {color: #fff; text-shadow: 2px 2px 2px #000}

.faq li {font-weight: bold}
.faq li p {font-weight: normal}

ol.latest {margin-left: 0; list-style-type: none}

form {width: 650px; overflow: auto;}
form label {width: 250px; float: left; margin-bottom: 10px; clear: left}
form input {float: left; width: 200px; margin-bottom: 10px; padding: 5px}
form textarea {clear: both; width: 450px; height: 120px; }