/* Stylesheet for Scott Nicholas' Intro HTML/CSS tutorial. */

html
{
	/* prevents "scrollbar content shift" */
	height: 100%;
	margin-bottom: 1px;
	min-width: 960px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

body
{
	background-color: #ddd;
}

h1, h2, h3
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

code, tt,
{
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
}

code
{
	color: #3f2000;
}

h1
{
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 2px;
}

h2
{
	font-size: 16pt;
	font-weight: bold;
}

h3
{
	font-size: 14pt;
	font-weight: bold;
}

#wrap
{
	width: 960px;
	margin: 0 auto;
	padding: 8px;
}

#header
{
	border-bottom: 2px solid #336;
}

#content
{
	height: 100%;
	background: #fff;
	float: left;
	padding: 0 1em;
	line-height: 1.25em;
	width: 928px;
}

.gotcha
{
	float: right;
	width: 280px;
	min-height: 80px;
	border: 2px solid #000;
	background-color: #fafcaf;
	padding: 1ex;
	margin: 1em;
	margin-top: 0;
}

.code, .results
{
	border: 2px solid #000;
	padding: 1ex;
	margin: 1em 1em 1em;
	width: 600px;
}

.code
{
	background-color: #d6d6d6;
	color: #3f2000;
}

.thePage
{
	margin: 1em 0;
	font-family: "Times New Roman", Times, serif;
}

.thePage h1, 
.thePage h2, 
.thePage h3, 
.thePage h4, 
.thePage h5, 
.thePage h6
{
	font-family: "Times New Roman", Times, serif;
}

.codeMeta
{
	float: right;
	font: bold small "Courier New", Courier, mono;
	color: #000;
}

.code h4, .results h4
{
	padding: 0;
	margin: 0;
	color: #000;
}

#nav
{
	padding: 2em;
	background-color: #fff;
	clear: both;
	font-weight: bold;
}

#navLeft
{
	float: left;
}

#navRight
{
	float: right;
}

#toc
{
	float: right;
	width: 208px;
	text-align: right;
	padding: 0 8px;
	min-height: 110%;
	border: 2px solid #336;
	border-top: none;
	background-color: #c6dbfe;
	margin: 0 -1em 1em 2em;
}

#toc ul
{
	list-style-type: none;
}

#toc a:hover
{
	background-color: #9cb8e9;
}

#toc h3
{
	border-bottom: 1px solid #9cb8e9;
}

#toc h3 a
{
	color: #000;
	text-decoration: none;
	padding: 0 4px;
}

#toc h3 a:hover
{
	background-color: #9cb8e9;
}

#footer
{
	text-align: center;
	clear: both;
	background-color: #010f68;
	font-size: small;
	padding: 2px 8px;
	color: #fff;
	border-top: 2px solid #336;
}

#footer a
{
	color: #fff;
	padding: 1px;
}

#footer a:hover
{
	background-color: #4c5392;
}