* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	float:none;
}
body {
	font:100%/1.7 Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:4em 0 0 0;
}
h1,h2,h3 {
	margin:1.5em 0 0 0;
	font:normal 1.7em arial;
	color:#8b2;
	clear:left;
}
h1 {
	font-size:3em;
	margin:0;
	padding-top:0.5em;
	color:#1B6FC0;
}
h3 { font-size:1.2em }
#content .hh a {
	border: 0;
	color:#8b2;
}
p,ul,ol,pre,.note { margin:0 0 1em 0 }
a {
	color:#06c;
	border-bottom:1px solid #ccc;
}
a:visited { color:#96c }
a:visited:hover { border-color:#96c }
a:hover { border-color:#06c }
a[href^="http://"] {
	padding-right:13px;
	background:url(ex.gif) right 0 repeat-y;
}
a[href^="http://"]:visited:hover, cite a:visited:hover { background-position:right 100px }
a[href^="http://"]:hover, cite a:hover { background-position:right 200px }
a img { border:0 }
#antiintro img, #related img {
	float:left;
	margin:0.5em 1em 0.5em 0;
}
code, pre {
	font-family:"Courier New", Courier, monospace;
	color:#900;
	background:white;
}
pre {
	padding:0 2em 1.7em 2em;
	background:white;
	border:0.25em solid #eef;
	overflow:auto;
	width: 100%;
}
pre strong { background:#efc }
.acode { border:none }
a code { border-bottom:1px dotted #900 }
a:hover code { border-bottom-style:solid }
#yai { margin-left:2.2em }
#yai a {
	background:url(rarr.gif) right center no-repeat;
	padding-right:25px;
	border:0;
}
#yai a:hover { text-decoration:underline }
#search label, #yai span {
	position:absolute;
	left:-999em;
}
#content {
	position:absolute;
	top:1em;
	left:1em;
	z-index:6;
	background:#fff;
}
.Home #content { margin-top:2.7em }
#content ul, #content ol { padding-left:2em }
#content li { list-style:square }
#intro {
	background:#eef url(c_tl.gif) 0 0 no-repeat;
	padding:0 2em 1em 2em;
}
#antiintro {
	background:#f7f7ff url(c_f7_tl.gif) 0 0 no-repeat;
	border-left:3px solid #eef;
}
#ai2 {
	padding:2em;
	background:url(c_f7_bl.gif) bottom left no-repeat;
}
#c1, #c11 { margin:0 }
#ads {
	background:white url(ads.gif); /* it's 120 x 600 - need just one background image! */
	float:right;
	width:146px;
	margin:2em;
}
#ads div {
	background:url(adsbottom.gif) bottom no-repeat;
	padding:0.5em 13px;	
}
#ads h2 {
	font-size:1em;
	margin:0 0 1em 0;
	font-style:italic;
	color:#ccc;
}
#ads img { display:block }
#ads a {
	padding:0;
	background:none;
}
.ad {
	border-top:3px solid #eef;
	padding:1em 0;
	margin:1em 0 0 0;
	font-size: 0.9em;
	text-align: center;
}
.ad img { padding: 10px 20px 0 20px; display: block; }
#firstad {
	border:0;
	padding-top:0;
	margin-bottom:1em;
	border-bottom:3px solid #eef;
}
#firstad a { border:0 }
#related {
	background:#fff url(c_ff_tl.gif) 0 0 no-repeat;
	border:solid #eef;
	border-width:3px 0 0 3px;
}
#r2 {
	padding:2em;
	background:url(c_ff_bl.gif) bottom left no-repeat;
}
#related h2 { margin:0 }
ul#longlist { margin:0 0 3em 0 }
#longlist li {
	display:inline;
	list-style:none;
	margin-right:1em;
}
#logo {
	position:absolute;
	width:16em;
	top:-26px;
	text-align:center;
	z-index:9;
	line-height:1.3;
	color:#444;
	left: -2px;
}
#logo a { border:0 }
#logo span { display:block }
#nav {
	width:16em;
	position:absolute;
	z-index:3;
	top:9.5em;
	left:0;
	padding-top:91px;
}
#nav ul * {
	border:0;
	display:block;
	color:#9c3;
}
#nav a:hover, #nav .jelly a:hover { background:#efc }
#nav ul em {
	color:#ccc;
	font-style:normal;
}
.jelly { margin-bottom:1em }
#nav .jelly a, #nav .jelly em {
	font-size:1.2em;
	font-weight:bold;
	padding-left:1.666em;
}
#nav .jelly ul a, #nav .jelly ul em {
	font-size:1em;
	font-weight:normal;
	padding-left:3em;
}
#nav ul a, #nav ul em {
	color:#06c;
	padding-left:2em;
}
#nav ul em {
	color:#ccc;
	font-style:normal;
}
#nav ul ul { margin:0 }
#nav ul ul em { padding-left:1.5em }
#nav .jelly ul ul li * {
	padding:0 1em 0 4.5em;
	font-size:0.9em;
	background:#f7f7ff;
}
#search {
	position:absolute;
	top:1em;
	width:100%;
	z-index:99;
}
#search div {
	position:absolute;
	right:2em;
}
#search * {
	display:inline;
	font:1em verdana, geneva, arial, helvetica, sans-serif;
	margin-left:0.5em;
	width:auto;
}
#morombe {
	background:url(mag.gif) left no-repeat;
	padding:0.1em 0.1em 0.1em 19px;
	border:1px solid;
	border-color:#666 #ccc #ccc #666;
}

