body {
	font: normal 71.43% sans-serif;
}

#container,
#footer {
	margin-right: 2%;
}

#footer .content { 
/*   text-align: center;*/
   margin: 0;
   padding: 0;
}

#footer .menu { 
   text-align: center;
}

#footer .menu li { 
   display: inline; 
   padding-left: 2em;
}

/* for left menus */

#nav-sub  h4, #related  h4 {
  font-size: larger;
  border-bottom: thin grey solid;
  margin: 0 0 .5em 0;
}

#nav-sub ul li ul, #related ul li ul{
  margin-left: 1.5em;
}

#nav-sub ul li {
  padding-left: .5em;
}

/*
.techstatus {
   width: 45%;
   float: left;
   margin-top: 0;
}

.techstatus h3 {
   margin-top: 0;
   border-bottom: thin grey solid;
}

.techstatus ul {
   padding-left: 1em;
}
*/

/* For different top nav style */


body.sect-standards li#nav-standards,
body.sect-participation li#nav-participation,
body.sect-calendar li#nav-calendar,
body.sect-about li#nav-about,
body.sect-membership li#nav-membership {
	margin-top: -3px;
/*	position: static;*/
	top: 0;
}


body.sect-standards li#nav-standards a,
body.sect-participation li#nav-participation a,
body.sect-about li#nav-about a,
body.sect-membership li#nav-membership a
{
        background: none;
	border-top: none;
	border-bottom: inherit;
	font-weight: normal;
	margin-left: 0;
	margin-top: 3px;
	position: static;
	top: 3px;
}


body.sect-standards li#nav-standards a:hover,
body.sect-standards li#nav-standards a:focus,
body.sect-participation li#nav-participation a:hover,
body.sect-participation li#nav-participation a:focus,
body.sect-about li#nav-about a:hover,
body.sect-about li#nav-about a:focus,
body.sect-membership li#nav-membership a:hover,
body.sect-membership li#nav-membership a:focus 
{
	background: url("../20080229/-/img/nav-over.png");
	border-bottom: 3px solid #4574d1;
	border-top: none;
	font-weight: normal;
	margin-left: 0;
	margin-top: 3px;
	position: static;
	top: 3px;
}

/* For span instead of a when on current top page */

body.layout-narrow #nav span {
	padding: 1em;
}

#nav li span {
        font-size: .9em;
	color: #333;
	display: block;
	font-weight: normal; 
	letter-spacing: 0.1em;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 2em 1em;
}




/* Less vert space at top */

#context div.content {
	padding: 3em 2.702702702703% 1.5em;
}

/* Member only color */

/*
body.members-only #context, 
body.members-only #title,
body.members-only #footer {
	background: #CB997A;
}
*/


/* top menu size slightly smaller */

#nav a {
   font-size: .9em;
}

/* Different "current" highlight for lists */

#nav-sub li a.current {
	margin-left: -.5em;
	padding-left: .5em;
	background: url("../20080229/-/img/subnav-active.gif") no-repeat 0 50%;
	font-size: 1em;
	letter-spacing: 0;
	color: #555;
	cursor: text;
	text-decoration: none;
	text-transform: none;
}


/* Make motto a bit smaller */

#about-w3c .intro p {
   font-size: 1.1em;
}

/* Make navigation thingies easier to see when not hovered. */


ul#slide-nav a {
	opacity: 0.5;
}


/* Heading spacing */

 #main h2, #main h3, #main h4, #main h5, #main h6 {
 padding-top: .75em;
 padding-bottom: 0;
 }


/* H1#title spacing */

 #title {
 padding: .5em 2.042900919305%;
 margin-left: 23%;
 position: relative;  
 } 

/* The following does not center image after resize */

 h1#title img {
   position: absolute;
   padding: 0;
   right: 2.702702702703%;
   top: 10%;
   margin-top: 0;
 } 

/* To get equal margin on either side of search box */


