body {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:85%;
	background-image:url(images/page_bg.gif);
	background-repeat:repeat-x;
	background-color:#e9eaea;
	padding-top:8px;
	margin:0px;
	color:#000;
}
div div div {
	margin-left:0px;
}

tr {
	vertical-align:top;
}
td {
	text-align:left;
	font-size:0.9em;
	padding:3px;
	padding-right:5px;
	padding-left:5px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

h1, h2, h3, h4 {
	font-weight:normal;
	margin-bottom:4px;
}

h1 {
	font-size:1.9em;
	margin-top:16px;
	margin-bottom:10px;
	line-height:1.4em;
}

h2 {
	margin-top:13px;
	font-size:1.6em;
	padding:4px;
	line-height:1.2em;
}

h3, h4 {
	margin-top:14px;
	font-size:1.3em;
	padding:4px;
}
h1, h2, h3, h4 {
	margin-left:4px;
}
p, li, pre, .screenshot, .snippet {
	margin-left:8px;
	padding-right:5px;
}

p, ul, ol {
	margin-bottom:10px;
	margin-top:6px;
	line-height:1.4em;
}
li {
	margin-bottom:4px;
	vertical-align:top;
}

a {
	text-decoration:none;
	color:#00c;
}
p a, li a {
	border-bottom:1px dotted #33f;
	/* IE does underline dashes instead of dots, so make it paler */
	// border-bottom:1px dotted #99f;
}
a:visited {
	color:#33c;
}
.content_nav a:visited {
	color:#55c;
}
a:hover, .content_nav a:hover, .screenshot p a:hover {
	text-decoration:none;
	color:red;
	border-bottom:1px solid #f00;
}
.footer a:hover, .nohover a:hover, .screenshot a:hover {
	border:none;
}
hr {
	clear:left;
	background-color:#aaa;
	height:3px;
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #eee;
	margin:10px 10px 5px 10px;
}

/* ================ Widths ========================= */

.page_content {
	width:462px;
}

h1, h2, h3, h4 {
	width:440px;
}

div h1, div h2, div h3, div h4 {
	width:inherit;
}

.screenshot table, .comment, .snippet {
	width:430px;
}

blockquote, .center_quote {
	width:380px;
}

/* ================ Custom classes ========================= */

a.new_win {
	background:url(images/new_win.gif) no-repeat;
	background-position:top right;
	padding-right:12px;
}
a.new_win:hover {
	background:url(images/new_win_on.gif) no-repeat;
	background-position:top right;
}
.topnav {
	text-align:left;
}
.topnav a, .topnav a:hover {
	border:none;
}

.sidead {
	background-color:#fff;
	width:213px;
	margin:0px 1px 0px 1px;
}
.sidead p {
	margin-left:5px;
	width:190px;
	font-size:0.85em;
	margin-bottom:8px;
}
.sidead h5, .sidead h5 a {
	color:#558;
}
.sidead h5 {
	font-size:0.85em;
	font-weight:bold;
	width:190px;
	margin:0px 0px 0px 5px;
}

.screenshot {
	padding:5px;
	clear:left;
}
.screenshot img {
	border:1px solid;
	border-color:#aaa #666 #666 #aaa;
}

.comment {
	clear:left;
	margin:7px 0px 10px 0px;
	background-color:#eee;
	border:1px solid #ccc;
	padding-right:4px;
}

.introblock {
	padding:5px;
	margin-top:1px;
	border:1px solid #999;
	background-color:#dcdce9;
}

.introblock2 {
	border:1px solid;
	border-color:#ccc;
	background-color:#eef;
	padding:5px;
	margin-top:1px;
}
.introblock h1, .introblock h2, introblock h3, .introblock2 h1, .introblock2 h2, .introblock2 h3 {
	margin-top:2px;
}

.center_quote {
	text-align:center;
	font-size:.95em;
	border:2px solid;
	border-color:#ccf #99f #99f #ccf;
	background-color:#eef;
	padding:15px;
	font-weight:400;
	font-style:italic;
	margin:15px;
	margin-right:0px;
}

.list_of_contents {
	list-style:none;
	padding-right:40px;
}
.content {
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-y;
	text-align:left;
}
.content_main {
	background-image:url(images/content_main_bg.gif);
	background-repeat:repeat-y;
	width:491px;
}
.content_nav {
	background-image:url(images/content_nav_bg.gif);
	background-repeat:repeat-y;
	width:227px;
	float:right;
}
.content_nav_head {
	height:22px;
	margin-bottom:5px;
}
.content_nav_title {
	margin:0px 15px 0px 3px;
	padding:5px 0px 4px 6px;
	text-align:left;
	font-size:0.85em;
	//font-size:.9em;
	background-color:#e4e4ec;
}
.footer {
	font-size:0.7em;
	text-align:center;
	margin:15px 0;
}
.intropic {
	width:472px;
	height:126px;
	border-bottom:1px solid #e0e0e0;
	background-image:url(images/content_intropic_bg.gif);
	background-repeat:repeat-y;
	margin-bottom:6px;
}
.title {
	font-family:arial,helvetica,sans-serif;
	color:#234;
	font-size:2.4em;
	line-height:1em;
	padding:10px;
}

.list_bottom {
	width:208px;
	height:6px;
}

.small_text {
	font-size:0.8em;
}

.quoted_source {
	text-align:right;
	font-size:0.8em;
	color:#767;
	padding:0px 3px 3px 0px;
}

.user_comment {
	width:690px;
	text-align:left;
	padding:4px;
	font-size:0.8em;
	color:#334;
	margin-top:3px;
	margin-bottom:3px;
	background-color:#eef;
	border:1px solid;
	border-color:#fff #dde #dde #fff;
	line-height:1.5em;
}

.user_comment_author {
	color:#888;
	text-align:right;
	font-size:0.9em;
	line-height:1.5em;
}

.user_comment_form {
	padding:5px;
	border:1px solid;
	border-color:#dde #bbc #bbc #ccd;
	background-color:#eef;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	font-size:0.85em;
	width:475px;
}

.text_alongside {
	float:left;
	margin-right:15px;
}

.code_snippet {
	padding:0px;
	width:630px;
	margin:15px 0px 15px 12px;
	font-size:1.2em;
	background-color:#eeb;
	border:1px solid #aa8;
}

.tr_grad_medium tr, .tr_grad_small tr {
	background-repeat:repeat-x;
	background-position:bottom;
}
.tr_grad medium tr td, .tr_grad_small tr td {
	border-bottom:1px solid #aaa;
}
.tr_grad_medium tr {
	background-image:url(images/tr_gradient_medium.jpg);
}
.tr_grad_small tr {
	background-image:url(images/tr_gradient_small.jpg);
}

#next_and_top {
	text-align:right;
	width:690px;
	margin-top:10px;
	margin-bottom:0;
}

#page_foot {
	margin-top:25px;
}

#right_col {
	width:227px;
	float:right;
}
#div718 {
	width:718px;
}


/* ================ Side navigation ========================= */

.sidenav {
	margin-top:-7px;
	margin-right:7px;
}
.sitenav a:hover {
	color:#f00;
}

.level_1, .level_1_current, .level_2, .level_2_current {
	display:block;
	margin:2px;
	margin-bottom:0px;
	padding:1px 5px 3px 8px;
	font-size:.8em;
	//font-size:.87em;
	line-height:1.2em;
}

.level_2, .level_2_current {
	padding-left:25px;
}

.level_1, .level_2 {
	border-bottom:1px solid #eee;
}

.level_1_current, .level_2_current {
	background-color:#eeeee0;
}