html { font-size: 16px; }
body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; color: #555555; }
a { color: #0F67A1; text-decoration: none; }
a:hover { text-decoration: underline; }

/*#wrapper { background: white url(../images/sidebar_bg.jpg) repeat-y top right; }*/

#content { }
  #content h1 { font-size: 2.4em; font-weight: normal; line-height: 32px; margin: 30px 0 50px 0; }
  #content p { font-size: 1.4em; line-height: 22px; margin-bottom: 20px; }
  
  /* relevant for the experiment - start */
  #pairswrapper { width: 445px; height: 420px; position:absolute;left:50%;top:298px;}
  #wrapper{
	position:absolute;left:-80px;top:5px;width:560px;
}
    #information { position: absolute; width: 525px; height: 420px; background: transparent; top: 0; left: 0; color: black;  }
      #information h1, #steps { text-align: center; font-family: Arial, sans-serif; font-size: 32px;margin-top:50px; }
      #information p { text-align: center; padding: 30px; }
    
    #pictures { position: absolute; top: 0; left: 0; }
      .picture { width: 105px; height: 105px; background: url(../images/field_bg.jpg); float: left;overflow:hidden; }
      .picture img { display: none; }
  
  #steps { font-size: 52px; padding: 20px 0 20px 0; }
  /* relevant for the experiment - end */
  
#footer { text-align: center; margin: 50px 0 20px 0; }

#sidebar { }
  #sidebar ul { margin-top: 20px; }
  #sidebar ul li { font-size: 1.2em; padding: 20px 0 20px 0; border-bottom: 0px solid #dddcdc; line-height: 18px; }
  #sidebar ul li h2 { font-size: 1.2em; margin-bottom: 8px; }