#context form {
	margin-top: 1em;
	margin-bottom: 1em;
}

#history li { 
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Use images for >> since IE does not do content */

/*
#history a:after {
  content: "»";
  padding-left: 1em;
}

#history a {
	background: none;
	color: #676767;
	display: block;
	font-weight: normal;
	padding-right: 1em;
}
*/

#context div.content {
	padding: 1em 2.702702702703%;
}

/* Home page image */

#about-w3c {
	background: #CCC url("../20080229/-/img/greycol.gif") repeat-y 0% 0%;
}

#about-w3c .content {
	background-color: white;
}

#about-w3c .intro {
    background-color: #CCC;
}

/* Suppress image on regular pages */

/*
#context {
	background-image: none;
        background-color: #CB997A;
}
*/

body.sect-home #footer div.content {
	margin-left: 27%;
}

/* Top pages (standards, participate, about, members, member home) */


/* Different green for testimonial */

#featured-story {
	background: #e4edd2;
}

#featured-story a, #footer a {
	color: #036;
}

#featured-story h2, #featured-story h3 {
	color: #000;
}


/* margin after h2 on home page */

#explore-w3c h2 {
	margin-bottom: 2em;
}

body.sect-home #nav-sub h2 {
	margin-bottom: 2em;
}

#features dt {
	margin-bottom: 2em;
}

/* Links on home page to upcoming, recent */

#whatsnew {
  margin-bottom: 0;
}

#upcominglinks {
 margin-top: -1em; 
 margin-bottom: .5em;
}

/* For landing pages */

.topblock {
	  margin-top: 1em;
          margin-bottom: 2em;
}

#main .topblock h2
 {
        padding: 0;
	font-size: 1em;
}


#main .topblock h2 img {
      float: left;
      padding-right: 10px;
/*	left: -44px;*/
	height: 44px;	/* Thanks, Safari! */
	width: 44px;
}


#main .topblock p, #main .topblock ul {
      margin-left: 54px;
}

#main .topblock h2 {
      margin-bottom: 0;
}

#main .topblock p {
      margin-top: 0;
}

#history a {
    display: inline;
	background: inherit;
	padding-right: 0;
}

.sep {
   padding: 0 1em;
}

/* Use h3 instead of dl on home list of standards */

#explore-w3c .additional h3 {
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.75;
text-transform: uppercase;
}

#explore-w3c .additional h3 img {
position: absolute;
left: -44px;
height: 44px;/* Thanks, Safari! */
width: 44px;
}

#explore-w3c .additional ul {
font-size: 1.1em;
line-height: 1.272727272727273;/* 14px / 11px = 1.272727272727273 */
min-height: 4em;
padding-bottom: 1em;
}

/* Home page bottom features; use h3 instead of dl */

.feature {
	float: left;
	line-height: 1.545454545454546;	/* 17px / 11px = 1.545454545454546 */
	margin-right: 2.668759811617%;
	width: 31.5541601255887%;
}

.feature.last {
	margin-right: 0;
}

.feature h3 {
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 2em;
	text-transform: uppercase;
}

.feature li {
	 margin-bottom: .5em;
}

/* For sufficient contract */

#footer {
	background: #B2D1E7;
	color: #000;
}

/* Align "news" with "upcoming" on bucket page */

#latest {
  margin-top: 0;
}

/* For status info on status group page */

.statusinfo  {
 font-size: .9em;
}

/* Want results class, not just id */

ol.results,
ol.results li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

ol.results dt {
	font-size: 1.166666666666667em;	/* 14px / 12px = 1.166666666666667em */
}

ol.results cite {
	font-style: normal;
}

ol.results li {
	border-bottom: 1px solid #CCC;
	padding: 1em 0;
}

ol.results p {
	margin: 0;
}

/* Home page news headline */

#about-w3c .content h2 {
	font-size: 1.3em;
}

.postnews {
   margin-top: 1.5em;
}

