body { line-height: 145%; font-size: 12pt; font-family: sans-serif;}
p { margin-bottom: 1em;}
strong { font-weight: bold;}
h1 { color: #333; margin: 1em 0; line-height: 110%; font-weight: bold; font-size: 42pt; text-align: center; font-family: "Trebuchet MS", sans-serif;}
h2 { color: #333; margin: 1em 0 0.5em 0; font-weight: bold; font-size: 16pt; text-align: left; border-bottom: dotted 1px #ddd; font-family: "Trebuchet MS", sans-serif; line-height: 140%;}
h3 { color: #333; margin: 1em 0 0.5em 0; font-weight: bold; font-size: 12pt; text-align: left; font-family: "Trebuchet MS", sans-serif; line-height: 140%;}
ul {list-style-type: disc; list-style-position: outside; padding-left: 2em; margin-bottom: 1em;}
ul li { padding: 0.2em 0;}
ul ul {list-style-type: circle; margin-bottom: 0;}
em { font-style: italic;}
pre { font-family: monospace; background: #f0f0f0; padding: 0.5em; margin-bottom: 1em;}
ol {list-style-type: decimal; list-style-position: outside; padding-left: 2em; margin-bottom: 1em;}

/*
body { margin: 0; padding: 0; background: #fff; }
strong {font-weight: bold;}
ul { list-style-type: disc; list-style-position: outside; padding-left: 2em;}
*/

#page { font-size: 12pt; line-height: 140%; position: relative;}

main { width: 900px; margin: 0 auto; padding: 2rem 0 4.5rem 0;}

#menu { padding: 1em; font-size: 120%; text-align: center; background: rgba(0, 0, 0, 1); color: #fff; font-family: "Trebuchet MS", sans-serif; position: fixed; top: 0; left: 0; width: 100%;}
#menu ul { display: inline; list-style-type: none; padding: 0; margin: 0 auto; width: 900px;}
#menu li { display: inline; border-right: solid 1px #777; padding: 0.5em 0.7em; margin: 0;}
#menu li.first { padding-left: 0;}
#menu li.last { border-right: none;}
#menu a { color: #fff; text-decoration: none;}
#menu a:hover { text-decoration: underline;}
#menu a:visited { color: #fff;}

#footer { box-sizing: border-box; position: absolute; bottom: 0; width: 100%; text-align: center; color: #777; padding: 1em 0; background: #f0f0f0; margin: 3em 0 0 0; height: 2.5rem;}

#front-page-content { box-sizing: border-box; padding: 2rem 0 4.5rem 0;}

#front-page-content h2 { font-size: 150%; line-height: 140%; text-transform: uppercase; text-align: left; color: #777; font-family: "Trebuchet MS", sans-serif; font-weight: bold; margin: 0 0 0.6em 0; padding: 0; border: 0;}

#front-page-content .section-content { width: 900px; margin: 0 auto; padding: 0;}

#front-page-content #header-section {background: #005b40 url(/data_collection_app/static/img/header-bg-1980-400.png) no-repeat center center; color: #fff;  height: 480px;}
#front-page-content #header {font-size: 18pt; line-height: 130%; font-family: sans-serif; background: url(/data_collection_app/static/img/www.mytrees.cz-header-transparent.png) no-repeat left 50px; height: 400px;}
#front-page-content #header-text { margin-left: 260px; margin-top: 0px; padding: 0; text-shadow: 3px 4px 10px #444; font-family: "Trebuchet MS", sans-serif; text-shadow: 3px 3px 3px #333; text-align: center;}
#front-page-content #header-text h1 { margin: 0; padding: 150px 0 0 0; font-size: 36pt; line-height: 140%; font-weight: bold; text-shadow: 3px 3px 3px #333; color: #fff;}

#front-page-content #intro-section { padding: 1.5em 0; background-color: #d2ff9e; }
#front-page-content p.intro { font-size: 140%; line-height: 150%; color: #222; margin-bottom: 0; }

#features-section { margin-top: 1em; font-size: 120%; line-height: 150%; border-bottom: dotted 1px #999; padding: 0 0 0.5em 0;}
#release-notes-section { margin-top: 1em; font-size: 120%; line-height: 150%; border-bottom: dotted 1px #999; padding: 0 0 0.5em 0;}
#documentation-section { margin-top: 1em; font-size: 120%; line-height: 150%; border-bottom: dotted 1px #999; padding: 0 0 0.5em 0;}
#contact-section { margin-top: 1em; font-size: 120%; line-height: 150%; padding: 0 0 0.5em 0;}

#content { width: 800px; margin: 100px auto 0 auto; font-size: 12pt;}
#content p{ margin: 0 0 1em 0;}

#content .warning { background: #fafafa; padding: 1em; border-left: solid 5px #ff9700;}

#content .screenshot, #content .screenshots { margin: 0.5m 0 10em 0; font-style: italic; text-align: center; color: #444; font-size: 90%; padding: 0 0 1em 0;}
#content .screenshots p { margin-top: 0.3em;}
#content .w600 { width: 600px;}
#content .h400 { height: 400px;}

.resizable-screenshot { cursor: pointer; }
.resizable-screenshot-small { width: 200px; float: right; margin: 0 0 1em 2em; }
.resizable-screenshot-big { width: 100%; float: right; margin: 0 0 1em 0; }

table { border-collapse: collapse; width: 100%;}
th, td { border: dotted 1px #aaa; padding: 0.2em;}
th { background: #f0f0f0; font-weight: bold;}

.download-button { background: #f0f0f0; padding: 1em; text-decoration: none; color: #333; text-shadow: none!important; border-radius: 4px;}

.rn-tag-bugfix { background: #777; color: #fff; padding: 3px; font-size: 70%; margin-left: 0.2em; border-radius: 2px;}
.rn-tag-important { background: #386900; color: #fff; padding: 3px; font-size: 70%; margin-left: 0.2em; border-radius: 2px;}
.rn-item-bugfix { color: #777;}

.notebook {}
ul.notebook-tabs { border-bottom: solid 1px #015d54; margin: 0!important; padding: 0; list-style-type: 0;}
ul.notebook-tabs-smaller { font-size: 80%;}
li.notebook-tab {
    display: inline-block;
    margin: 0; padding: 0.4em;
    color: #015d54;
    cursor: pointer;
}
li.notebook-selected-tab { background: #015d54; color: #fff; border: solid 1px #015d54; border-top-right-radius: 7px; border-top-left-radius: 7px;}