/**************************/
/* Wilf Wilson 2014-12-07 */
/**************************/


/* CSS specific to full-size layout */

@media only screen
and (min-width: 1170px) {

  .sidebar-pictures {

    width: 242px;

  }

  .sidebar-pictures img {

    width: 240px;
    height: 240px;
    margin-top: 2px;
  }

  .main-content {

    width: 640px;
    padding: 8px 0px 0px 8px;

  }

  img#sig-white {

    display: none;

  }

  .navigation {

    margin: 0;

  }

  .left-sidebar {

    width: 240px;
    padding: 8px 8px;
  }

  .left-sidebar div {

    width: 235px;

  }

  p.breaker {

    display: none;

  }

  div#bottom-contact {

    display: none;

  }

  div#left-contact {

    display: inline;

  }

}

/* CSS specific to reduced layouts */

@media only screen
and (max-width: 1170px) {

  .sidebar-pictures {

    width: 640px;
    height: 162px;
    overflow: hidden;

  }

  .sidebar-pictures img {

    width: 158px;
    height: 158px;
    margin-top: 2px;
    margin-right: 0px;

  }

  .main-content {


  }


}

/* CSS specific to medium layout */

@media only screen
and (max-width: 1170px) 
and (min-width: 907px) {

  .main-content {

    width: 640px;
    padding: 8px 0;

  }

  img#sig-white {

    display: none;

  }

  .navigation {

    margin: 0;

  }

  .left-sidebar {

    width: 240px;
    padding: 8px 8px;
  }

  .left-sidebar div {

    width: 230px;

  }

  p.breaker {

    display: none;

  }

  div#bottom-contact {

    display: none;

  }

  div#left-contact {

    display: inline;

  }

}

/* CSS specific to narrow layout */

@media only screen
and (max-width: 907px) {

  div#bottom-contact {

    margin-top: 24px;
    border-top: 1px solid #CCC;
    padding-top: 0px;
    display: inline;

  }

  div#bottom-contact div {

    padding-right: 4px;

  }

  div#left-contact {

    display: none;

  }

  .main-content {

    width: 629px;
    padding: 8px 0px 0px 8px;
    margin: 0;

  }
  
  .left-sidebar {

    width: 621px;
    padding: 8px 8px;
  }

  .left-sidebar div {

    padding-top: 0;
    padding-right: 4px;
    margin-top: 0;
    width: 203px;

  }

  .left-sidebar div h4 {

    margin-top: 11px;

  }

  div#co-ords, div#around {
    display: none;
  }
  
  div#sig-black {
    display: none;
  }

  img#sig-white {

    display: none;
    display: inline;

  }

  .sidebar-pictures {

    margin-left: -3px;
    margin-right: -3px;

  }

  .navigation {

    width: 637px;
    margin: 0 -8px;

  }

  p.breaker {

    display: inline;

  }

}

/* General CSS */

body {

  font-family: "Lucida Grande", "Lucida Sans Unicode";
  margin: 0;
  padding: 0;

}

a:link, a:visited, a:active {
  color: blue;
  text-decoration: none;
}

a.black:link, a.black:visited, a.black:active {
  color: black;
  text-decoration: none;
}

a:hover, a.black:hover {
  color: black;
  text-decoration: underline;
}

h1, h2, h3, h4 {

  font-family: "Palatino", "Palatino Linotype";
  font-variant: small-caps;
  color: #32BD78;

}

.left-sidebar {

  float: left;
}

.left-sidebar div {

  float: left;

}

.left-sidebar h2 {

  margin-top: 6px;
  margin-bottom: 4px;

}


.left-sidebar div h4 {

  margin-bottom: 4px;

}

.left-sidebar div ul.web {
  list-style-type: square;
  padding-left: 16px;
  margin-top: 4px;
}

.left-sidebar div p, .left-sidbar div ul, .left-sidebar div ul li {
  margin: 0;
  font-size: 12px;
}

.left-sidebar img.sig {

  width: 240px;
  height: 59px;
  border: none;

}

.sidebar-pictures {

  float: left;
  padding: 0;
  background-color: white;
  margin-top: -3px;
  margin-bottom: -1px;
  margin-right: 12px;

}

.sidebar-pictures img {

  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #BBB;
}

.main-content {

  float: left;

}

.main-content h1, .main-content h2, .main-content h3, .main-content h4 {
  font-weight: normal;
  color: #444;

}

table.news tr td {
  padding: 5px 10px 5px 2px;
}

td.date {
  vertical-align: center;
  font-weight: bold;
}

.main-content p, .main-content ul, .main-content ol, .main-content table {

  font-size: 12px;
  line-height: 1.4em;
}

.navigation {
  font-family: "Palatino", "Palatino Linotype";
  font-variant: small-caps;
  color: #32BD78;
  padding-bottom: 3px;
  border-bottom: 1px solid #BBB;
}

.navigation a {

  margin: 0px 19px;

}

.navigation a:link, .navigation a:visited, .navigation a:active {

  color: #32BD78;

}

.navigation a:hover {

  color: black;
  text-decoration: none;

}

img#sig-white {

  border: none;
  width: 300px;
  height: 73px;
  position: absolute;
  top: 40px;
  left: 175px;

}

div.talks ul li, div.visits ul li {

  padding-bottom: 6px;
  padding-top: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #eee;

}

div.visits ul {
  list-style-type: none;
}

div.visits ul li span, div.talks ul li span, span.date {
  font-weight: bold;
}

div.visits ul li span:after, div.talks ul li span:after, span.date:after {
  content: '\00a0\2219';
}

div.visits ul li span.smallcaps:after, div.talks ul li span.smallcaps:after {
  content: none;
}

div.visits ul li span.smallcaps, div.talks ul li span.smallcaps {
  font-variant: small-caps;
}

div.tutoring ul {

  list-style-type: none;

}

div.tutoring ul li span {
  font-variant: small-caps;
  font-weight: normal;
  font-size: 12pt;
}

h3.module:before, div.tutoring ul li span:before {
  content: '■ ';
  position: relative;
  color: #666;
}
h3.module:before {
  bottom: .1em;
}

img.uni-icon {
  width: 16px;
  height: 16px;
  border-style: none;
  margin: -4px 0 0 0;
  position: relative;
  top: 3px;
  left: -5px;
}