/*
 * MacPorts Guide Stylesheet
 */

div.book {
	max-width: 1000px;
	margin: 0 auto;
}

body.chunked div.navheader {
	max-width: 1000px;
	margin: 0 auto;
}

body.chunked div.navfooter {
	margin-left: 183px;
	padding: 0 0 40px 10px;
}

body.chunked div.navheader tr:first-child > th {
	margin: 0;
	background: url("https://www.macports.org/img/macports-logo-top.png") no-repeat;
	background-size: 183px 73px;
	padding-top: 18px;
	padding-left: 183px;
	padding-bottom: 35px;
	font-size: 32px;
	color: #0155cd;
	text-align: left;
}

body.chunked div.titlepage h1 {
	display: none;
}

div.book > div.titlepage {
	padding-bottom: 40px;
}

body.chunked div.book > div.titlepage {
	max-width: 600px;
	margin: 0 auto;
}

body.singlepage div.book > div.titlepage h1.title {
	margin: 0;
	display: block;
	height: 50px;
	background: url("https://www.macports.org/img/macports-logo-top.png") no-repeat;
	background-size: 183px 73px;
	padding-left: 183px;
	font-size: 32px;
	padding-top: 18px;
	color: #0155cd;
}

body.singlepage div.book > div.titlepage h1.title span.application,
body.chunked div.navheader tr:first-child > th span.application {
	display: none;
}

div.book > div.titlepage div.authorgroup {
	text-align: center;
}

div.book > div.titlepage div.authorgroup div.author {
	display: inline;
	margin-left: 20px;
}

div.book > div.titlepage div.authorgroup div.author h3.author {
	color: #000;
	display: inline;
}

div.book > div.titlepage p.copyright {
	text-align: center;
	font-size: 90%;
	color: #333;
	margin: 0;
}

body.chunked div.navheader hr,
body.chunked div.navfooter hr,
div.book > div.titlepage hr {
	display: none;
}

body.chunked div.chapter > div.toc,
body.chunked div.section > div.toc,
body.singlepage div.chapter > div.toc,
body.singlepage div.section > div.toc {
	padding: 2ex 0;
	margin: 6px 0 6px 10px;
	border-radius: 5px;
	background-color: #b1bacc;
	line-height: 1.5;
	float: right;
}

body.chunked div.chapter > div.toc dl,
body.chunked div.section > div.toc dl,
body.singlepage div.chapter > div.toc dl,
body.singlepage div.section > div.toc dl {
	margin: 0;
}

body.chunked div.chapter > div.toc > dl dt,
body.chunked div.section > div.toc > dl dt,
body.singlepage div.chapter > div.toc > dl dt,
body.singlepage div.section > div.toc > dl dt {
	display: block;
	padding: 0 1em;
}

body.chunked div.chapter > div.toc > dl dt a,
body.chunked div.section > div.toc > dl dt a,
body.singlepage div.chapter > div.toc > dl dt a,
body.singlepage div.section > div.toc > dl dt a {
	display: block;
    text-decoration: none;
    color: #242933;
}

body.chunked div.chapter > div.toc > dl dt a:hover,
body.chunked div.section > div.toc > dl dt a:hover,
body.singlepage div.chapter > div.toc > dl dt a:hover,
body.singlepage div.section > div.toc > dl dt a:hover {
	text-decoration: underline;
}

body.chunked div.book > div.toc:first-child,
body.singlepage div.book > div.toc {
    width: 183px;
    background: url("https://www.macports.org/img/nav-header.png") top no-repeat #B1BACC;
    line-height: 1.4em;
	float: left;
}

body.chunked div.book > div.toc:first-child {
	position: absolute;
	top: 130px;
	margin-bottom: 50px;
}

body.chunked div.book > div.toc:first-child > dl,
body.singlepage div.book > div.toc > dl {
	padding: 16px 0;
	margin: 0;
	background: url("https://www.macports.org/img/nav-footer.png") bottom no-repeat;
}

body.singlepage.vh-supported div.book > div.toc > dl {
	max-height: 90vh;
	overflow: auto;
}

body.chunked div.book > div.toc:first-child > dl > dt,
body.singlepage div.book > div.toc > dl > dt {
	display: block;
    margin: 5px 0 0 0;
    padding: 0 12px;
    font: bold 100% "Lucida Grande", Helvetica, Arial, sans-serif;
}

body.chunked div.book > div.toc:first-child > dl > dt a,
body.singlepage div.book > div.toc > dl > dt a {
	display: block;
	color: #fff;
	text-decoration: none;
}

body.chunked div.book > div.toc:first-child > dl > dt a:hover,
body.singlepage div.book > div.toc > dl > dt a:hover {
	text-decoration: underline;
}

body.chunked div.book > div.toc:first-child > dl dd,
body.singlepage div.book > div.toc > dl dd {
	margin: 0;
	padding: 0;
	font-size: 95%;
}

body.chunked div.book > div.toc:first-child > dl dd dl dt,
body.singlepage div.book > div.toc > dl dd dl dt {
	display: block;
	padding: 0 12px 0 16px;
}

