html {
    margin: 0;
    padding: 0;
    border: none;
    }

body{
    padding: 0 0 10em 0;
    margin: 0;
	font: 100.01%/1.5 Optima, 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;
    color: #F0F0F0;
    background: #404040;
    }

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

a:focus {
	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%;
    }

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

h3 {
    margin: 2.5em 0 0 0; /* changed bottom margin to solve gecko problem with :hover::after */
    font-weight: normal;
    font-size: 1.25em;
text-indent:-2em;
    }

h2 {
    margin: 4em 0 0 0; /* changed bottom margin to solve gecko problem with :hover::after */
    font-weight: normal;
    font-size: 1.5em;
text-indent:-1.666em;
    }

 
h2#link {
    padding:0;
    margin:  5em 1em 0 0;
    font-size:1.5em;
    text-align: right;
    }


h2#link a{
    text-decoration: none;
    padding:0 0 3em 24%;
    display: block;
    font-size:1em;
	}

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;
    }

/*  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.5em;
    padding: 0.5em 0.5em;
    list-style-type: none;
    }

.csshtml li {
	margin: 0;
    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: 3em 0 1em 0;
	}

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

p#url {display: none;}

::-moz-selection {color: #404040; background-color:#F0F0F0;}
::selection {color: #404040;}