/*
 *  Created by Pasi Lallinaho <pasi@shimmerproject.org>
 *  The license of this file is CC-BY-SA 2.0.
 *	
 */


@import url('reset.css');

html {
	background-color: #e4e4e4;
	color: #111;

	font-family: "Noto Sans", sans-serif;
	font-size: small;
	line-height: 1.3em;
}

body {
	padding: 0 2em;
}

/*
 *  Layout elements
 *
 */

#masthead
{
	max-width: 950px;
	min-width: 250px;

	margin: 2.5em auto 2em auto;
	padding: 0 3em;

	line-height: 1.5em;

	color: #04a;
}
	#masthead a {
		border-bottom: none;
	}
	#masthead img {
		max-width: 90%;
		height: auto;
	}

body > div.book,
body > div.chapter,
body > div.sect1,
body > div.section,
body > div.appendix,
body > div.legalnotice,
body > div.part {
	max-width: 950px;
	min-width: 250px;

	margin: 0 auto;
	padding: 3em;

	background-color: #fafafa;

	line-height: 1.5em;

	border-radius: 4px;
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
}
	body > div.legalnotice {
		margin: 3em auto;
	}

.navfooter {
	max-width: 950px;
	min-width: 250px;

	margin: 1em auto 3em auto;
	padding: 0 3em;

	color: #555;

	line-height: 1.3em;
}

/*
 *  Elements
 *
 */

p, h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote {
	margin-bottom: 1em;
}

/*
 */

a {
	color: #2774e7;
	border-bottom: 1px solid #aaa;
	text-decoration: none;
}
	.navfooter a {
		border: none;
	}

dt { margin-bottom: 1em; }
dd { margin-left: 3em; }
dd dd { margin-left: 1.5em; }

dd dl dt {
	margin-bottom: 0;
}

dd dl {
	margin-top: -0.8em;
}

.chapter dd dl,
dd dd dl {
	margin-top: 0;
	font-size: 90%;
}

dd span.sect1 {
	line-height: 1.5em;
}

.emphasis em {
	font-weight: bold;
}

h1 {
	margin: 0 0 1em 0;
	font-size: 220%;
	font-weight: normal;
	line-height: 1.2em;

	color: #04a;
}

h2,
div.abstract p.title,
p.legalnotice-title {
	margin: 1.5em 0 1em 0;

	font-size: 180%;
	font-weight: normal;
	line-height: 1.2em;

	color: #333;
}
	body > div.chapter > div:first-child h2,
	body > div.section > div:first-child h2,
	body > div.section > div:first-child h3,
	body > div.appendix > div:first-child h2,
	body > div.legalnotice p.legalnotice-title {
		margin-top: 0;
	}

	div.abstract p.title	strong {
		font-weight: normal;
	}

.sect1 h2,
h3 {
	margin: 1em 0;

	font-weight: bold;
	font-size: 150%;
	line-height: 1.3em;

	color: #555;
}

h4 {
	margin: 1em 0;

	font-size: 130%;
	font-weight: normal;
	color: #888;
}

hr {
	border: none;
	border-top: 1px solid #aaa;
	margin: 2em 0 !important;
}
	.navfooter hr {
		border: none !important;
		margin: 0 !important;
	}

ol, ul {
	margin-left: 1.5em;
}
	ol li { list-style-type: decimal; }
	ul li { list-style-type: disc; }
	li p { margin-bottom: 0.1em; }

/*
 *  Specific element styles
 *
 */

p.copyright {
	margin-bottom: 0.3em;
}

div.toc {
	margin: 1em;
	padding: 0 1em 0 1.5em;
	border-left: 2px solid #777; /* #2774e7 */
}

	.toc p strong {
		display: none;
	}

	.toc dt {
		font-weight: bold;
	}

	.section .toc dt,
	.appendix .toc dt,
	.chapter .toc dt {
		margin-bottom: 0;
	}

	.section .toc a:empty {
		display: none;
	}
	.section .toc dt,
	.section .toc dd {
		margin-left: 0;
	}

	.toc dd dl dt {
		margin-top: 0.2em;
		font-weight: normal;
	}

	.toc + p {
		margin-top: 2em;
	}

