<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="ecal2015-v2.css" rel="stylesheet" type="text/css" media="all" />
<title>ECAL 2015</title>
</head>
<body>
<div id="main">
  <div id="header">    
    <div id="logo">
       <img id="main-logo" src="ecal_logo2.png">
    </div>  <!-- logo -->
    <div id="details">
      <h1>European Conference on Artificial Life</h1>
      <h2>20-24 July 2015</h2>
      <h2>York, UK</h2>      
    </div>
    <div id="menu">
      <ul>
        <li><a href="index.html">Home</a></li>               
        <li><a href="contact.html">Contact</a></li>  
        <li><a href="location.html">Location</a></li>  
        <li><a href="committee.html">Organisers</a></li>                
        <li><a href="sponsors.html">Sponsors</a></li> 
        <li><a href="proceedings.html">Proceedings</a></li>
        <li><a href="archive.html">Archive</a></li>                                               
        <li><a href="programme.html">Programme</a></li>              
        <li><a href="schedule-overview.html">Schedule</a></li> 
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="tutorials.html">Tutorials</a></li>          
        <li><a href="specialsessions.html">Special Sessions</a></li>
        <li><a href="summerschool.html">Summer School</a></li>        
        
        <li><a href="presenters.html">Information for Presenters</a></li>
        <li><a href="attendees.html">Information for Attendees</a></li>
        
        <li><a href="antiharassment.html">Anti-Harassment Policy</a></li>
        
      </ul>    
    </div> <!-- menu -->
  </div> <!-- header -->

    <div id="content">
html {
    overflow-y: scroll;
}

body {
   background: #E0E0E0;
   font-family: Verdana, sans-serif;
   background-image: url("background3.png")
}

#main {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background: white;
  overflow: hidden;
  border-radius: 10px;
  /*border-top-right-radius: 10px;*/
  padding: 20px 15px 10px 15px;  
  margin-top: 10px;
  border: solid rgb(163,152,50) 3px;
  /*border-bottom: solid rgb(163,152,50) 10px;*/
}

#content {
  padding: 10px 30px 15px 30px;
  margin-top: 10px;
  text-align: justify;
  background: #FFFFFF;
  overflow: auto;
  border-top: solid rgb(163,152,50) 3px;
  border-left: solid rgb(163,152,50) 3px;
  border-right: solid rgb(163,152,50) 3px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#content h2 {
  font-size: 160%;
  color: rgb(3,66,51);
  margin: 10px 0px 10px 0px;
}

#content h3 {
  font-size: 135%;
  color: rgb(3,66,51);
  margin: 10px 0px 10px 0px;
}

#content strong {
  color: rgb(3,66,51);
}

#content p {
    margin: 0;
    padding: 0px 0px 10px 0px;
    line-height: 140%;
}

#footer {
  background: #FFFFFF;
  overflow: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 30px 15px 30px;
  
  border: solid rgb(163,152,50) 3px;
  margin-bottom: 20px;
}

#footer p {
    margin: 0;
    padding: 10px 0px 0px 0px;
    line-height: 140%;
}

a {
    color: rgb(124,118,43);
    text-decoration: none;
    font-weight: bold;
}


a:hover {
  text-decoration: underline;
  color: rgb(85,82,37);
}



/** MENU */

#menu
{
  overflow: auto;  
  display: inline-block;  
  /*border: solid black 1px;*/
  margin: 0;  
  margin-top: 5px;
}

#details
{
  /*border: solid black 1px;*/
  float: right;
  overflow: auto;
  display: inline-block;
  /*width: 650px;*/
  padding-right: 10px;
}

#menu ul
{
  /*float: right;*/
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li
{
  float: left;
  padding: 10px 15px 5px 15px;
/*    background: #000000;*/
}

#menu a
{
  font-family: sans-serif;
  color: rgb(124,118,43);

  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

#menu a:hover
{
  text-decoration: underline;
  color: rgb(85,82,37);
}

#logo {
  overflow: hidden;
  /*padding: 10px 10px 10px 10px;*/
  margin: 0px;  
  font-family: sans-serif;
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 15px;
  /*border: solid black 1px;*/
}

#main-logo {
  width: 160px;  
}

#header h1 {
  color: rgb(3,66,51);
  margin: 0px;
  font-size: 25px;
  text-transform: uppercase;
}

