/*
    this stylesheet contains various styles that may be used
    in the content of the site.
*/

/* most of the content is contained within a div named 'the-page'
   so we can create some styles that will only apply to that.
   This will help stop possible namespace pollution.
   Of course, if we can make use of the sitewide styles, then
   that is even better.
*/

/*body {
    font-size: 87.5%
}*/

/* what does this apply to? */
bio {
    font-size: 11pt;
    margin: 0mm 10mm 0pt;
    font-style: oblique;
/*     font-family: Verdana; */
}

.keynote {
    color: #ff0000;
}

div.article-content table {
  margin:0.5em;
  border-top-style:none;
  border-bottom-style:none;
}

tr {
    valign: top;
}

tr.break {
    background: silver;
}

.stream {
    font-weight: bold;
    font-style: italic;
}

td.prog_keynote {
    background: #f0f0f0;
}

/* For the HTML Timetable */
.timetable {
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
}
.timetable a {
    color: #666666;
}
.timetable p {
    line-height: 1.35em;
}
.timetable th, .timetable td {
    font-size: 0.9em;
    padding: 5px;
}
.timetable th {
    font-weight: bold;
}
.timetable thead {
    background-color: #666666;
    color: #ffffff;
}
.timetable tbody th {
    vertical-align: top;
    text-align: center;
}
.timetable tbody td {
    color: #666666;
    background-color: #F5F5F5;
}
.timetable .presenters, .timetable .presenters a {
    color: #000000;
}
.section {
    margin: 1em;
    margin-bottom: 4em;
}
.section h1 {
    margin: 0;
    margin-bottom: 1em;
    padding: 0.2em;
    background-color: #EEEEEE;
}
/* end of timetable section */

/* the following are for the mail list pages */
.listdesription {
  font-size: 0.9em;
  line-height: 0.8em;
}
.mailinglists {
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
}
.mailinglists th {
    font-weight: bold;
    background-color: #DCE3F1;
}
.mailinglists tbody {
    text-align: center;
    background-color: #DCE3F1;
}
.mailinglists th tr td {
    background-color: #DCE3F1;
}
.mailinglists-category {
    background-color: #CED9EF;
    text-align: center;
}
.mailinglists-description {
    text-align: left;
}
/* end of the mail list pages */

/* some additional journal styles */

/* MM, 20140104: "responsive": scale image to max 100% */
div.article-content img {
  max-width: 100%;
}
div.article-content p img {
  vertical-align: baseline;
}
div.article-content table.sidebartable img {
  display: block;
  margin: auto;
}
div.article-content table.sidebartable {
  width:100%;
  table-layout: fixed;

  border-collapse: collapse;
  border: 3px solid silver;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

td.sidebar {
  background: LightGrey;
}

td.title {
  background: silver;
  text-align: center;
}

p.footnotes {
  border-top-style: solid;
  border-top-color: black;
  border-top-width: 1px;
}

img.journal {
  padding: 5px 10px 5px 5px;
}

p.biliomixed {
  margin-top: -0.1em;
  margin-bottom: -0.1em;
}

.quote {
  margin-left: 1em;
  margin-right: 1em;
  font-style: italic;
  text-align: right;
}

.blockquote {
  font-style: italic;
  margin-left: 1em;
  margin-right: 1em
}

p.indented {
  margin-left: 1.0em;
}

p.editorintro {
  font-weight: bold;
}

pre.programlisting {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 2px;
    margin: 10px;
    white-space: pre;
    width:95%;
    overflow:auto;
}

/* for overload 86 */
table.lesson {
    width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid none solid none;
	border-color: black black black black;
	border-collapse: separate;
}
table.lesson td {
	border-width: 0px 0px 0px 0px;
	padding: 1px 20px 1px 20px;
	border-style: none none none none;
	border-color: gray gray gray gray;
}
/* end overload 86 */

/* overload 87 */
  table.results {
  	border-width: 2px 2px 2px 2px;
  	border-spacing: 0px;
  	padding: 0px;
  	border-style: solid solid solid solid;
  	border-color: black black black black;
  	border-collapse: separate;
  }
  table.results th {
  	border-width: 1px 1px 1px 1px;
  	border-spacing: 0px;
  	padding: 1px 1px 1px 1px;
  	border-style: solid solid solid solid;
  	border-color: black black black black;
  }
  table.results td {
  	border-width: 1px 1px 1px 1px;
  	border-spacing: 0px;
  	padding: 1px 4px 1px 4px;
  	border-style: solid solid solid solid;
  	border-color: black black black black;
  }

p.lesson {
    border-width: 1px 0px 1px 0px;
    border-style: solid none solid none;
    border-color: black blac black black;
    padding: 1px 20px 1px 20px;
}
/* end overload 87 */

.pattern {
    font-variant: small-caps;
}

.filename {
    font-size: 0.9em;
    font-family: Consolas,"Lucida Console",Monaco,"Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier;
}

/* end of additional journal styles */

