html,body {
  color: black;
  background: white;
  font-family: "Gill Sans", arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  line-height:1.2em;
}

p, li { margin-bottom:0.2em;}

a img { border: none;}

p {
  text-align: justify;
}

#tagline {
  padding: 10px 1em 40px 1em;
  margin: 0;
  color: white;
  font-size: 18pt;
  background: url('http://www.w3.org/Mobile/darkblue-bl') 0% 100% no-repeat;
  font-weight: bold;
  position: absolute;
  top: 0px; left: 290px; right: 0px;
}

/* anti-IE6 */
#tagline { width: 100%; }
html>body #tagline { width: auto; }

.mobileOnly, .mobileOnlyInline, .quickSidebar {
  display: none;
}

/* begin new title */

#titleW3CMWI{
	color: red; font-style: italic;
}

#titleW3CMWI .titleW3C {
  display: block; position: absolute; top: 12px; left: 10px; width: 87px; height: 43px; background: white url('http://www.w3.org/Mobile/W3C') no-repeat top left; border-right: 2px #777 solid;
}

 #titleW3CMWI .titleMWI {	 
   display: block; position: absolute; top: 12px; left: 105px; width: 157px; height: 65px; background: white url('http://www.w3.org/Mobile/MWI') no-repeat top left;}

/*
#titleW3CMWInv .titleW3Cnv {
  display: block; position: absolute; top: 12px; left: 10px; width: 87px; height: 43px; border-right: 2px #777 solid;
}
#titleW3CMWInv .titleMWInv {
  display: block; position: absolute; top: 12px; left: 105px; width: 157px; height: 65px; 
}

*/

#titleW3CMWI .titleW3C span.text, #titleW3CMWI .titleMWI	 span.text {
	display: none;
}

/* -- end title --  */


#footer .copyright {
  text-align: right;
  clear: both;
  margin: 0;
  padding: .5em 50px .5em .5em;
  background: #0B5B9D url('http://www.w3.org/Mobile/color_keys') no-repeat 99% 50%;
  color: white;
  font-size: .85em;
  left: 0; right: 0;  position: absolute;
}

body {
  margin: 100px 1em 0 22%;
  min-height: 440px;
}

.description {
  font-style: italic;
  color: #0B5B9D;
  background: #E2EDFE;
  padding: 0.3em;
  margin: 0 0 1em 0;
  -moz-border-radius: .9em;
  -webkit-border-radius: .9em;
  border-radius: .9em;
}

address {
  border-top: 1px #444 solid;
  margin: 1em 0 0 0;
  padding: .5em 0 .5em 0;
}


.newsentry h4, .newsentry h3 {
  color: #0B5B9D;
/*  margin-bottom: -12px; */
}

.newsentry .bComment {
  border-bottom: thin solid;
  margin-top: 1em;
  padding-bottom: 1em;
}

.newsentry h4.bCommentLeaveHead { 
  margin-bottom: 0.5em;
}

.newsentry .date, .newsentry .author {
  color: #888;
  font-size: .8em;
  font-weight: normal;
}

.newsentry address {
  border-top: none;
}

.newsentry .example {
  margin-left: 1em;
  padding-left: 0.3em;
  border-left: medium solid #CCC;
}

.newsentry .example img { 
  margin: 0.5em;
}

.newsentry .bp {
  margin-left: 2em;
  background: #EEE;
  max-width: 50em;
  font-weight: bold;
  padding: 0.3em;
}

.newsentry .bp p {
  margin: 0.5em;
}


#linkRSS {
  padding-left: 39px;
  background: url('http://www.w3.org/blog/img/xml') no-repeat left center;
}


abbr, acronym { border-bottom: none; cursor: help; }

