body {
	background-color: #3d3527;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
}

#header li {
	margin: 0.5em;
	font-size: 0.9em;
}

#header h3 {
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
	display: block;
}

#header h3:hover {
	color: #593900;
}

#tweet_widget {
	float: right;
}

#all {

	width: 780px;
	margin: 0 auto;
	color: #3d3527;
	background-color: #ede1cc;
	padding: 1em;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	min-height: 1000px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#nav a {
	float: left;
	color: #ede1cc;
	border: 1px solid #ede1cc;
	border-right-width: 0;
	position: fixed;
	display: block;
	margin-left: -51px;
	padding: 3px;
	text-decoration: none;
	width: 30px;
	text-align: center;
	margin-top: 5em;
	font-size: 0.9em;
}

#nav a:hover {
	background-color: #593900;
	color: #ede1cc;
}

#info_faq {
	background-color: #DAC8A7;
	padding: 0.5em;
	margin: 0.5em;
}

#info_faq h4 {
	margin-bottom: 0.3em;
}

a {
	color: #3d3527;
}

a:hover {
	background-color: #eca643;
	color: #3d3527;
}

#content a {
	color: #593900;
	font-size: 0.8em;
/*		font-style: italic;*/
}


table {
	margin: 0;
	width: 100%;
/*		border-collapse: collapse;*/
}

caption {
	text-align: left;
	padding: .5em;
}

caption a {
	font-weight: bold;
}

tbody tr:hover td,
tbody tr:hover th {
	background-color: #bea77d;
}



th {
	background-color: #cfb78b;
	font-weight: normal;
}

thead th {
	color: white;
/*		background-color: #233d61;*/
}

thead tr {
	margin-bottom: 2px;
}

th.trident { background-color: #233d61; }
th.gecko { background-color: #a36223; }
th.webkit_chr { background-color: #3f77bb; }
th.webkit_saf { background-color: #666; }
th.presto { background-color: #812323; }

th, td {
	padding: 0.1em;
}

th.first {
	visibility: hidden;
}

h1 {
	font-size: 1.4em;
	display: inline;
}

p.comments, p.feed {
	display: inline;
	margin-left: 2em;
	font-size: 0.9em;
}

p.feed a {
	background: transparent url(feed14.png) no-repeat scroll left center; 
	padding-left: 20px;
}

h2 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}



h3, h3 a {
	font-size: 1.6em;
/*		font-style: italic;*/
	font-family: serif;
	display: inline;
	margin-bottom: 0.2em;
}

h3 a:hover {
	background: none;
	text-decoration: none;
}



p.spec {
	display: inline;
	font-weight: bold;
/*	margin-left: 1em;*/
}

.status {
	font-size: 0.8em;
	margin-right: 1em;
}


#content .rec, #content .ietf { color: #007700; }
#content .pr { color: #387700; }
#content .cr { color: #777700; }
#content .wd { color: #770000; }
#content .unoff { color: #777777; }

p.description,
p.notes {
	font-size: 0.9em;
	font-style: italic;
}

p.notes {
	font-style: normal;
	font-size: 0.85em;
}

thead {

}

tbody th {
	text-align: left;
	width: 30%;
}

table#no_details {
	font-size: .9em;
	background: #DAC8A7;
}

table#no_details th a {
	font-size: 1em;
}

table#no_details .sum_cell {
	font-size: .8em;
}


tbody td {
/*	width: 8em;*/
}

table#clone tbody {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

table#clone {
	position: fixed;
	visibility: hidden;
	top: 0;
	background: #DAC8A7;
}

table#browser_comparison {
	margin-bottom: 1em;
}

table#browser_comparison td {
	padding: .3em;
}

table#browser_comparison th a {
	font-size: 1em;
}

th.feat_cell {
	padding-left: 0.5em;
	margin-bottom: 50px;
	width: 33%;
}

fieldset {
	width: auto;
	float: left;
	font-size: .8em;
	padding: 0.2em;
}


fieldset input {
	margin-right: 0.2em;
	vertical-align: middle;
}

fieldset label,
fieldset p {
	display: block;
	padding: 0.1em;
	margin: 0;
}

fieldset label:hover {
	background: #eca643;
}

#mode_opts button {
	display: block;
	border: 1px solid #3D3527;
	background-color: #DAC8A7;
	float: left;
	margin-right: 1em;
}

#mode_opts .cur_mode {
	background-color: #C60;
}

p.browser_compare_note {
	text-align: center;
	clear: both;
	padding: .5em 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

#options, #content, #header, #legend {
	clear: both;

}

#legend {
	border: 1px dashed #3d3527;
	padding: 0.3em;
	float: right;
	width: 15em;
	margin-left: 1em;
	margin-bottom: 1em;
}

#legend h2 {
	font-size: 1.1em;
}

#legend dt {
	width: 50px;
	height: 1em;
	float: left;
	margin-right: 0.5em;
}

#legend dd {
	margin: 0.5em 0;
}

.now td, .new th {
/*		border-bottom: 1px solid #555;*/
}

.y {
	background-color: #CF9;
	color: #030;
}

tr:hover .y { background-color: #9F3; }

.a,
.alt_p .p, .alt_j .j {
	background-color: #CD5;
	color: #130;
}

tr:hover .a,
	tr:hover .alt_p .p, tr:hover .alt_j .j {
	background-color: #CC0;
	color: #130;
}

.n, .p, .j {
	background-color: #F99;
	color: #300;
}

tr:hover .n,
	tr:hover .p,
	tr:hover .j { background-color: #F66; }

.u {
	background-color: #CCC;
	color: #333;
}

.n a, #not_ready_note span {
	font-size: .83em;
	vertical-align: super;
	text-decoration: none;
}

#not_ready_note {
	border: 1px solid #3D3527;
	font-size: .8em;
	padding: .5em;
}

/* Accessible colors */
.access .y {
	background-color: #EEE;
	color: #222;
}

.access tr:hover .y { background-color: #FFF; }

.access .a,
.access .alt_p .p,
.access .alt_j .j {
	background-color: #CCC;
	color: #222;
}

.access tr:hover .a,
.access tr:hover .alt_p .p,
.access tr:hover .alt_j .j {
	background-color: #DDD;
	color: #222;
}

.access .n,
.access .p,
.access .j {
	background-color: #777;
	color: #000;
}

.access tr:hover .n,
.access	tr:hover .p,
.access	tr:hover .j { background-color: #888; }

.access .u,
.access	tr:hover .u {
	background-color: #000;
	color: #FFF;
}

.access .sum_cell {
	color: #000;
}


#content dl {
	margin-top: 0.2em;
	margin-bottom: 0;
}

#content div {
	margin: 2em 0;
	padding: 0.5em;
	background: #dac8a7;
}

#content dd,
#content dt {
	display: inline;
	margin: 0 0.4em;
}

tfoot td {
	padding-top: 0.4em;
	padding-left: 0.4em;
}

tr:hover .u { background-color: #AAA; }


#content a.permalink {
	font-size: small;
	color: #a08d69;
	text-decoration: none;
}

#content a.permalink:hover {
	text-decoration: underline;
	color: #593900;
}

p#showall {
	font-size: medium;
	margin: 0.5em;
	text-align: center;
}

#top_ad {
	float: left;
	text-align: center;
	margin: 1em 0 1em 25px;
}
#bottom_ad {
	margin: 0 auto;
	text-align: center;
}

iframe {
	margin: 0 auto;
	display: block;
	clear: both;
}