#header h2 {
  color: rgb(3,66,51);
  margin: 0;
  margin-top: 5px;
  font-size: 20px;
  text-transform: uppercase;
}

#content ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

#content ul li {
    padding: 0px 0px 10px 28px;
    text-indent: -18px;    
}

#content ol li {
    padding: 0px 0px 5px 5px;
}

#content ul li:before {
    content: '\BB';
    color: rgb(3,66,51);
    font-weight: bold;
    padding-right: 5px;
}

.timetable td {
  padding: 0px 30px 0px 0px;
}

table.workshop {
  table-layout: fixed;
  width: 100%;
}

table.workshop img {
  width: 100%; 
  height: auto;
}

td.ws-main {
  width: 76%;
  padding: 0px 20px 0px 0px;
}

td.ws-right {
  padding: 0px;
}

img.face {
    height: 150px;
    
}

td {
    padding: 5px 20px 0px 0px;
    vertical-align: top;
}

td.right {
    padding-left: 50px;
}

p.spacer {
    padding-top: 200px;
}


/************************/


/* Extra styling for Schedule Overview page ************/

article.schedule-overview {
  background: rgb(240,240,240);
  padding: 10px 25px;
  margin: 20px 0px;
}

article.schedule-overview .date,
article.paper-details .date {
  background: rgb(255,255,255);
  font-size: 75%;
  padding: 2px 4px 2px 4px;
}

article.schedule-overview .time,
article.paper-details .time {
  background: rgb(255,255,255);
  font-size: 75%;
  padding: 2px 4px 2px 4px;
}

article.schedule-overview .room,
article.paper-details .room {
  background: rgb(255,255,255);
  font-size: 75%;
  padding: 2px 4px 2px 4px;
}

/* Extra styling for Paper Details pages ***************/

#paper-title-details {
  font-weight: 400;
  font-size: 120%;
}

article.paper-details {
  background: rgb(245,245,245);
  padding: 10px 25px;
  margin: 20px 0px;
}

article.paper-details span.download {
  /*background: rgb(120,255,120);
  font-size: 100%;
  padding: 1px 3px 3px 3px;*/
}

article.paper-details span.download a {
  /*color: rgb(25,25,25);
  font-weight: 500;*/
}

/* Extra styling for Author Details page ***************/

#name-author-details {
  font-weight: 400;
  font-size: 120%;
}

ul.papers-author-details li {
  text-align: left;
}

article.author-details {
  background: rgb(240,240,240);
  padding: 10px 25px;
  margin: 20px 0px;
}

article.author-details span.author-name {
  background: rgb(250,250,250);
}

/* Extra styling for Author Index page *****************/

ul.author-papers-idx li {
  padding-top: 4px !important;
  padding-bottom: 0px !important;
  text-align: left;
  font-size: 75%;
}

/* Extra styling for Paper Index page ******************/

ul.paper-title-idx li {
  text-align: left;
}

ul.author-list-paper-idx li:before {
  content: none !important;
  padding-right: 0px !important;
}

ul.author-list-paper-idx li {
  padding-top: 4px !important;
  padding-bottom: 0px !important;  
}

span.author-name {
  background: rgb(246,246,246);
  font-size: 75%;
  padding: 2px 4px 2px 4px;
}

span.has-video {
  background: rgb(255,210,210);
  color: rgb(25,25,25);
  font-size: 75%;
  padding: 2px 4px 2px 4px;  
}

span.has-video a {
  color: rgb(25,25,25);
  font-weight: 500;
}

/* Extra styling for daily schedule pages ************/

article#day-schedule-table {
  background: rgb(240,240,240);
  padding: 5px 8px;
  margin: 0px;
  
  table-layout: fixed;
}

article#day-schedule-table table {
  background: rgb(220,240,240);
  padding: 15px;
  margin: 5px;
}

article#day-schedule-table table a {
  color: rgb(10,10,10);
  font-weight: 500;
}

article#day-schedule-table th,
article#day-schedule-table td {
  text-align: left;
  font-size: 95%;
  padding: 5px;
}

article#day-schedule-table th {
  background: rgb(253,253,253);
}

article#day-schedule-table th.time, 
article#day-schedule-table td.time {
  width: 10%;
  text-align: center;
}

