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


/*************************************************
Headings
*************************************************/
h1,
h2,
h3 {
 font: bold 130% Arial, Arial, Sans-Serif;
}

h2 {
 font-size: 120%;
}

h3 {
 font-size: 100%;
}

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: 0.85em Verdana, Arial, Sans-Serif;
 line-height: 1.6em;
 background: #166c9b repeat-x fixed left top;
 /* background: #A6C760 repeat-x fixed left top; */
}


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


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

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

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

#top p {
 font-size: 1.5em;
 line-height: 2em;
 padding: 0px 0 0 25px;
 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;
 padding: 0.5em ;
 background-color: white;
 color: black;
 overflow: auto;
}

#topmenu li a {
 color: black;
 font-weight: bold;
 text-align: left;
 padding-left: 10px;
 padding-right: 15px;
 text-decoration: none;
 background: transparent;
}

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


/*************************************************
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 Arial, Arial, Sans-Serif;
 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 {
 background: #dbffc6 repeat-x fixed left top;
}

/*************************************************
Content section
*************************************************/
#content 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,
#contentlg h3 {
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 margin-top: 1em;
 margin-bottom: 0.5em;
 color: #9A0000;
}


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


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


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


/*************************************************
Berlin picture
*************************************************/
#pics {
 margin-left: 25px;
}

/*************************************************
Tweetmeme
*************************************************/
#tweetmeme {
 width: 5em;
 float: right;
 margin-top: 0.5em;
}


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


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

li.selected {
 list-style-image: url("http://www.w3.org/2010/06/w3car/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;
}