.note {
	background:white;
	padding:1em 2em 1px 2em;
	border:3px solid #eef;
	overflow:auto;
}
.note * { margin-top:0 }
#footer {
	clear:left;
	background:#eef url(c_bl.gif) bottom left no-repeat;
	color:#999;
	padding:1em 2em;
	margin-bottom:4em;
}
#footer p { margin:0 }
#footer a { color:#aaa }
.css, .html { color:#000 }
.css .ccomment { color:gray }
.css .property { color:navy }
.css .selector {
	color:maroon;
	font-weight:bold;
}
.css .unit { color:red }
.css .url { color:green }
.html .tag { color:purple }
.html .ccomment {
	color:gray;
	font-style:italic;
}
.html .string { color:navy }
.html .doctype { color:teal }
.javascript  .comment { color:green }
.javascript  .string { color:maroon }
.javascript  .keywords { font-weight:bold }
.javascript  .global {
	color:blue;
	font-weight:bolder;
}
.javascript .brackets { color:gray }
input, textarea {
	display:block;
	width:65%;
	margin-bottom:1em;
}
input { width:30% }
#nav input { width:98% }
#sec1 {
	float:left;
	width:35%;
}
#sec h2 { clear:none }
#sec2 li {
	list-style-position:inside;
	padding-left:2em;
}
#aftersec { clear:left }
#pp {
	margin:0 0 2em 2em;
	border:3px solid #feb;
	width:30%;
	float:right;
	background:#fff;
}
#pp div {
	position:relative;
	top:-3px;
	left:-3px;
	background:url(pp_tl.gif) top left no-repeat;
}
#pp div div {
	top:auto;
	left:auto;
	right:-6px;
	background:url(pp_tr.gif) top right no-repeat;
}
#pp div div div {
	bottom:-6px;
	right:auto;
	background:url(pp_br.gif) bottom right no-repeat;
}
#pp div div div div {
	bottom:auto;
	left:-6px;
	background:url(pp_bl.gif) bottom left no-repeat;
	padding:0 0 1px 4px;
}
#pp h2 {
	margin:0;
	padding:0.59em 0.59em 0 0.59em;
	color:#e90;
}
#pp h3 {
	color:#e90;
	border-top:3px solid #feb;
	padding-top:0.83em;
	margin:0 0.83em;
}
#pp p { margin: 0 1em 1em 1em }
#pp ul {
	margin-left: 1em;
	padding: 0;
	border-top: 1px solid #fff;
}
#pp li {
	list-style: none;
	padding-left: 22px;
	background: url(flag_us.gif) left no-repeat;
}
#pp .uk { background-image:url(flag_uk.gif) }
#pp .ca { background-image:url(flag_ca.gif) }
#pp .fr { background-image:url(flag_fr.gif) }
#pp .de { background-image:url(flag_de.gif) }
#pp .jp { background-image:url(flag_jp.gif) }