article#day-schedule-table th.activitycol5 {
  width: 18%;
}

article#day-schedule-table th.activitycol6 {
  width: 15%;
}

article#day-schedule-table td.time {background: rgb(253,253,253);}
article#day-schedule-table td.general {background: rgb(255,255,224);}
article#day-schedule-table td.summerschool {background: rgb(255,255,100);}
article#day-schedule-table td.workshop1 {background: rgb(220,255,220);}
article#day-schedule-table td.workshop2 {background: rgb(220,240,220);}
article#day-schedule-table td.workshop3 {background: rgb(250,240,255);}
article#day-schedule-table td.workshop4 {background: rgb(230,220,255);}
article#day-schedule-table td.workshop5 {background: rgb(255,250,240);}
article#day-schedule-table td.workshop6 {background: rgb(220,240,255);}
article#day-schedule-table td.workshop7 {background: rgb(200,240,255);}
article#day-schedule-table td.tutorial1 {background: rgb(250,225,225);}
article#day-schedule-table td.tutorial2 {background: rgb(240,190,190);}
article#day-schedule-table td.tutorial3 {background: rgb(250,240,255);}
article#day-schedule-table td.tutorial4 {background: rgb(200,240,255);}
article#day-schedule-table td.session {background: rgb(190,240,190);}
article#day-schedule-table td.keynote {background: rgb(110,220,110);}
article#day-schedule-table td.postersession {background: rgb(255,190,190);}
article#day-schedule-table td.trip {background: rgb(255,190,190);}
article#day-schedule-table td.dinner {background: rgb(255,190,190);}

article.session-daily-schedule {
  background: rgb(240,240,240);
  padding: 10px 25px;
  margin: 20px 0px;
}

article.session-daily-schedule span.author-name {
  background: rgb(250,250,250);
}

ul.session-talks-daily-schedule {
  padding: 10px 4px 2px 4px;
}

ul.session-talks-daily-schedule li {
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  text-align: left;
}

/* Extra styling for Room Information page ************/

article.room-info {
  background: rgb(240,240,240);
  padding: 10px 25px;
  margin: 20px 0px;
}
    </div> <!-- content -->
    
    <div id="footer">
      <table>
      <tr>      
      <td><a href="http://www.mitpressjournals.org/loi/artl"><img src="mit_press.png" height="70px"></a></td>
      <td style="vertical-align:middle"><a href="http://www.springer.com/"><img src="springer_logo.png" height="40px"></a></td>
      <td style="vertical-align:middle;padding-right:0px"><a href="http://www.hieratic.eu/"><img src="hieratic_logo.png" height="50px"></a></td>
      <td style="vertical-align:middle"><a style="text-decoration:none;color:black" href="http://www.hieratic.eu/"><small><strong>HIERATIC</strong></small></a></td>
      <td style="vertical-align:middle"><a href="http://focas.eu/"><img src="focas_logo.png" height="40px"></a></td>
      <td style="vertical-align:middle"><a href="http://eon.elsi.jp/"><img src="elsi_logo.png" height="60px"></a></td>
      <td style="vertical-align:middle"><a href="http://www.simomics.com/"><img src="simomics_logo.jpg" height="60px"></a></td>
      <td style="vertical-align:middle;text-align:right" width=100%>
        <a href="https://twitter.com/ECAL2015" class="twitter-follow-button" data-show-count="false">Follow @ECAL2015</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        <p></p>
        <a href="https://www.facebook.com/ecal2015"><img src="fb.png" height=25px style="margin-top:10px"></a>
      </td>
      </tr>
      </table>
      <p><strong>Anti-harassment</strong>: ECAL 2015 is dedicated to a harassment-free conference experience for everyone. Our anti-harassment policy can be found <a href="antiharassment.html">here</a>.</p>
      <p><strong>ECAL logo</strong>: designed by <a href="http://www.design.leeds.ac.uk/people/jamie-marsden/">Jamie Marsden</a> and <a href="http://www.design.leeds.ac.uk/people/briony-thomas/">Briony Thomas</a>.</p>
      <p><strong>Background image</strong>: <em>Natural Complexity</em> An original artwork created by members of <a href="http://www.york.ac.uk/yccsa/">YCCSA</a>.</p>
    </div> <!-- footer -->
</div>  <!-- main -->
</body>
</html>
