*{
	box-sizing:border-box;
}
body{
	font-family: Arial;
	padding: 0;
	margin: 0;
	border: 0;
	overflow:hidden;
}
ul li,ol li{
	margin-bottom: 0.5em;
}
code, div.code-block{padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8;}
.code-block{display: block;margin-left: 1em;margin-right: 1em;}
.code-block strong, .code-block.features{color: #0088cc;}
.code-block.features{font-weight:bold; font-size:0.9em;}
.code-options{ color: #0088cc;}
.code-comment{ color: #080;}
.note{
	border: 2px dashed #369;
	padding: 1em;
	margin-top: 1em;
}
.clear{ clear:both;}	
.clearFix:before,
.clearFix:after {
    content: "";
    display: table;
}
.clearFix:after { clear: both; }
h1{
	background-color: #5e8b1d;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	right: 0;
	height: 55px;
	padding: 15px 0 0 10px;
	margin: 0;
	font-size:1.6em;
}

.main{
	display:block;
	position:absolute;
	top:55px;
	left:0;
	right:0;
	bottom:50px;
	overflow:hidden;
	overflow-y:auto;
	padding:1em;
}
.navigation{
	background: #C8E4F3;
}
.nav-shadow {
	display:none;
}

.navigation h2{
	margin:0;
	padding:10px;
	background-color:#005580;
	color:#fff;
	font-size: 1em;
}
.navigation p{
	background-color:#5A7FB0;
	color:#fff;
	/*font-weight:bold;*/
	margin:0;
	padding: 10px;
}
.navigation a{
	padding: 10px;
	display:inline-block;
}
.navigation em{
	display:inline-block;
	margin:0;
	padding:0 10px 10px 30px;
	font-size:0.9em;
}
.navigation ul li ul li a{
	padding-left: 10px;
}
.navigation ul li ul li ul li a{
	padding-left: 20px;
}
.navigation ul, .navigation ul li{
	margin:0;
	padding:0;
	list-style:none;
}   
.navigation a,.navigation a:visited{
	color: #005580;
	text-decoration:none;
}
.navigation a:hover{
	color: #8A1E1E;
}


ul.release-notes{
	list-style:none;
}
ul.release-notes ul{
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #cacaca;
	padding-top: 10px;
	border-bottom: 1px solid #cacaca;
}
.release-date{
	font-weight:bold;
}
.release-version, .release-feature{
	display:inline-block;
	width:70px;
	background-color:#005580;
	color:#fff;	
	font-size:0.9em;
	text-align:center;
}
.release-feature.new{
	background-color:#5e8b1d;
}
.release-feature.enhanced{
	background-color:#5A7FB0;
}
.release-feature.fix{
	background-color:#8A1E1E;
}

.content-wrapper{
	max-width: 1000px;
}
.content-wrapper h3{
	border-bottom:3px solid #8FA9CC;
	padding-bottom:10px;
}


footer{
	margin: 0;
	position: absolute;
	height:50px;
	left: 0;
	bottom: 0;
	right: 0;
	padding:0;
	background-color:#000;
	color:#fff;
}
.copyright{
	font-size:11px;
	padding:22px 0 0 10px;
	float:left;
}
.copyright .rights{
	display:none;
}
.pbh{
	float:right;
	display: inline-block;
	height: 50px;
	padding: 19px 44px 0 0;
	background: #000 url(/haiku/new-logo-50.png) no-repeat center right;
	margin-right: 20px;
	font-size: 16px;
	text-decoration:none;				
}
.pbh,.pbh:visited,.pbh:hover{
	color:#fff;
}
.pbh-p,.pbh-h{
	font-weight:bold;
}

/* Medium breakpoint */
@media only screen and (min-width: 35em) {
	.main{
		display:block;
		position:absolute;
		top:55px;
		left:0;
		right:0;
		bottom:50px;
		overflow:hidden;
		overflow-y:auto;
		padding:1em;
	}
	.navigation{
		width: 250px;
		background: #C8E4F3;
		overflow:hidden;
		overflow-y:auto;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
	}
	.content{
		overflow:hidden;
		overflow-y:auto;
		position:absolute;
		top:0;
		left:250px;
		bottom:0;
		right:0;
		padding:16px;
		line-height: 1.5em;
	}
	.nav-shadow {
		display:block;
		width: 250px;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		pointer-events: none;
		box-shadow: inset 0px 0 16px rgba(0,0,0,0.5);
	}
	.copyright .rights{
		display:inline-block;
	}
}