.postnews li {
   display: inline;
   }


/* Member only style changes */

body.members-only #title { 
	background: #B2D1E7;
}

/* Line height fixes */

#related, .feature li, #nav-sub li {
	line-height: 1.3;
}

#related {
	font-size: 1.1em;
}

#related li {
	margin-bottom: .7em;
}

/* Home page testimonial adjustment from i to span */

#featured-story h3 span {
	float: left;
	margin-right: 5%;
	width: 35%;
}

/* Status badge in specs */

p#status {
	margin-bottom: 1em;
        margin-top: 1em;
}


/* Hiding stuff */

ul.hierarchy li.closed p {
	display: none;
}

/* Badge color */

.spechighlight {
	background: #FC6;
	color: #000;
}

span.spechilight {
	padding: .25em;
}

/* At the front of a spec; links to status info */

#docmeta h2 {
 font-size: 1.2em;
}

#docmeta tr td ul {
  padding: 0;
  margin: 0;
}

#docmeta tr td ul li {
  list-style: none;
  margin-left: 0;
}

#docmeta table td {
  font-size: .9em;
}

#docmeta table {
       clear:both
    }

#docmeta table th, #docmeta table td {
      text-align: left;
      padding: .5em 1em .5em 0;
    }

#docmeta    table, #docmeta table th, #docmeta table td {
      background: transparent;
      vertical-align: top;
    }

#docmeta table td, #docmeta table th { 
      border-top: 1px solid #777;  
    }

/* For spec pages */

#main table.spectable tbody tr td, #main table.spectable tbody tr th {
    padding-bottom: 1em;
}

/* General list */

#main ul {
	margin: 1em 1em;
}

/* Alternative to hiding the column */

#doc-toggle2 {
 float: right;
 width: 23%;
 background-image: url("../20080229/-/img/ico-minus.gif");
 background-repeat: no-repeat;
 background-position: 0 .3em;
}

body.full-content #doc-toggle2 {
 background-image: url("../20080229/-/img/ico-plus.gif");
 background-repeat: no-repeat;
 background-position: 0 .3em;
}

#doc-toggle2 a { 
 padding-left: 1em;
 padding-bottom: .25em;	
 border-bottom: thin grey dotted;
}

/* re-indent; check on this when merging */

#main dd { 
  margin-left: 1em
}

/* Signature style */

#footer address {
   font-size: inherit;
   font-style: inherit;
   text-align: left;
   margin-right: 1em;
}

#footer address:before {
   content: "";
}

#footer address, #footer #feedback { 
   float: left; 
   display: inline; 
}

#footer #copyright { 
  margin-left: 1em;
  display: inline 
  }

/* clearing on <li class="top"> */

li.top {
   clear: both;
}

li.top p.summary {
   float: left;
   width: 60%;
   padding-right: 1em;
   border-right: thin grey solid;
}

li.top ul.groupres {
   padding-left: 60%;
   padding-top: .5em;
}

#main ul.hierarchy ul.groupres ul, #main ul.hierarchy ul.groupres ul li.morelist {
	margin-left: 0em;
}


html.can-has-js #main ul.hierarchy .section {
	text-transform: none;
}


html.can-has-js #main ul.hierarchy ul.groupres ul .section .closed {
	background: white url("../20080229/-/img/ico-plus.gif") no-repeat 0 .7em;
}

html.can-has-js #main ul.hierarchy ul.groupres ul .section .open {
	background: white url("../20080229/-/img/ico-minus.gif") no-repeat 0 .7em;
	display: block;
	text-transform: none;
}

html.can-has-js #main ul.hierarchy ul.groupres ul li {
	list-style: none;
	margin-left: 0;
}



/* Section navigation (second level nav) */

ul.section-nav {
	border: 1px solid #BCBCBC;
	border-width: 0 0 1px;
	text-transform: none;
}

ul.section-nav a {
	padding: .5em 0;
}