/*************************************************
Suppress all margins
*************************************************/
* {
 padding: 0;
 margin: 0;
}


/*************************************************
Headings
*************************************************/
h1,
h2,
h3 {
 font: bold 130%;
}

h1 {
 font-size: 140%;
}

h2 {
 font-size: 120%;
}

h3 {
 font-size: 110%;
}

h4 {
 font-size: 100%;
}


/*************************************************
Regular tags
*************************************************/
p {
 padding-bottom: 10px;
}

ol, ul {
 margin-left: 3em;
 margin-bottom: 1em;
}

ul li {
 list-style-type: square;
}

a:link,
a:visited,
a:hover,
a:active {
 color: #1C1C1C;
/* font-family: Arial,Helvetica,Sans-Serif;*/
 font-style: normal;
 text-decoration:underline;
}

a img {
 border: none;
}

hr {
 margin-top: 2em;
}


/*************************************************
Body color and font
*************************************************/
body {
 font: 1.1em Verdana, Arial, Sans-Serif;
 line-height: 1.3em;
 background: #005A9C repeat-x fixed left top;
}


/*************************************************
Content wrapper (centered on screen on white bg)
*************************************************/
#wrap {
 margin: 0 auto;
 width: 97%;
 background-color: white;
 color: #333; 
}

/*************************************************
Content wrapper (centered on screen on white bg)
*************************************************/
#car { overflow: hidden; width: 100% }


/*************************************************
Top section
*************************************************/
#top {
 margin-top: 1em;
 padding: 2em 2em 0 2em;
 background-color: white;
 color: black;
}

#top h1 {
 padding-top: 10px;
 color: #42413E;
 font-size: 160%;
 background: transparent;
}

#top h2 {
 padding-top: 10px;
 color:#42413E;
 font-size: 120%;
 background: transparent;
}

#top p {
 padding-top: 10px;
 font-size: 1.5em;
 color: #666666;
 background: transparent;
 font-weight: bold;
}

.tagline a {
 color: #42413E;
 text-decoration: none;
 /* border-bottom: 1px dashed; */
}

#top .padding {
 padding-top: 5px;
}


/*************************************************
Top menu section
*************************************************/
#topmenu {
 margin-bottom: 1em;
 background-color: white;
 color: black;
 overflow: auto;
 font-size: .65em;
 list-style: none;
}

#topmenu li a {
 color: #333;
 font-weight: bold;
 text-decoration:none;
 padding:5px 0;
 width:150px;
 /* background:#485e49; */
 background:#005A9C;
 color:#eee;
 float:left;
 text-align:center;
 border-left:1px solid #fff;
}

#topmenu li { 
 float: left;
 font-size: 100%;
 white-space: nowrap;
 list-style-type: none;
}

#topmenu li a:hover {
 background:#a2b3a1;
 color:#000
}

/*************************************************
Main wrapper
*************************************************/
#main { 
 padding: 0px 10px 10px 10px;
}


/*************************************************
Important and Chairs and PC sections
(news, important dates and links)
*************************************************/
#important {
 color: #666;
 font-size: 0.85em;
}

#chairs-pc {
 color: black;
 font-size: 0.80em;
}

#important a {
padding-bottom: 10px;
}

#important h2,
#chairs-pc h2 {
 font: bold 1.2em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 color: #148080;
}

#chairs-pc ul {
 margin-left: 0;
}

#chairs-pc li {
 list-style-type: none;
}

#chairs-pc .box + div {
 background: #f7a481 repeat-x fixed left top;
}

#chairs-pc .box {
 background: #ffffff repeat-x fixed left top;
}
/*************************************************
Content section
*************************************************/

#subcontent {
    width: 80%;
}


#content h2,
#subcontent h2,
#contentlg h2 {
 border-bottom: 1px dashed #555;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 margin-top: 1em;
 margin-bottom: 1em; 
 color: #404040; 
 text-indent: 17px;
 background: white url(head.gif) no-repeat left;
}

#content h3,
#subcontent h3,
#contentlg h3 {
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 margin-top: 1em;
 margin-bottom: 0.5em;
 color: #F74900;
 font-size: 150%;
}

#content p, #content > ul li, #subcontent p, #subcontent > ul li {
  font-size: 0.9em;
}

#content > ul li ul li, #subcontent > ul li ul li{
  font-size: 1em;
}

/*************************************************
Footer section
*************************************************/
#footer {
 clear: both;
 min-height: 55px;
 margin: 1em;
 padding: 0.5em;
 font-size: 75%;
 color: #555;
}


/*************************************************
Box block
*************************************************/
.box {
 border: 1px dashed #555;
 margin-bottom: 10px;
 margin-top: 10px;
 margin-left: 10px;
 padding: 5px;
}

