/* OMWeb Colours
  blue 0, 98, 172 (#0062AC)
  light blue 102, 165, 207 (#66A5CF)
  pink 237, 129, 160 (#ED81A0)
  yellow 252, 206, 89 (#FCCE59)
  red 226, 0, 26 (#E2001A)
  green 178, 204, 86 (#B2CC56)
  purple 129, 64, 143 (#81408F)

  W3C Blue is #0B5B9D

  */

  /* Now we set up some classes to apply these colours. Need to have two, one for the border and one for the element colour */

  .omlblue {color:#66A5CF;}
  .ompink {color:#ED81A0;}
  .omyellow {color:#FCCE59;}
  .omred {color:#E2001A;}
  .omgreen {color:#B2CC56;}
  .ompurple {color:#81408F;}


  .lblueBorder {border-color:#66A5CF;}
  .pinkBorder {border-color:#ED81A0;}
  .yellowBorder {border-color:#FCCE59;}
  .redBorder {border-color:#E2001A;}
  .greenBorder {border-color:#B2CC56;}
  .purpleBorder {border-color:#81408F;}
  .blackBorder {border-color:#000;}


  h2, #footer .copyright {
    background-image: url(http://www.w3.org/2010/09/colour_drops.gif);
    padding-right:70px;
  }

  div.week {
	border-left-width: 1em; 
	border-left-style:solid; 
	padding-left: 1em; 
	list-style-type:none;
	margin:0.2em 0;
}

  div.week h3 {
    border-bottom:2px solid black;
  }

  div.week span {
    font-style: italic;
    padding-right:1em;
  }

  div#week0, div#week0 h3 {
    border-color: #B2CC56;	/* Green */
  }

  div#week0 h3 span{
    color: #B2CC56;	/* Green */
  }

  div#week1, div#week1 h3 {
    border-color: #E2001A;	/* Red */
  }
  div#week1 h3 span{
    color: #E2001A;	/* Red */
  }

  div#week2, div#week2 h3 {
    border-color: #66A5CF;	/* light blue */
  }
  div#week2 h3 span{
    color: #66A5CF;	/* Light Blue */
  }

  div#week3, div#week3 h3 {
    border-color: #ED81A0;	/* Pink */
  }
  div#week3 h3 span{
    color: #ED81A0;	/* Pink */
  }

  div#week4, div#week4 h3 {
    border-color: #FCCE59;	/* yellow */
  }
  div#week4 h3 span{
    color: #FCCE59;	/* Yellow */
  }

  div#week5, div#week5 h3 {
    border-color: #81408F;	/* Purple */
  }
  div#week5 h3 span{
    color: #81408F;	/* Purple */
  }

  div#week6, div#week6 h3 {
    border-color: #66A5CF;	/* Black */
  }
  div#week6 h3 span{
    color: #66A5CF;	/* Black */
  }

  div#pnglogo, div#svglogo {
    float:left;
    text-align:center;
    margin-left:1em;
    margin-bottom: 2em;
    border: 1px solid black;
  }

  div#pnglogo img, div#svglogo object {
    width: 100%;
    display:inline;
  }

  div #enlarger {
    width:12em;
    float:left;
    padding: 2em 0 0 1em;
  }

  div #enlarger a {
    border:medium outset black;
    background-color:#0B5B9D;
    color:white;
    padding:0.2em 1em;    
  }

  div.imgHolder {
    text-align:center;
    margin: 0 auto;
  }

  div.imgHolder span {
    font-weight:bold;
    font-size:smaller;
  }

  div.imgHolder img {
    margin-bottom:1em;
  }

  div.foaf-person {
    padding-bottom: 1em;
    border-bottom: 1px solid black;
    margin-bottom: 1em;
  }


  div.foaf-person address {
    border-top-width:0;
    text-align:right;
  }

  /* remove grey border on W3C logo (that separates it from MWI logo) */

  #titleW3CMWI .titleW3C {
    border-right-width:0;
  }

.register a, div.online {
  background-image: url('http://www.w3.org/2010/09/colour_drops.gif');
}