body {
  background: #f4f4f4;
  color: #000000;
  margin: auto;
  width: 42em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 108%;
  padding-bottom: 6em;
  padding-top: 1em;
}
#outer {
  width: 100%;
  text-align: center;
}

#inner {
  display: inline-block;
}

.mycaptiontext { font-size:10%; }

/* Headings in SANS */
h1,h2,h3,h4,h5,h6,th,td { 
  font-weight: 300;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.img_med {
	height: 325px;
}
.img_small {
	height: 125px;
	width: 125px;
}


h1 { margin-bottom: 0.5em; }
h2 { margin-bottom: 0.5em; }
h3 { margin-bottom: 0.5em; }
.noskip { margin-bottom: 0em; }
h4,h5,h6 { margin-bottom: 0.2em; }

strong,b { font-weight: 400; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }

/* I use H2 for titles and H3 for main subdivisions of a longer page, hence UNDERLINE */
h1,h2,h3 { border-bottom: 1px solid #000000; }

.subhead {
  font-size: 80%;
  font-weight: 300;
}

.subsubhead {
  font-size: 64%;
  font-weight: 300;
}

p.subhead, p.subsubhead {
  margin-top: 0em;
  margin-bottom: 0em;
}

/* RULES */

hr {
  border-left: 0px;
  border-right: 0px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #f4ffff;
  background-color: #f4ffff;
  height: 4px;
  width: 60%;
  margin-top: 1.5em;
  margin-bottom: 1.2em;  
}

/* DIVS */

div {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

div.subhead {
  margin: 0;
}

div.sbs {
  width: 40%; float: left;
}

div.wide-player {
  margin-left: -12%;
}

div.clear { clear: both;}

.hwlink {
  padding: 0.3em;
  text-align: center;
  border: 1px solid black;
}

.hwlink a {
  display:block;
  height:100%;
  width:100%;
}

div.hwlink:hover {
  background: #EEEEEE;
}

.nav-inline { 
  margin-top: 0.2em;
  margin-bottom: 0em;
  font-size: 1em;
}

.nav {
  position: absolute;
  font-size: 1em;
  top: 0.05em;
  right: 1em;
  padding: 0.01em;
  margin: 0em;
}

div.box { 
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 1em;
}

div.title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding-left: 0em;
  padding-right: 0em;
}

div#bottom {
  margin-top: 3em;
}

.flush { 
  margin-left: 0px;
  margin-right: 0px;
/*  background: #0000FF; */
}

/* .left { 
  margin-left: -4%;
} */

h3.welcome { 
  font-style: italic;
}


.center {
  margin-left: auto;
  margin-right: auto;
}

.doi {
  font-size: 75%;
}

.emphasis {
  font-size: 120%;
  font-weight: 400;
}

/* ---------------------------------------*/
/*                 TABLES                 */

table {
  font-size: 100%;
  border-collapse: collapse;  /* new 2008 */
}

table.center {
  border: 0;
}

table.widelist {
  margin-left: auto;
  margin-right: auto;
}

table.widelist td, table.widelist th {
  padding: 0.5em;
}

table.list td, table.list th {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.1em;
  padding-bottom:0.1em;
}

table.schedule {
  border-collapse: collapse;
  margin-top: 1.5em;
  margin-left: auto;
  margin-right: auto;
  border-spacing: 0em;
  border: 1px solid #000000;
}

table.assignments {
  border-collapse: collapse;
  margin-top: 1.5em;
  margin-left: auto;
  margin-right: auto;
  border-spacing: 0em;
  border: 1px solid #000000;
}

table.th {
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
} 

table.schedule th {
  text-align: right;
}

table.assignments th, table.assignments td {
  padding-left: 0.3em;
  padding-right: 0.3em;
  padding-top:0.1em;
  padding-bottom: 0.1em;
  border: 1px solid #000000;
}

table.schedule th, table.schedule td {
  padding: 0.3em;
  border: 1px solid #000000;
}

table.widelist th, table.list th {
/*  background: #c9bc89; */
  font-weight: 400;
  text-align: right;
}

td.colhead {
  font-weight: 400;
  text-align: left;
}

td.center {
  text-align: center;
}

td.bigcolhead {
  font-weight: 400;
  font-size: larger;
  text-align: left;
}

table.widelist td, table.list td {
  text-align: left;
}

tr.break {
  height: 0.5em;
}

.hwlink {
  font-weight: 400;
  border: 1px solid;
}

table.doclinks {
  border: 0;
}

table.doclinks {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0.2em;
  padding-left: 0.2em;
}

td.tinylabel {
  font-size: 75%;
}

table.snug {
/*  cellspacing: 0px; */
/*  cellpadding: 0px; */
    border-collapse: collapse;
    border: none;
}

table.snug td,tr {
    border-collapse: collapse;
    border: none;
    padding: 0px;
    border-spacing: 0px;
}

/* ---------------------------------------*/
/*                 LISTS                  */

ul { list-style-image: url("/~ddumas/images/tri.gif"); }

ul ul { list-style-image: url("/~ddumas/images/sbox.gif"); }

li { list-style-position: outside; vertical-align: middle; }

ul.wide > li { margin-bottom: 0.6em; }
ul.wide > li li { margin-top: 0.2em; }

ol.wide > li { margin-bottom: 0.6em; }
ol.wide > li li { margin-top: 0.2em; }

/* ---------------------------------------*/
/*                 IMAGES                 */

img { border: none;
      vertical-align: middle; }

img.inline { margin: 0.5em; }


/* ---------------------------------------*/
/*        SPECIAL CONTENT TYPES           */

.math, i.mi {
    font-family: freeserif, "times new roman", serif;
    white-space: nowrap;
    font-size: 105%;
    }
.math, i.mi { word-spacing: -0.2ex; }

.small-caption {
  text-align: center;
  font-size: 90%;
}

.caption {
  font-size: 90%;
  padding-left: 1em;
  padding-right: 1em;
}

.deprecated-content {
  font-style: italic;
}

.new-content {
  font-style: italic;
  color: red;
}

.disabled {
  color: gray;
}

.urgent-box {
  color: red;
  font-size: 110%;
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding: 1em;
  border: solid 2px red;
}

.urgent-nobox {
  color: red;
  font-size: 110%;
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding: 1em;
}

.important-link {
  font-weight: 400;
}

div.important-link {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.disabled {
  color: #999999;
}

.warning {
  font-style: italic;
}

.standout {
  font-weight: 400;
  font-size: 110%;
}

.book-title, .journal-name {
  font-style: italic;
}

.fn { font-family: monospace; }
.input { font-family: monospace; }

.code {
  font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
  white-space: pre;
  padding: 0.5em 0 0.5em 0.5em;
  border: 0px;
  color: #000000;
  overflow: auto;
  background: #FFFFFF;
}

.codeoutput {
  font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
  white-space: pre;
  padding: 0.5em 0 0.5em 0.5em;
  border: 0px;
  color: #000000;
  overflow: auto;
  background: #DDDDDD;
}

/* ---------------------------------------*/
/*                LINKS                   */

a { text-decoration: none; }

a:link {
  color: #0303B0;
  background: transparent;
}

a:visited {
  color: #0303B0;
  background: transparent;
}

/*a:hover {
  color: #0303B0;
  background: #EEEEEE;
}*/

/*a:active {
  color: #E00505;
  background: #EEEEEE;
}*/

a.img { 
background: transparent !important;
border-color: transparent !important;
border-style: none !important;
margin: 0px !important;
}

a.img:hover { 
background: transparent !important;
border-color: transparent !important;
border-style: none !important;
}

a.img:active { 
background: transparent !important;
border-color: transparent !important;
border-width: 0 !important;
}

a.limg {
border-width: 1px;
border-style: dashed;
padding-right: 5px;
}

a.secret { 
color: #000000;
text-decoration: none;
background: transparent;
}
a.secret:active { 
color: #000000;
text-decoration: none;
background: transparent;
}
a.secret:hover { 
color: # F4EBC9;   /* was #E7DDB7; = background */
text-decoration: none;
background: transparent;
}
a.secret:visited{ 
color: #000000;
text-decoration: none;
background: transparent;
}

/* ---------------------------------------*/
/*             IGAL GALLERY               */

body.igal-slide {
  margin: 0%;
}

body.igal-index {
  margin: 0%;
}

body.igal-index h1, body.igal-index h2,  body.igal-index h3, body.igal-index h4,  body.igal-index h5, body.igal-index h6  {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 0px;
}

.gallery-description {
  text-align: center;
  margin: 1em;
}

.gallery-index {
  text-align: center;
  margin-bottom: 1em;
}

.gallery-index table {
  margin-left: auto;
  margin-right: auto;
}

.gallery-image {
  text-align: center;
  margin-bottom: 1em;
}

.gallery-image img {
  margin-left: auto;
  margin-right: auto;
}

#igal table {
  text-align: center;
  font-size: 75%;
}