.box p {
 font-size:0.9em;
 line-height: 1.5em;
}

/*************************************************
Centered
*************************************************/
.centered {
 text-align: center;
}

/*************************************************
HTML5 logo
*************************************************/
.html5logo {
 float: right;
}

/*************************************************
Tweetmeme
*************************************************/
#tweetmeme {
 width: 3em;
 padding-bottom: 5px;
 float: right;
}


/*************************************************
Agenda
*************************************************/
#day1 h3,
#day2 h3,
#minutes h2 {
 font-size: 120%;
 color: #42413E;
 background-color: #A6C760;
 text-align: center;
 margin-top: 2em;
 margin-bottom: 1.5em;
}

dl p {
 padding-bottom: 0;
}

dt {
 font-weight: bold;
 padding-right: 1em;
 float: left;
}

dd {
 margin-bottom: 2em;
}

dl .topic {
 font-size: 120%;
 font-weight: bold;
 font-style: italic;
 border-bottom: 1px solid #A6C760;
}

dl .logistics {
 font-style: italic;
}

dl ul {
 margin-left: 2em;
}

.duration {
 color: #999;
}

.moderator {
 font-size: 90%;
}

.minutes {
 font-size: 90%;
 margin-left: 1em;
 margin-top: -1em;
}

.topic {
 font-style: italic;
 border: 1px solid #A6C760;
 background-color: #FFFFCC;
 font-size: 90%;
 margin-left: 1em;
 margin-top: .5em;
  margin-right: 3em;
 margin-bottom: .5em;
 padding-left: 10px;
}


/*************************************************
Papers
*************************************************/
span.selected {
 display: none;
}

li.selected {
 list-style-image: url("CheckMark.png");
 list-style-type: none;
}


/*************************************************
Minutes
*************************************************/
#minutes h2 {
 padding: 0.3em;
}

#minutes dt {
 float: none;
}

#minutes h3 {
 font-size: 120%;
 font-weight: bold;
 font-style: italic;
 border-bottom: 1px solid #A6C760;
}

#minutes .moderator {
 margin-left: 2em;
 margin-top: -1em;
 font-size: 100%;
 font-weight: bold;
}

.agendaref {
 margin-left: 2em;
 font-style: italic;
}

.break {
 font-style: italic;
 margin-bottom: 0.em;
}

.ednote {
color: red;
}

div.agenda {

  font-size: 80%;
}


/*************************************************
Summary
*************************************************/
table {
 border-spacing: 0;
}

th, td {
 border: 1px solid #42413E;
}

th {
 background-color: #A6C760;
 color: black;
}

@media print {
  body, #content, div.box { color: black;
  }
}

/* from /2013/04/odw/agenda.php */
    dt, dd {
      float:none;
      background-position: right;
      background-repeat: no-repeat;
    }
    .spaceAbove {margin-top:1em}
    dt time {font-weight:bold; padding-right:1em}
    dt.break {background-image: url(http://www.w3.org/2012/06/pmod/cup.png); min-height:50px}
    dt.info {background-image: url(http://www.w3.org/2012/06/pmod/i.png); min-height:54px}
    dt.session {background-image: url(http://www.w3.org/2012/06/pmod/presenter.png); min-height:66px}
    dt.panel {background-image: url(http://www.w3.org/2012/06/pmod/panel.png); min-height:50px}
    dt.lunch {background-image: url(http://www.w3.org/2012/06/pmod/cutlery.png); min-height:50px}
    dt.drinks {background-image: url(http://www.w3.org/2012/06/pmod/glass.png); min-height:80px}
    dt, dd {margin-bottom: 0.3em}

    dd, span.subHead {margin-left:5em}

    span.subHead {
      display:block;
      font-size:smaller;
    }

/*    span.speaker {font-weight:normal; color:#A6C760}
    span.affiliation {font-weight:normal} */
    span.paperLinks {font-size:small; font-weight:normal}

    div.abstract {
      background-color:#ccc;
      font-size:70%;
      line-height:80%;
      font-weight:normal;
      padding:0.3em;
      border: 1px solid #A6C760;
    }

    div.abstract p.hideIt {text-align:right; font-size:small; font-style:italic}

    aside#_60 {
      width:1.2em;
      height: 1.2em;
      text-align:center;
      background-color:#8E0303;
      color: white;
      border-radius: 4em;
      border: medium solid red;
      font-size: 2em;
      float:right;
    }

    aside#_60 span {position:relative; top: 0.3em}

/* from ericP */
.ptopic {
 font-style: italic;
 border: 1px solid #A6C760;
 background-color: #FFFFCC;
 font-size: 60%;
 margin-left: 1em;
 margin-top: .5em;
  margin-right: 3em;
 margin-bottom: .5em;
 padding-left: 10px;
}