div.caution,
div.important,
div.note,
div.tip,
div.warning {
	margin: 2em 0 !important;
	padding: 1em 1.5em 0 1em;

	background-color: #eee;
	border: 1px solid #d1d1d1;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.caution tr,
div.important tr,
div.note tr,
div.tip tr,
div.warning tr {
	min-height: 3.5em;
	position: absolute;
}

div.caution tr:first-child,
div.important tr:first-child,
div.note tr:first-child,
div.tip tr:first-child,
div.warning tr:first-child {
	width: 52px;
}

div.caution tr:last-child,
div.important tr:last-child,
div.note tr:last-child,
div.tip tr:last-child,
div.warning tr:last-child {
    float: right;
    margin: 0 0 0 52px;
    position: relative;
    top: 1px;
}

div.caution img,
div.important img,
div.note img,
div.tip img,
div.warning img {
	margin-bottom: -20px;
	margin-right: 4px;
	padding-bottom: 16px;
}

div.caution .filename img,
div.important .filename img,
div.note .filename img,
div.tip .filename img,
div.warning .filename img {
	margin-bottom: -0.25em;
	margin-right: 0;
	padding-bottom: 0;
}

div.caution .keycap img,
div.important .keycap img,
div.note .keycap img,
div.tip .keycap img,
div.warning .keycap img {
	margin-bottom: -0.25em;
	margin-right: 0.15em;
	padding-bottom: 0;
}

div.caution .inline-icon-pkg img,
div.important .inline-icon-pkg img,
div.note .inline-icon-pkg img,
div.tip .inline-icon-pkg img,
div.warning .inline-icon-pkg img {
	margin-bottom: -0.3em;
	margin-right: 0.45em;
	padding-bottom: 0;
}

.orderedlist {
	margin-top: 1em;
}
	.orderedlist li p {
		margin-bottom: 0;
	}

.filename, .literal {
	font-family: "DejaVu Sans Mono", monospace;
	font-size: 85%;
}
	.literal {
		font-weight: bold;
		display: inline-table;
		vertical-align: middle;
		margin-right: 0.25em;
	}

.screen, .programlisting, .userinput, { 
	padding: 0.2em 0.6em;

	font-family: "DejaVu Sans Mono", monospace;
	font-size: 110%;

	background-color: #ccc;
	color: #131926;
}
	.userinput {
		background-color: #ddd;
		padding: 0.1em 0.3em;
		font-weight: normal;
	}

	.segmentedlist .userinput {
		background-color: inherit;
	}

p .application .guimenu {
	margin: 0 0.25em;
}

.guimenu, .guimenuitem, .guisubmenu {
	font-style: italic;
	color: #465364;
	color: #016;
}

.guiicon img,
.filename img {
	margin-bottom: -0.25em;
}

.inline-icon-branch img {
	margin: 0 0.35em -0.35em 0.25em;
}

.inline-icon-pkg img {
	margin: 0 0.35em -0.35em 0.25em;
}

.inline-icon-key img {
	margin: 0 0.35em -0.20em 0.25em;
}

.inline-icon-submenu img {
	margin: 0 0 -0.25em 0;
}

.question { 
	font-weight: bold; 
}

.navfooter table td {
	padding-bottom: 1em;
}

.segmentedlist table {
	border: 1px solid #444;
	width: 100%;
}

.segmentedlist thead {
	background-color: #333;
	color: #fff;
}

.segmentedlist th,
.segmentedlist td {
	padding: 0.2em 0.4em;
	text-align: left;
}

.segmentedlist tr.seglistitem:nth-child(odd) {
	background-color: #f1f1f1;
}

.segmentedlist tr.seglistitem:nth-child(even) {
	background-color: #d1d1d1;
}

.keycap strong,
.keycombo strong {
	font-weight: normal;
	font-style: oblique;
}

/* PDF links */

.pdf-links {
	margin-bottom: 1em;
}
	.pdf-links strong {
		display: block;
	}

