/* styles.css
   for http://pnguyen.net
   Paul Nguyen (webmaster@pnguyen.net)
   v2
*/

body {
	background: top center repeat-y url("/img/dkbluebg_shadow.png"); /* /img/blueblend.png */
	padding: 0; margin: 0;
	color: black;
	font-size: 9pt;
	font-family: sans-serif;
}
#all { /* pseudo-body container to allow for the background gradient, this contains both #submenu and #bodybag (contains #menubar and #main)*/
	margin: 0 auto;
	padding: 0;
	max-width: 960px;
}
#bodybag { /* generic container for the entire content of the page */
	background: white;
	border-left: 1px dotted #888888;
	padding: 16px 0 8px;
	margin: 0 0 0 192px;
}
h1 {
	margin: 16px 0 0;
	color: #336699;
	text-align: left;
	font-family: sans-serif;
}
h2 {
	color: #336699;
	text-align: left;
	margin: 0 0 16px 16px;
	font-family: sans-serif;
}
h3, h4, h5, h6 {
	color: #336699;
	text-align: left;
	margin: 0 0 8px 8px;
	font-family: sans-serif;
}
a:link {
	color: #336699;
	text-decoration: none;
	padding: 0 2px 1px;
	background: white;
}
a:visited {
	color: #336699;
	text-decoration: none;
	padding: 0 2px 1px;
	background: white;
}
a:hover {
	color: white;
	text-decoration: none;
	padding: 0 2px 1px;
	background: #336699;
	z-index: 25;
}
#menuBar { /* the bar (it's a ul) */
	line-height: 15pt;
	margin: 0; padding: 0 0 1px 16px;
	background: none;
	background: #336699;
	/*font-family: sans-serif;
	font-size: 10pt;*/
	/*font-weight: bold;*/
}
#menuBar li {
	display: inline;
	padding: 0 2px 2px;
	/*border: 2px solid white;*/
}
span#sel {
	background: white;
	color: #336699;
	font-weight: bold;
	padding: 0 2px 2px;
	text-decoration: none;
}
#menuBar li a:link, #menuBar li a:visited {
	color: white;
	text-decoration: none;
	padding: 0 2px 2px;
	background: #336699;
}
#menuBar li a:hover {
	color: #336699; /* #0000dd */
	text-decoration: none;
	padding: 0 2px 2px;
	background: white;
	z-index: 25;
}
#subMenu { /* div for side menu */
	position: relative;
	z-index: 16;
	float: left;
	top: 4px;
	left: 4px;
	width: 184px;
	background: white;
}
#subMenu ol, #subMenu ol ol { 
	list-style-type: none;
	margin-left: 0; padding-left: 24px;
	line-height: 13pt;
}
#main { /* div for the body of the page */
	margin: 16px 4px 0; padding: 8px 4px 0;
	border-top: 1px dotted #888888;
	border-bottom: 1px dotted #888888;
}
#main ol { list-style-type: upper-roman; }
#main ol ol { list-style-type: upper-alpha; }
#main ol ol ol { list-style-type: decimal; }
#main ol ol ol ol { list-style-type: lower-alpha; }
#main ol ol ol ol ol { list-style-type: lower-roman; }
#main div.codeblock {
	font-family: monospace;
	margin: 8px 8px 8px 16px;
	padding: 4px;
	border: 1px solid #336699;
	background: #e0e0e0;
}
#main .mono {
	font-family: monospace;
}
.noteBox { /* a block-level format for something to jump off of the page */
	margin: 8px 32px;
	border: 1px #00f solid;
	background: #ddddff;
	padding: 16px;
}
.redBox { /* a block-level format for something RED */
	margin: 8px 32px;
	border: 1px #f00 solid;
	background: #ffe;
	padding: 16px;
}
#footer { /* div for the footer of the page */
	margin: 0; padding: 0;
	color: #888888;
	text-align: center;
	font-size: 7pt;
}
a#w3clogo, a#w3clogo img {
background: white;
border: none;
}

@media print {
	#all {
		background: white;
	}
	body {
		background: white;
		padding: 0; margin: 0;
		color: black;
		font-size: 9pt;
		font-family: sans-serif;
	}
	#bodybag { /* generic container for the entire content of the page */
		background: white;
		border-left: none;
		padding: 0;
		margin: 0;
	}
	h1 {
		margin: 16px 0 0;
		color: #336699;
		text-align: left;
		font-family: sans-serif;
	}
	h2 {
		color: #336699;
		text-align: left;
		margin: 0 0 16px 16px;
		font-family: sans-serif;
	}
	h3, h4, h5, h6 {
		color: #336699;
		text-align: left;
		margin: 0 0 8px 8px;
		font-family: sans-serif;
	}
	a:link, a:visited, a:hover {
		color: #336699;
		text-decoration: underline;
		padding: 0 2px 1px;
		background: white;
	}
	#menuBar { /* the bar (it's a ul) */
		display: none;
	}
	#subMenu { /* div for side menu */
		display: none;
	}
	#main { /* div for the body of the page */
		margin: 16px 4px 0; padding: 8px 4px 0;
		border-top: 1px dotted #888888;
		border-bottom: 1px dotted #888888;
	}
	#main ol { list-style-type: upper-roman; }
	#main ol ol { list-style-type: upper-alpha; }
	#main ol ol ol { list-style-type: decimal; }
	#main ol ol ol ol { list-style-type: lower-alpha; }
	#main ol ol ol ol ol { list-style-type: lower-roman; }
	#main div.codeblock {
		font-family: monospace;
		margin: 8px 8px 8px 16px;
		padding: 4px;
		border: 1px solid #336699;
		background: #e0e0e0;
	}
	#main .mono {
		font-family: monospace;
	}
	.redBox, .noteBox { /* a block-level format for something XXX */
		margin: 8px 32px;
		border: 1px #000 solid;
		background: #eee;
		padding: 16px;
	}
	#footer { /* div for the footer of the page */
		margin: 0; padding: 0;
		color: #888888;
		text-align: center;
		font-size: 7pt;
	}
	/* catch-all no print */
	.noPrint { display: none; }
}