/****************************************/
/* for Whistler Correspondence Project  */
/* Graeme Cannon 2008                   */
/****************************************/

/* extra div for main content - adds extra spacing */
#content {
  margin: 8px;
}

/* banners */

#bannercontainer { 
  padding:0; 
  margin: 5px 0px 0px 0px;
  background-position: top right;
  background-repeat:no-repeat;
  background-color: transparent;
  background-image: url(../images/bannerback.png);
  background-repeat: no-repeat;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-bottom: 1px solid #fff;
  overflow: hidden;
}

#bannerleft {
  float:left;
  background: url(../images/banner.png);
  background-repeat: no-repeat;
  height: 70px;
  width: 550px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow:hidden;
}

#bannerright {
  text-align: right;
  height: 70px;
  border: 0;
  margin: 0;
  padding: 0;
}

/*******************/
/* FROM PREVIOUS SHEET */
/*******************/

div.thumblist {
  display: block;
  width: 100%;
}

div.thumb {
/*  background-color: #f9f9f9;*/
  background-color: #fff;
  text-align: center;
  margin: 3px;
  padding: 4px 3px 3px 3px;
  float: left;
  width: 135px;
  height: 190px;
  overflow: hidden;
  border: 1px solid #ccc;/*darker grey border*/
}

div.image {
  float: right;
  width: 160px;
  margin: 0 0 15px 15px;
  padding: 10px;
  text-align: left;
}

span.tag {
  color: #666;
  font-weight: bold;
}

div.biblio {
  background-color: #f5f5f5;
  margin: 30px 3px 3px 3px;
  padding: 10px 10px 10px 10px;
  width: 90%;
  overflow: hidden;
  border: 1px solid #ccc;/*darker grey border*/
}

div.corresp {
  margin: 0px;
  border: 1px solid #ccc;/*darker grey border*/
  padding: 8px 12px 8px 12px;
}

/* LINKS */

.maincontent a:link {
  color: #069;
  text-decoration: none;
}

.maincontent a:visited {
  color: #069;
  text-decoration: none;
}

.maincontent a:hover {
  color: #069;
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

a.select {
background-color: #yellow;    
}

/**********/
/* IMAGES */
/**********/

.maincontent img {
  margin-bottom: 2px;
}

div.image_r {
  float: right;
  margin: 0px;
  padding-left: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  text-align: right;
  font-size: 0.8em;
  line-height: normal;
  border-color: transparent;
}

div.image_l {
  float: left;
  margin: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 0.8em;
  line-height: normal;
}

div.caption {
  font-size: 0.8em;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  position: static;
}

img.s {
  border-color: transparent;
}


/* local version of styling for navigation links */

div.navigation {
  border: 1px solid #ccc;/*darker grey border*/
  margin-bottom: 10px;
  padding: 2px 2px 4px 6px;
}

#navigation p {
background-color:#666;
}

#navigation p a:link {
color: #fff;
background: #00256b  url(http://www.gla.ac.uk/t4/itservices/i/lioff.gif) repeat-y;
}

#navigation p a:visited {
color: #fff;
background: #00256b  url(http://www.gla.ac.uk/t4/itservices/i/lioff.gif) repeat-y;
}

#navigation p a:hover {
display: block;
color:#fff;
background: #E4D8AD  url(http://www.gla.ac.uk/t4/itservices/i/lioff.gif) repeat-y;
/*background: #121212  url(http://www.gla.ac.uk/t4/itservices/i/lioff.gif) repeat-y;*/
border-bottom: 0;
padding: 3px 1px 3px 7px;
width:160px;
voice-family: "\"}\"";
voice-family: inherit;
width:152px; 
}

.result {
  display: block;
  border: 1px solid #ccc;/*darker grey border*/
  margin-bottom: 10px;
  padding: 2px 2px 4px 6px;
}

/* highlighting 2 types */

span.highlight {
  background-color: yellow;
  font-weight: bold;
}

span.searchword {
  background-color: yellow;
}

span.number {
  color: red; /* number in red */
}

sup.add { 
  font-size: 1.1em;
  vertical-align: 20%;
}

sup.number {
  font-size: 0.9em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: 20%;
  margin-left: 3px;
  margin-right: 1px;
}

pre {
  font-size: 1.2em;
  font-weight: normal;
}

a.ref:hover, a.ref:active {	
  text-decoration: none;
  background-color : yellow;
}

a.back:active {	
  text-decoration: none;
  background-color : yellow;
}

h1 {
  margin-top: 8px;
}


div.artimage {
  float: right;
  width: 300px;
}

div.artdesc {
  float: left;
  width: 400px;
}

div.artinfo {
  width: 100%;
}

p.indent { /* for indenting lists with subheadings */
  margin-left: 20px;
}

.right {
  text-align: right;
  margin-top: 0px;
}

.center {
  text-align: center;
}



/* styles added for presenting programme as a table - copied from DELOS site */

/*.pale{background:#F9F9F9}*/
.pale{background: white}

.darkgrey{background:#BBB}

.dark{background:#EFEFEF}

.paddcell{padding:5px 10px}

.columncaption {text-align:left;background:#C3CCD3;font-weight:bold;padding:3px}

.tblcaption {background:#35556B;color:#FFF;font-weight:bold}

/* td.tblcaption div.headpad{background:url("a2_corner_tr.gif") no-repeat right top;padding:6px 8px 4px 15px}

.headpad{padding:1px 10px}

.tblcaption{background:url("bg_titlebar.gif") no-repeat left top}*/