section, footer, nav, form {
	display: block;
}
body {
	background-color: #bcee68;
}
a:link, a:visited, a:hover, a:active {
	color: #000;
}
form {
	margin: 0 1em;
	padding: 0;
}
#lang, #tagline {
	float: right;
	font-weight: bold;
}
#lang{
	font-size:0.9em;
	margin-top:-3.3em;
}
#tagline {
	font-size:1em;
	margin-top:-1.5em;
	font-style: italic;
}
#lang a {
	font-weight: normal;
}
#logo {
	cursor: move;
}

#header {
	font-size: 0.9em;
	font-weight: normal;
}
h1 {
	margin: 0.8em 0 0 0;
	padding: 0;
}
h1 img {
	border:0;
	height: 32px;
	width: 160px;
	margin: 0;
}
input:focus, textarea:focus {
	outline-width: 0;
}

#content, #warning {
	font-family: 'Trebuchet MS', verdana, Serif;
	margin:0;
	padding:0;
}
section p {
	font-size: 1.1em;
	line-height: 1.6em;
}
section.box p, section.box dl {
	font-size: 1em;
	line-height: normal;
}

#wrap {
	margin:0;
	padding:0;
}
#content {
	box-shadow: #85ba25 4px 0 10px, #85ba25 -4px 0 10px, #85ba25 0 28px 26px -20px;
	background-color: #fff;
	margin: 0 auto;
	max-width: 750px;
	padding: 10px 40px;
/*	width: 80%;*/
}

footer, footer a {
	color: #666;
}

footer img {
	vertical-align: middle;
	width: 135px;
	height: 15px;
}

.box {
	margin-bottom: 1em;
	border: 2px solid #85ba25;

	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 3px 2px 2px 0;

	background-color: #d5eeab; /* Opera MSIE */
	background:-moz-linear-gradient(90deg, #bcee68, #d5eeab) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#d5eeab), to(#bcee68));
}

h2 {
	font-size: 1.5em;
	margin: 1.5em 0 0 0;
	padding: 0;
	color:#5d8811;
	font-weight: bold;
}
.box h2 {
	margin: 0;
	padding: 0.2em 0.5em;
	font-size: 1em;
	background-color: #85ba25;
	color: #fff;
	font-weight: bold;
}
.box h2 a {
	color: #fff;
}
.box h3, .box h4 {
	margin: 0.8em 0 0 0;
	padding: 0 0.5em;
	font-size: 1em;
}
.box p, #twitter li {
	margin: 1em 0.5em;
}
.box dt {
	margin: 0.5em 0.5em 0 0.5em;
}
.box dd {
	margin: 0 0.5em 0 0.5em;
	font-weight: bold;
}
.box dd em {
	font-weight: normal;
}

.box ol, .box ul, .box li {
	margin: 0.5em;
}
.box ol {
	padding: 0 0 0 1em;
}
.box ul, .box li {
	padding: 0;
}
.box ul li {
	margin: 0 0 0.5em 0;
}
.box ul {
	list-style-type: none;
}
h2 a:link, h2 a:visited, #twitter li a:link, #twitter li a:visited, .dot .links li a:link, .dot .links li a:visited {
	text-decoration: none;
}
h2 a:hover, h2 a:active, #twitter li a:hover, #twitter li a:active, .dot .links li a:hover, .dot .links li a:active {
	text-decoration: underline;
}

/* Twitter Follow Button */
h2 iframe {
	float: right;
	margin-bottom: -3px;
}

#summ {
	float:right;
	width:400px;
	margin-top:1em;
	margin-left:1em;
}
#summ h4+p {
	margin-top:0;
}

.sample{
	clear: both;
	padding-bottom: 1.5em;
	background: none;
	background-color: #f0f0f0;
}
#sample {
	margin-top: 1em;
	padding: 0 0.5em;
	height: 485px;
	overflow:auto;
}

#dotEPUBcontent {
	margin: 0 1.2em 1em 1.2em;
	text-align: justify;
	font-family: Georgia;
}

#dotEPUBcontent p {
	font-size: 1.2em;
	line-height: 1.8em;
}