table { border-collapse: collapse; }
table, table td, table th { border: 1px #888 solid; }

/* roadmap */

table.roadmap th { padding: .2em .5em .2em .5em; width: 10%; background: #eee; }
table.roadmap, table.roadmap caption { margin: 0 auto 0 auto; text-align: center; padding: 0; }

table.roadmap tr td						{ background-color: #ffe; }
table.roadmap tr td+td					{ background-color: #ffd; }
table.roadmap tr td+td+td				{ background-color: #ffc; }
table.roadmap tr td+td+td+td				{ background-color: #ffb; }
table.roadmap tr td+td+td+td+td			{ background-color: #ffa; }
table.roadmap tr td+td+td+td+td+td		{ background-color: #ff9; }
table.roadmap tr td+td+td+td+td+td+td		{ background-color: #ff8; }
table.roadmap tr td+td+td+td+td+td+td+td	{ background-color: #ff7; }
/* stops so that Rec and Note have same color */

table.roadmap td.no, table.roadmap th.no { background-color: #fff; color: #bbb; font-size: .75em; }

/* end roadmap */

/* menu */

/* --- v2 --- */

#sidebar {
  margin: 0;
  padding: 0 .5em 0 .5em;
  font-size: 90%;
  position: absolute;
  top: 8em; left: 0px;
  width: 19%;
}

#sidebar ul,#sidebar ol, #sidebar li { margin: 0; padding: 0; list-style-type: none; background: white; }

#sidebar .uberTitle span { display: block; color: white; background: #0b5b9d url(http://www.w3.org/2008/02/mwi/images/top-right-corner2) no-repeat top right;}

/* round edges */
#sidebar .uberTitle span.uts { background: #0b5b9d url(http://www.w3.org/2008/02/mwi/images/top-left-corner2) no-repeat top left !important; padding-left: 9px; }
#sidebar .uberTitle span.uts a { display: inline; color: white; }

#sidebar .backToTop { background: #0b5b9d url(../images/bottom-left-corner2) no-repeat bottom left !important; margin: -1px 3px 0 3px; padding-bottom: 0px; }
#sidebar .backToTop span { text-align: right; display: block; background: url(../images/bottom-right-corner2) no-repeat bottom right !important; margin-right: -3px;}
#sidebar .backToTop a { display: none; }


#sidebar a { display: block; }
/* #sidebar li.uberTitle li * { background: white; color: black; } */

#sidebar li.sectionTitle { list-style-type: none; border-top: 1px #0B5B9D solid; background: #E2EDFE; }



/* #sidebar li.sectionTitle span { display: block; background: #E2EDFE; } */

#sidebar .sectionTitle ul li { margin-left: 1.6em; list-style-image: url('http://www.w3.org/Mobile/color_key_4');}

#sidebar li { padding: .2em .2em .1em .2em; }
#sidebar ol { border-bottom: 1px #0B5B9D solid; }

/* ----- PhilA added 8/4/09 ------ */
#sidebar ul ol li.divider {background-color: #0b5b9d; color:#fff; font-weight:bold; padding-left:9px}


#sidebar .memberonly { background: #fdc !important; }
#sidebar ul ul .memberonly, #sidebar .memberonly li{ list-style-image: url('http://www.w3.org/Mobile/color_key_8') !important; }

/* #sidebar li li li { padding-left: 0; } */
/* --- end v2 --- */

body.memberOnly .description { background: #fdc !important; color: #CE161D; }
body.memberOnly h2 { border-color: #CE161D; }


a:link { color: #0B5B9D; }
a:visited { color: #002B6D; }
#sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
/* end menu */

h1 {
	color: black;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.15em;
}
/* except for this one (home page): */
h1#titleW3CMWI { background: none; padding: 0; min-height: 0;}

h2 { border-bottom: 1px #95BDFB solid; font-size: 1.2em; padding-bottom: 4px; margin-top: 1em; }

#main ul { padding-left: 0; }
#main li { margin-left: 1em;}
#main { min-height: 350px; margin-top:7em}

/* homepage outlined boxes */

#todaysSponsor, #nextevent,#tipoftheday,#news, #check{
  width: 47%;
}


#more { clear:left;}

#todaysSponsor, #tipoftheday, #nextevent, #news, #check {
  border: 2px solid;
  border-top: 1px solid;
  padding: 0;
  margin: 0;
  margin-top: .8em;
  font-size: 90%;
  float:left;
  min-height:15em;
  overflow:auto;
}

#tipoftheday p, #nextevent ul, #todaysSponsor p,  #nextevent p, #news ul, #news p, #check p, #todaysSponsor ol {
  margin-top: 0;
  padding:0.2em .8em;
  margin-bottom: 0;
}

#tipoftheday h2, #todaysSponsor h2, #nextevent h2, #news h2, #check h2 {
  margin: 0;
  padding: .2em;
  color: white;
  font-size: 1.3em;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
}

#todaysSponsor img.todaysSponsorLogo {
  float: left;
  padding-right: .5em;
}

#todaysSponsor .noText { text-align: center;}
#todaysSponsor .noText img.todaysSponsorLogo { float: none !important;}
/* anti-IE6 trick */
#todaysSponsor>.noText img.todaysSponsorLogo { padding-top: 2.5em; padding-bottom: 1em; }

#tipoftheday {
  border-color: #8cc63f;
}
#todaysSponsor, #check { margin-left:0.8em;}

#nextevent, #todaysSponsor {  border-color: #E2EDFE;}

#nextevent { clear:left;}

#todaysSponsor h2, #nextevent h2 {
  background-color: #005a9c;
}
#tipoftheday h2 {
  background: #8cc63f;
}

#news, #check {
  border-color: #005a9c;
}

#news h2, #check h2 {
  background: #E2EDFE;
  color: #0B5B9D;
}

p.sponsorTestimonial img {
  float: left; margin-left: -130px;
  border: 0;
}
p.sponsorTestimonial { margin-left: 130px; }

#todaysSponsor p.sponsorTestimonial { margin: 0; }
#todaysSponsor img { margin: 0; }

p.sponsorTestimonial+p.sponsorTestimonial {
  padding-top: 1em;
}

#nextevent0 { clear:both;}

/* end homepage outlined boxes */

address,p.sponsorTestimonial {
  clear: both;
}



@media print {
	body { font-size: .9em; }
	#sidebar { display: none; }
	#main { margin-left: 1em; }
	address { margin-left: 1em; }
}

img.illustration { display:block;float:left; margin-right:0.5em;}

/* Added for mobileOK Pythia pages */
h1 .tagline {
 font-size: 0.7em;
}
div.warning {
 background-color: #ff9;
 border: 1px solid red;
 padding: 5px;
}
div.warning p {
 margin: 0;
}