@import url("http://fonts.googleapis.com/css?family=Lato:400,900&subset=latin,latin-ext");

body { 
	background: #eeeeee; 
	margin: 0;
	font-size: 1.0em; 
	font-family: Lato, Helvetica, Arial, sans-serif;
}

section { display:table; height:100%; }
#sidebar { 
	display: table-cell;
	width:250px;
	height:100%;
	overflow: auto;
	padding: 10px 0 10px 10px;
}
#sidebar iframe { border:none; height:100%; }

ul.sidebar li { list-style-type: none; line-height: 0.9em; font-size: 0.85em; }

#content { display: table-cell; padding-left:10px; vertical-align:top; width:100%;}

.nav-wrapper { position:fixed; left:300px; right:0; padding:10px 5px 0 10px; height: 1.5em; border-bottom: 4px solid #339999; background: #eeeeee; }
.nav-crumbs { float: left; font-size: 0.8em; }
.nav-arrows { float: right; font-size: 0.8em; }
.nav-wrapper a{ color: gray; }

.man-label { text-align:left; padding:0; margin: 300px 0 80px 15px;}
.man-label p { padding:0; margin:0; }

a { text-decoration: none; color: #117777; }

p, li { font-weight:normal; font-size: 1em; line-height: 1.3em; }
p { margin: 1em; margin-right: 8%; }
li { padding-bottom: 0.3em; list-style-type:square; }

h1 { font-size: 3em; color: #aaa; }
h2 { font-size: 1.8em; color: #555; padding-top: 2.5em; }
h3 { font-size: 1.5em; color: black; padding-top: 2.5em; }
h4 { font-size: 1.3em; color: #555; font-weight: bold; }
h5 { font-size: 1.1em; color: black; font-weight: bold; }

.strong {font-weight: bold; }
.small { font-size: 0.85em; }
.hilite {background-color: yellow; padding: 8px; width:80%; }
.bottom { padding-bottom: .5em; border-bottom: 5px solid #339999; }
.text-center { text-align: center; }

.qdoc-cmd { font-style: italic; font-weight: bold; font-size: 1.0em; }
.qdoc-param { font-family: monospace; font-size: 1.2em; color: #bb5500; }
.qdoc-title { color: #555; font-size: 1.3em; font-weight: bold; padding-top: 10px; }
.qdoc-const { font-family: monospace; font-size: 1.1em; text-decoration: underline; color: #558800; }
.qdoc-footer { font-style: italic; font-size: 0.75em; padding-top: 5px; color: #888; border-top: 4px solid #339999; }

img.inout-param { height: 20px;}
img.in-param { height: 20px;}
img.out-param { height: 20px;}

.note-title {font-size: 0.9em; margin-left: 1.5em; font-weight:bold; color: #555; }
.note-text {font-size: 0.83em; line-height:1.5em; margin: 0.5em 2.5em; color: #555; }
.tip {background-color: green; color: white; padding: 2px; margin-right: 0.5em; border-radius: 3px;}
.note {background-color: #555; color: white; padding: 2px; margin-right: 0.5em; border-radius: 3px;}
.attention {background-color: red; color: white; padding: 2px; margin-right: 0.5em; border-radius: 3px;}
.warning {background-color: orange; color: white; padding: 2px; margin-right: 0.5em; border-radius: 3px;}

table { margin: 1em; border-collapse: collapse; }
table td { font-size: 1.0em; padding: .4em; border-top: 1px #ccc solid; background-color: white; }

.command-syntax-table { width: 90%; }
.command-syntax-table td { font-size: 1.0em; white-space: nowrap; }
.command-syntax-table th { background-color: #339999; color:white; text-align:left; font-size: 1.0em; padding: 5px; font-weight:normal; }
.command-syntax-table td:nth-child(1) { width: 30px; }
.command-syntax-table td:nth-child(2) { font-family: monospace; color: #cc6600; font-size: 1.2em; width: 200px; }
.command-syntax-table td:nth-child(3) { background-color: #eee; text-transform: uppercase; text-align:center; font-size: 0.85em;}
.command-syntax-table td:nth-child(4) { color: #777; }

.command-summary {font-weight: bold; }

.option-table { width: 90%; border-bottom: 2px solid #339999; }
.option-table td:first-child {font-weight:bold; width: 200px; }

.plugin-option { width: 95%; background-color: #ddd; padding: 0.15em; margin-bottom: 1em; border-radius: 10px;}

.see-also-table { width: 90%; margin-top: 0; }
.see-also-table td { font-size: .90em; padding: .3em; }

ul.theme-list li { width: 200px; display: inline-block; }
ul.const-list li { width: 200px; display: inline-block; }

.command-list-table { width: 90%; }
.command-list-table td { font-size: .90em; }

.const-table { width: 80%; margin-left: 50px; }
.const-table td { font-size: .90em; padding: .3em; }
.const-table td:nth-child(2) { text-align:center;  width: 10%; background-color: #eee; }

.example-table { width: 90%; }
.example-table td { padding: 1em; }

.code-cmd { font-style: italic; font-weight: bold; }
code { color: black; font-style: normal; font-size: 1.2em; line-height: 110%; font-family: monospace; }

/* Version history page */

p.version-div { margin-left:-0.25em; padding-top: 2.5em; }
.version-new { color:white; background-color:orange;  padding:2px 7px; font-size: 2em; border-radius: 6px;}
.version-old { color:white; background-color:#bbbbbb;  padding:2px 7px; font-size: 2em; border-radius: 6px;}

/* Installation page */

.file-location-table { width: 90%; }
.file-location-table td { font-size: 0.85em; white-space: wrap; text-align:center;}
.file-location-table th { background-color: #339999; color:white; font-size: 0.9em; padding: 5px; font-weight:normal; }
.file-location-table td:nth-child(3) { background-color: #eee; }

/* Add/Remove keys page */

.wizard { width: 90%; }
.wizard td:nth-child(1) {width: 60px; font-size: 1.2em; font-weight:bold; background-color: #ddd}
.wizard td img {width: 380px; border: 1px solid gray;}
.wizard td:nth-child(3) {font-size:0.85em; white-space: wrap; }

/* Pictures page */

.tabula td { font-size: small; padding: 10px; border: 1px solid #999;}
.tabula th { font-size: small; font-weight:bold; background-color: #ddd; padding: 5px; border: 1px solid #999;}