#dotEPUBcontent p {
	margin: 0;
	padding: 0;
	text-indent: 3em;
}
#dotEPUBcontent p.first {
	text-indent: 0;
}
#dotEPUBcontent p.first:first-line {
	font-variant: small-caps;
	font-size: 1.07em;
}
#widget {
	float: left;
	height: 27px;
	width: 102px;
	margin: 4px 12px 0 0;
	cursor: pointer;
	text-decoration: underline;
	font-size: 10px;
	background-color: #fff;
	text-align: center;
	padding-top: 7px;
	border: 1px solid #c0c0c0;

}
textarea {
	margin: 0.5em;
	width: 365px;
	background-color: #f0f0f0;
	padding: 6px;
	border-radius: 8px;
	outline-width: 0;
}
strong, section.blocks h4 /*https*/ {
	color: #5d8811;
}

#code p, .more {
	text-align: right;
	margin: 0 1em 1em 0.5em;
	padding: 0;
}
#twitter h2 {
	background: #85ba25 url('../i/t.png') no-repeat 0.5em center;
	padding-left: 1.7em;
}
#twitter strong a {
	color: #fff;
	padding: 0 0.4em;
	background-color: #85ba25;
}
#twitter strong a:hover {
	text-decoration: none;
	background-color: #000;
}
#twitter ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
section dl dd, section dl p {
	line-height: 1.5em;
}
section dl dd {
	font-size: 1.05em;
}
section dl p {
	font-size: 1em;
}

section dl, section dd {
	margin: 1em 0;
	padding: 0;
}
section dl dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2;
	color:#5d8811;
}
code {
	font-family: Lucida Sans Unicode, Courier New, Courier;
	border: 1px solid #e8efdb;
	background-color: #f0ffd6;
	font-size: 90%;
	padding: 1px 3px;
}
.arealabel {
	display: block;
	margin: 1em 0.5em 0 0.9em;
	padding: 0;
	font-weight: normal;
	font-size: 90%;
}
strong.tag {
	padding: 0 0.2em;
	white-space: nowrap;
	border: 1px solid #5d8811;
	color:#5d8811;
}
dl h3, section.blocks h3 { /* https */
	padding: 0.4em;
	border-bottom: 1px solid #85ba25;
	background-color: #e8efdb;
	font-weight: normal;
	font-size: 110%;
}

dl var {
	font-family: Lucida Sans Unicode, Courier New, Courier;
	font-weight: bold;
	font-style: normal;
}
dd p {
	margin: 0.4em;
}
dd ul {
	list-style-type: none;
	margin:0.5em 0;
	padding:0;
}
pre {
	margin: 1em 0.2em;
	padding: 0.5em 1em;
	background-color:#f0f0f0;
	color: #666;
	font-size: 115%;
	font-weight: bold;
}
nav {
	margin-top: 1em;
}
nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #666;
}

nav ul li {
	display: inline-block;
	font-weight: bold;
	margin: 0;
	padding: 0 0.5em;
	border-left: 1px solid #000;
}
nav ul li a:link, nav ul li a:visited, nav ul li a:hover, nav ul li a:active {
	font-weight: normal;
	text-decoration: underline;
}

nav ul li.first {
	border-left: none;
	list-style: none;
	padding-left: 0;
}

footer p, #warning p {
	margin:0;
	padding:0;
}
#videos iframe {
	display: block;
	margin: 2em 0 0 0;
}
#videos p {
 margin: 0.5em 0;
}
.box dd .video {
	font-weight: normal;
}
#warning {
	position: absolute;
	top: 44px;
	left: 35%;
	text-align: center;
	width: 120px;
	font-size: 80%;
	font-weight: bold;
	color: #5d8811;
	border: 1px dashed #85ba25;
	padding: 2px;
	background-color: #fff;
}
#warning a:link, #warning a:visited, #warning a:hover, #warning a:active {
	display: block;
	color: #5d8811;
}
.dot li {
	background-image: url(../i/favicon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 22px;
	margin-bottom: 0.5em;
}
#rn li a:link, #rn li a:visited, #rn li a:hover, #rn li a:active, #manual {
	text-decoration: underline;
}

