/* From original home page-2/2004 */
/* taken care of in reset.css */
/* img {border: 0 solid ; padding: 0 0 0 0; margin: 0 0 0 0;} */

#banner { background:silver; }

#banner h1 {
  background-color:transparent;
  color: white;
  font-size:1.73em;
  line-height:1.4em;
  padding:1em 0 ;
}

h1#motto {font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

#footer{ background:silver ; }

#leftcontent, #rightcontent { background-color: #848284; }

#logo {
 /* background-color: white; */
  float: left;
  padding: 4px 0 4px 4px;
  padding: 1%;
}

#logo img {
  margin: 5%
  width: 100%; 
  max-width:175px;
}

p, .normal, .byline, .footnote, .continued {
    margin:0;
    margin-top: 11pt; /* was 12 */
    margin-bottom:.0001pt;
    font-family: "Droid Serif","Times New Roman", "Liberation Serif", serif;
}

.byline {
    margin-top: 4pt;
    font-style:italic;
}

.footnote { margin-top: 0; }

.continued {
    font-style: italic;
    text-align: right;
    margin-top: 4pt;
}

.colhead, .colheadlight, h2 {
  margin:0;
  margin-bottom:.0001pt;
  font-family:"Droid Sans","Tahoma Bold","Liberation Sans",Arial,Trebuchet, sans-serif;
  font-weight: bold;
  color:#666;
}

#rightcontent h2, 
#leftcontent h2, 
.colheadlight {
  color: white;
  background-color:transparent;
  text-shadow: 3px 3px 4px #666;
}

h1 {text-shadow: 3px 3px 4px #a0937f;}
#centercontent h2, .colhead {text-shadow: 3px 3px 4px #ccc;}

/* Added - LW 3/2004 - the text on the left*/
#NavLink,  li {
    font-family: "Droid Sans","Tahoma Bold",Trebuchet,Helvetica,Arial,sans-serif;
    font-weight:normal;
    color: white;
    background-color:transparent;
}

ul.none, ul.navlink {
  list-style-type: none;
  /* margin-left: 0 ; */
  padding-left: 0;
}


/* Added - LW 3/2004 - the links on the right and left */
/* Added font-weight - tr - 13-Sept-2007 */
#rightcontent a:link,    a:link    {color: #FFFF00; text-decoration: none;}
#rightcontent a:visited, a:visited {color: #000080; text-decoration: none;}
#rightcontent a:hover,   a:hover   {color: #FFFF00; text-decoration: underline;}
#rightcontent a:active,  a:active  {color: #FFFFFF; text-decoration: none;}
#rightcontent h3 a:hover           {color: #000000; text-decoration: none;}

/* Added - LW 3/2004 - the links in the essay text */
#centercontent a:link,    a.TextLink:link    {color: #000080; text-decoration: none;}
#centercontent a:visited, a.TextLink:visited {color: #800080; text-decoration: none;}
#centercontent a:hover,   a.TextLink:hover   {                text-decoration: underline;}
#centercontent h3 a:hover                    {color: #000000; text-decoration: none;}

span.required {
  font-weight: bold;
  color: red;
  background-color: transparent;
  }
/* A little CSS3 rounded boxes effects */
div, fieldset, section, #logo img, aside, footer { 
  -webkit-border-radius: 3px; /* Safari prototype */
  -moz-border-radius: 3px; /* Gecko browsers */
  border-radius: 3px; /* Everything else - limited support at the moment */ 
}
html {
  background: rgb(226,226,226); /* Old browsers */
  background-color: rgb(209,209,209); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background:rgb(226,226,226) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background:rgb(226,226,226) -moz-linear-gradient(+45deg,  rgba(226,226,226,1) 0%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
  background:rgb(226,226,226) -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(226,226,226,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
  background:rgb(226,226,226) -webkit-linear-gradient(+45deg,  rgba(226,226,226,1) 0%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
  background:rgb(226,226,226) -o-linear-gradient(+45deg,  rgba(226,226,226,1) 0%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
  background:rgb(226,226,226) -ms-linear-gradient(+45deg,  rgba(226,226,226,1) 0%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
  background:rgb(226,226,226) linear-gradient(+45deg,  rgba(226,226,226,1) 0%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  height: 100%; /* force the gradient to fill the viewport */
}

body {
  background-color: transparent;
  padding-top: 18px;
  margin: 0 auto; 
}

/* ******************* FONTS ******************* */
/* Consolidate font info in one place. */
body {
  font-size: 62.5%;
  /* line-height: 1.2em; */
}
p {font-size: 0.9em; }
.byline {font-size: 1em; }
h2, .colhead, .colheadlight {
  font-size: 1.4em;
  line-height:1.4em; 
  padding-left: 0.5em;
}
h2.colhead {padding-left: 0;}

.navlink {font-size: 1.1em; }

/* **************** Menu ******************** */
/* Animate the menu to make it more interesting */

#leftcontent .navlink li { line-height: 1.4em; }

.navlink li a:hover {
  background-color:lightgray;
  background-color:rgba(255,255,255,0.5);
}

/* More 'wow' if the client asks 
*:hover { 
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
 }
*/

::selection {background-color: #c3c7d3;}
::-moz-selection {background-color: #c3c7d3;}

@media print {
  a:link:after,
  a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
  }
  aside#rightcontent, 
  #leftcontent,
  #banner {
    display:none;
  }
  div#centercontent,
  div#content {
    margin:0;
    width:90%;
    float:none;
  }
  /* Papers page uses left sidebar as continuation of center */
  body#papers div#rightcontent {
    clear:both;
    display:block;
    margin: 0;
    width:90%;
    float: none;
}