html {
    margin: 0;
    padding: 0;
    border: none;
    background:#fff; /* fixes OP8's print background bug */
    }

body{
    padding: 0 0 10em 0;
    margin: 0;
    font: 100%/1.5em 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;
    color: #F0F0F0;
    background: #404040;
    width: 100%;
    text-align: center; /* for the IE5-wins */
    }

a {
    color: #D0D0D0;
    text-decoration: underline;
    }

a:focus {
	-moz-outline: 1px dotted #ff7f00;
	outline: 1px dotted #ff7f00;
	outline-offset: 2px;
	color: #ff7f00;
	}

a:hover {color: #fff;}

a:active {color: #ff7f00;}

#toc a {text-decoration: none;}

dt {margin-top:0.5em;}

h1, h2, h3 {
    color: #D0D0D0;
    font-weight: normal;
    }

h1 {
    margin:  0 1em 9.2em 7em;
    padding: 0;
    font-size: 1.5em;
    line-height: 1em;
    position: relative;
    top: 5.2em;
    right: 0;
    text-align: right;
    }

h2[id]:hover::after {
	content: " #"attr(id);
	font-size: 0.8em;
	line-height:1.2em;
	margin: 0 0 0 0.5em;
	}

h3[id]:hover::after {
	content: " #"attr(id);
     margin: 0 0 0 0.5em;
	}

span.large {
    font-size: 3em;
    letter-spacing:-0.05em;
    line-height:1em;
    text-decoration: none;
    }

del{display: none;}

ins{text-decoration: none;}

.wrapper {
    margin: 0 10% 1em auto;
    width: 66%;
    text-align: left; /* reset text-align */
    }

* html .wrapper {
	margin-right: -13%; /* for the IE5-Wins, reset for IE6 below. How is IE5/Mac holding up? */
	ma\rgin-right: 10%;
	}

* html>body .wrapper {
    margin-right: auto;
    margin-left: 24%;
    }

.content {/*text-align: left;*/} /* not needed, moved to .wrapper */

.content p {
    margin: 1em 0 0.5em 0.5em; /* changed top margin to solve gecko 'jumping' problem with :hover::after on h2 and h3 elements */
    padding: 0;
    }

.content h3 {
    margin: 2.5em 0 0 0; /* changed bottom margin to solve gecko problem with :hover::after */
    font-weight: normal;
    font-size: 1.05em;
    }

.content h2 {
    margin: 4em 0 0 0; /* changed bottom margin to solve gecko problem with :hover::after */
    font-weight: normal;
    font-size: 1.25em;
    }

.content li {margin: 0 0 0.5em 0;}

.quote {
    text-align: right;
    padding: 0 1em 3em 3em;
    }

blockquote {
    padding: 0;
    margin: 0;
    display: block;
    }

.quote p {
    padding: 0;
    margin: 0;
    }

.quote p:before {
    content: "\00BB";
    font: 2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color: #ff7f00;
    }
.quote p.note:before {
    content: "*";
    font: 2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color: #ff7f00;
    }

* html .quote p { color: #D0D0D0;}


/*  code layout */

code, kbd { font-family: Georgia, serif;}

ol.csshtml {
    width: 23em;
    max-width: 100%;
    border-top: 2px dotted #ff7f00;
    margin: 1.5em 0 1em 0;
    padding: 0.5em 0.5em;
    list-style-type: none;
    }

.csshtml li {
    border-top: 1px solid #404040;
    background: #505050;
    }

.csshtml code {
    color: #D0D0D0;
    padding: 0 0.5em 0 0;
    margin: 0;
    font-size: 100%;
    }

.csshtml li:hover code {color: #fff;}

.i01 {
    padding-left: 2em;
    text-indent: -1em;
    }
.i02 {
    padding-left: 3em;
    text-indent: -1em;
    }

.t00 {padding-left: 1em;}

.t01 {padding-left: 2em;}

.t02 {padding-left: 3em;}

.t03 {padding-left: 4em;}

.t04 {padding-left: 5em;}

.t06 {padding-left: 6em;}

#update {
	padding: 0;
	margin: 5em 0 1em 0;
	}

dl#editors,
dl#support {
	padding: 0;
	margin: 1em 0;
	}

dl#contributors,
dl#discussion {
	padding: 0;
	margin: 3em 0;
	}

p#url {display: none;}