/*** CREATOR ***/

#creator form {
	margin: 1em 0;
}
p.field, #send p {
	margin:0;
}
#form, #creator .sample, #send, #loading {
	display: none;
}
#loading {
	color: #5d8811;
	font-weight: bold;
	padding-left: 3em;
}
#form label {
	display: block;
	margin-top: 0.5em;
}
.butt {
	cursor: pointer;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.butt:hover, #convert .butt:hover {
	background-color: #ccc;
}
input[type=text], input[type=submit], input[type=reset], textarea, button {
	padding: 6px;
	border-radius: 8px;
	border: 1px solid #85ba25;
	background-color: #f0f0f0;
}
#buttons {
	margin: 0.5em 0;
}
#creator input.pressed {
	background-color: #c0c0c0;
	border-color: #999;
}
#creator noscript {
	display: block;
	margin: 1em 0;
	padding: 1em;
	border-radius: 8px;
	border: 1px solid #85ba25;
	color: #5d8811;
	font-weight: bold;
}
#creator textarea {
	width: 98%;
	height: 200px;
	margin: 0;
}
#fauthor, #ftitle {
	width: 98%;
}
#creator #reset {
	background-color: #5d8811;
	color: #fff;
}
#creator #dotEPUBcontent p {
	text-indent: 0;
}
#creator #dotEPUBcontent p+p, #creator #dotEPUBcontent blockquote+p, #creator #dotEPUBcontent ul+p, #creator #dotEPUBcontent ol+p {
	text-indent: 3em;
}
#creator #dotEPUBcontent h1 {
	margin: 1em 0;
}
#creator #dotEPUBcontent h2 {
	background-color: transparent;
	color: #000;
	padding: 1em 0;
	font-size: 1.25em;
}
#creator #dotEPUBcontent blockquote {
	margin: 1.5em 5em;
}
#creator #dotEPUBcontent ul, #creator #dotEPUBcontent ol {
	padding-left: 3em;
}
#creator #dotEPUBcontent ul {
	list-style-type: circle;
}
#creator #dotEPUBcontent li {
	line-height: 1.8;
	font-size: 1.2em;
}

em.help {
	font-style: normal;
	font-size: 80%;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted;
}
a.samples.selected {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

/*** CONVERTER ***/
#url {
	width: 97%;
	font-size: 0.95em;
/*	border-radius: 0;*/
}
#convert fieldset {
	display: inline-block;
	border: 1px solid #85ba25;
	width: 30% /*200px*/;
	border-radius: 8px;
	margin: 0 1em 0.5em 0.5em;
}
#convert .butt {
	float: right;
	margin-right: 1em;
	margin-top: 1em;
	border-radius: 8px;
	border: 1px solid #85ba25;
	background-color: #f0f0f0;
	font-weight: bold;
	padding: 10px;
}

#convert label {
	white-space: nowrap;
}

#convert form:before, #convert form:after {
	content: " ";
	display: table;
}

#convert form:after {
	clear: both;
}

#convert form {
	*zoom: 1;
	margin-bottom: 1em;
}

/* Donate */
a.donate {
	display: inline-block;
	text-decoration: none;
	background-color: #85ba25;
	border-radius: 3px;
	border-style: none;
	box-shadow: 0 2px 5px rgba(0, 31, 63, 0.5);
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	line-height: 30px;
	min-height: 45px;
	padding: 7.5px 15px;
	margin-right: 10px;
}

a.donate:focus, a.donate:hover {
	background-color: #000;
}

.js form.paypal {
	display: none;
}

ul.buttons {
	list-style: none;
	padding: 0;
}
ul.buttons li {
	margin: 1.5em 0;
}

.js .buttons em {
	display: none;
}

/* https */
section.box.important p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 1em;
}
section.box.important p strong {
	color: #800;
}

section.box.important .note {
	border-top: 2px solid #85ba25;
}
section.box.important .note p {
	font-size: 1em;
	line-height: 1.4em;
}
section.box.important .note kbd {
	display: block;
	line-height: 1.4em;
}