body.chunked div.book > div.toc:first-child > dl dd dl dt a,
body.singlepage div.book > div.toc > dl dd dl dt a {
	display: block;
    text-decoration: none;
    color: #242933;
}

body.chunked div.book > div.toc:first-child > dl dd dl dt a:hover,
body.singlepage div.book > div.toc > dl dd dl dt a:hover {
	text-decoration: underline;
}

body.chunked div.book > div.chapter,
body.chunked div.book > div.section,
body.chunked div.book > div.refentry,
body.singlepage div.chapter {
	margin-left: 183px;
	padding: 0 0 40px 10px;
}

div.chapter h1,
div.chapter h2,
div.chapter h3,
div.chapter h4 {
	margin-bottom: 5px;
	margin-top: 25px;
}

div.chapter div.note h1,
div.chapter div.note h2,
div.chapter div.note h3,
div.chapter div.note h4 {
	margin-top: 5px;
}

div.chapter h1,
div.chapter h2,
div.chapter h3 {
	color: #314c72;
}

div.chapter h1,
div.chapter > div.titlepage h2.title {
	background: #8695b3;
	padding: .3em .5em .2em;
	margin-bottom: 0;
	font: bold 24px "Lucia Grande", Helvetica, Arial, sans-serif;
}

div.chapter h2 {
	background: #8695b3;
	padding: .4em .5em .2em;
	clear: right;
}

div.chapter h1 a,
div.chapter h2 a {
	display: block;
	color: #fff;
	text-decoration: none;
}

div.chapter h3 a,
div.chapter h4 a,
div.chapter h5 a {
	color: #314c72;
}

div.chapter p {
	margin: 6px 0;
}

div.screenshot div.mediaobject {
	text-align: center;
	margin: 12px 0;
}

div.mediaobject {
	text-align: center;
	margin: 0;
}

div.glossdiv {
	margin-top: 12px;
}

.emphasis {
	font-weight: bold;
}

a:link {
	color: #6298E5;
	text-decoration: none;
}
a:visited {
	color: #6298E5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.filename {
	color: #8B1A1A;
}
span.term {
	font-weight: bold;
}
span.guilabel {
	font-weight: bold;
}
span.guimenu {
	font-weight: bold;
}

.programlisting {
	font-family: monospace;
	font-size: medium;
	background-color: #E6E6E6;
	border: thin black inset;
	overflow: auto;
	padding: 2px 5px;
	margin: 2px;
}

.literallayout {
	font-family: monospace;
}

.screen {
	font-family: monospace;
	font-size: medium;
	border: thin black inset;
	background-color: white;
	overflow: auto;
	padding: 2px 5px;
	margin: 2px;
}

body {
    margin: 0;
    padding: 30px 40px;
    background: url("https://www.macports.org/img/top-backdrop.png") repeat-x #EDEDED;
    font: 12px Helvetica, Arial, sans-serif;
    line-height: 1.2em;
}
body.chunked {
	/* For some reason, the header in chunked mode is lower; fix that */
	padding-top: 28px;
}

/* Tabswitch for single page/chunked */
div#tabswitch {
	position: relative;
	right: 0;
	background-color: #8695B3;
	border: 1px solid #000;
	float: right;
}

body.singlepage div#tabswitch {
	top: 75px;
}

body.chunked div#tabswitch {
	top: -75px;
}

div#tabswitch a {
	padding: .3em;
	line-height: 2em;
}

div#tabswitch a.selected {
	font-weight: bold;
}

div#tabswitch a:link {
	color: #fff;
	text-decoration: none;
}

div#tabswitch a:hover {
	color: #242933;
}

div#tabswitch a:visited {
	color: #fff;
	text-decoration: none;
}

div#vh-test {
	width: 0;
	float: left;
	display: none;
	height: 20px; /* some arbitrary value that's probably not == 100vh */
}

div.note {
    background: #ffedcc;
    border-left: 8px solid #ffa500;
    padding: 10px;
	margin: .2in .3in;
	clear: right;
}
div.note h3.title {
	color: #ffa500;
	margin: 0 0 10px;
}

div.warning {
	background: #f3e8e8;
	border-left: 8px solid #8b1a1a;
	padding: 10px;
	margin: .2in .3in;
}
div.warning h3.title {
	color: #8b1a1a;
	margin: 0 0 10px;;
}

div.tip {
    background: #e5ede5;
    border-left: 8px solid #00b200;
    padding: 10px;
}
div.tip h3.title {
	color: #00b200;
	margin: 0 0 10px;
}
div.tip table {
    border-collapse: collapse;
}
div.tip table tr td,
div.tip table tr th {
    border-bottom: 1px solid #999;
    margin: 0;
    padding: 4px 6px;
    vertical-align: top;
}
.tip table thead tr th {
    border-bottom: 3px double #333;
    text-align: left;
}
.tip table tr td table tr td {
    border: none;
    padding: 1px 4px;
}
div.tip table tr td p {
    margin: 0;
    padding: 0.05ex 0;
}
div.tip table tr:nth-child(odd) {
    background: #e5ede5;
}
div.tip table tr:nth-child(even) {
    background: #eff4ef;
}