/* @override http://susan/new-design/stylesheets/cleanmath.css */

/* @override http://perosteck/math/stylesheets/cleanmath.css */

/* @override http://perosteck/math/stylesheets/cleanmath.css */

/* Main CSS file for Harvey Mudd College
   Deparment of Mathematics website.

   $Id: cleanmath.css 3001 2016-01-05 04:30:24Z cmc $

   Copyright (C) 2007 Department of Mathematics, Harvey Mudd College
*/

@import url(reset.css);


body {
   background-color: #fff;
   font-family: "helvetica neue", helvetica, "lucida grande", "lucida sans unicode regular", sans-serif;
   margin: 0;
   padding: 0;
   z-index: 100;
   font-size: 1em;
   line-height: 1.2em;
   min-width: 820px;
}

/* @group General Styles */

h1,h2,h3,h4,h5,h6 {
   color: #339;
   margin: 0.5em 0 0.5em 0.5em;
   padding: 0;
}

h1 {
   font-size: 200%;
   line-height: 1.2em;
}

h2 {
   font-size: 150%;
   line-height: 1.2em;
}

h3 {
   font-size: 125%;
   line-height: 1.2em;
}

h4 {
   font-size: 125%;
   line-height: 1.2em;
   font-style: italic;
}

h5 {
   font-size: 100%;
   line-height: 1.2em;
   font-weight: bold;
}

h6 {
   font-size: 100%;
   line-height: 1.2em;
}

p {
   margin: 1em;
   line-height: 1.2em;
}

blockquote {
   display: block;
   max-width: 80%;
   margin: 1em auto;
}

dl {
   margin: 0 2em;
   padding: 0;
}

dt {
   font-weight: bold;
   padding-top: 0.5em;
}

dd {
   margin: 0 1em;
   padding: 0;
}

ul {
   margin: 0.5em 2em;
   padding: 0;
}

li {
   margin: 0 1em;
}

img {
   padding: 0;
   margin: 0;
   border: none;
}

pre {
   margin: 1em;
}

code, tt, pre {
/*  font-family: Monaco, Courier, "Courier New", monospace; */
   font-family: Menlo, Monaco,  "Courier New", Courier, monospace;
   font-size: 105%;
   line-height: 1.4em;
}

span.hl {
   font-weight: bold;
}



/* @group Links */

a {
  /* font-weight: bolder;   */
   text-decoration: none;
}

a:link {
   color: #57f;
   background-color: transparent;
}

a:visited {
   color: #33c;
   background-color: transparent;
}

a:hover {
   border-bottom: 1px solid #57f;
}

a:active {
   color: #96f;
   background-color: transparent;
}

/* @end */



/* @end */

/* @group Main Navigation */

#main-nav {
   float: left;
   width: 100%;
   color: #fff;
   background-color: #000;
   padding: 0;
   margin: 0;
  /* padding: 0.5em 0.5em 0.5em 0.5em; */
  /* max-height: 30px; */
   height: 100%;
   position: relative;
}

#main-nav ul {
   margin: 0;
   padding: 0;
}

#main-nav li {
   display: inline;
   list-style: none;
   float: left;
   padding: 0.5em 0.25em;
   margin: 0;
}

#main-nav li.thispagelink {
   color: #000;
   background-color: #99c;
   padding: 0.5em 0.25em;
}

#main-nav li a,
      #main-nav li a:link,
      #main-nav li a:visited,
      #main-nav li.section a,
      #main-nav li.section a:link,
      #main-nav li.section a:visited  {
	 margin: 0;
	 padding: 0.5em 0.25em;
	 color: #fff;
	 background-color: black;
	 text-decoration: none;
      }

#main-nav li a:hover,
	    #main-nav li.section a:hover {
	       background-color: #fff;
	       padding: 0.5em 0.25em;
	       color: #000;
	    }

#main-nav li a:active,
		  #main-nav li.section a:active {
		     border: 1px solid #96f;
		     color: #fff;
		     background-color: #96f;
		  }

.hmclink {
   border: none;
   margin: 0 0 0 4em;
/*  padding: 1.5em 0.5em 0.5em 0.5em; */
   position: absolute;
   right: 4%;
   width: auto;
   box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.50);
}

/* @end */

/* @group Header */

#header {
   clear: both;
   background-color: #77c;
   margin: 0;
/*  border-left: 1px solid #000;
  border-right: 1px solid #000; */
   border-bottom: 1px solid #77c;
   box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.50);
}

/* @group Banner */

#banner {
   margin: 0;
   padding: 0;
   clear: both;
   background: #77c;
   height: 130px;
   z-index: 100;
}

#hmcmathlogo {
   width: auto;
   float:  left;
   background: url('https://www.math.hmc.edu/images/hexen.png') no-repeat;
   z-index: 1000;
   margin-left: 1em;
   margin-top: 1em;
}

#hmcmathlogo img {
   border: none;
}

#hmcmathlogo a,
      #hmcmathlogo a:hover {
	 border: none;
	 text-decoration: none;
      }

#bannerimage {
   width: auto;
   float: right;
   right: 0;
   z-index: 500;
   margin: 0;
   margin-right: 2em;
   padding: 0 9% 0 0;
   height:  130px;
/*  background:  #000; */
}

#bannerimage img {
   margin: 0;
   padding: 0;
   border-radius: 5px;
   border-left: 1px solid #558; 
}

/* @end */

/* @group Content */

#content {
   float: left;
   margin: 0;
   padding: 0;
   width: 100%;
/*  background-color: #558; */
/*  border: 1px solid #000;
  border-top: none;*/
}

#page {
}

#pagecontent {
   padding: 0;
   margin: 0;
   margin-top: 0.5em;
   margin-right: 5%;
   margin-bottom: 2em;
   float:  right;
   background-color: #fff;
   width: 74%;
}



/* @group Sidebar */

#sidebar {
   padding: 0;
   margin: 0;
   font-size: smaller;
   background-color: #77c;
   width: 20%;
   float: left;
   border-radius: 0 0 10px 0;
   box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.50);
}

#sidebar ul {
   margin: 0;
   padding: 0;
   border-radius: 0 0 10px 0;
}

#sidebar li {
   list-style: none;
   display: block;
}


#sidebar li ul {
   padding: 0;
   margin: 0;
}

#sidebar li a,
      #sidebar li a:link,
      #sidebar li a:visited {
	 padding: 0.25em 0.25em;
	 display: block;
	 color: #fff;
	 background-color: transparent;
      }

#sidebar li.section a,
	    #sidebar li.section a:link,
	    #sidebar li.section a:visited {
	       padding: 0.25em 0.25em;
	    }

#sidebar li a:hover,
		  #sidebar li.section a:hover {
		     padding: 0.25em 0.25em;
/*    background-color: #99f; */
		     border: none;
		  }

#sidebar li a:active,
			#sidebar li.section a:active {
			   background-color: #96f;
			}

#sidebar li.thispagelink {
   list-style: none;
   color: #fff;
   background-color: #558;
  /* font-weight: bold; */
   border-radius: 0 10px 10px 0;
   padding: 0.25em 0.25em;

}

#sidenews-container {
   padding: 2em;
   margin: 0;
}

#sidenews-container a,
      #sidenews-container a:hover,
      #sidenews-container a:visited,
      #sidenews-container a:active
{
   text-decoration: none;
   border: none;
}

#sidenews-container img {
  border: 1px solid #558;
}

/* @end */

/* @group Breadcrumbs */

#breadcrumbs {
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  padding-left: 1em;
  font-size: 75%;
  color: #666;
}

#breadcrumbs ul {
  display: inline;
  margin: 0;
  padding: 0;
}

#breadcrumbs li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#breadcrumbs li:before {
  content: "  \00bb  ";
  color: #339;
}

#breadcrumbs li.first:before {
  content: '';
}

/* @end */



/* @end */

/* @group Footer */

#footer {
  clear: both;
  color: #fff;
  font-size: 80%;
   padding: 0.75em 0 2em;
  margin: 0;
   background-color: #000;
   text-align: center;
   height: 100%;
}

#footer img {
   display: block;
   margin: 1em auto;
   padding: 0;
}

img#hmc-seal {
   height: 6em;
   margin: 0.5em auto 1em;
}

img#footer-bug {
   width: 8em;
   margin: 1.75rem auto;
}

#footer a {
   color: #fff;
}

#footer a:hover {
   border: none;
}

#footer #footer-text a:hover {
   border-bottom: 1px solid #888;
}

/* @end */

/* @group More */

p.arrow {
   float: right;
}

p.caption {
   font-size: 75%;
   float: right;
   clear:  right;
   padding: 0.5em;
   margin: 0 10px;
}

p.caption img {
   display: block;
   border: 1px solid #000;
   margin: 0 0 0.25em 0;
}

p.shinyfp {
   font-size: 65%;
   width: auto;
   float: right;
   clear:  right;
   padding: 0.5em;
   margin: 0;
   text-align: center;
  
}

p.shinyfp img {
   border: none;
}

.printportrait {
   width: auto;
   float: right;
   padding: 0 0 0.5em 0.5em;
}

.error {
   color: white;
   background-color: red;
   padding: 3px;
}

.info {
   background-image: url(/images/silkicons/information.png);
   background-repeat: no-repeat;
   background-position: 1% center;
   border: 1px solid #000;
   padding: 0.5em;
   padding-left: 4%;
}

img.rimg {
   float: right;
   border: 1px solid #000;
   margin: 1em;
}

img.limg {
   float: left;
   border: 1px solid #000;
   margin: 1em;
}


/* @group NextPrev */

p.nextprev {
   font-size: 80%;
   text-align: center;
}

p.topsteps {
   border: none;
}

a.prev {
   padding: 0.5em 0;
   float: left;
   width: auto;
   clear: none;
}

a.prev:before {
   content: "\0021D0 ";
}

a.next {
   padding: 0.5em 0;
   float: right;
   width: auto;
   clear: none;
}

a.next:after {
   content: " \0021d2";
}

a.next:hover,
   a.prev:hover {
      border: none;
   }

/* @end */


/* @group Tables */

table {
   border-top: 2px solid #000;
   border-bottom: 2px solid #000;
   border-collapse: collapse;
   caption-side: bottom;
   margin: 1em auto;
}

tr.headrow {
   border-bottom: 1px solid #000;
}

td, th {
   padding: 0.25em 0.5em 0.25em 0;
   vertical-align: top;
}

th {
   text-align: left;
   border-collapse: collapse;
}

caption {
   padding-top: 10px;
}

#searchbox {
   width: 20em;
   /* position: absolute; */
   /* right: 2%; */
   float: right;
   background: transparent;
   z-index: 10;
   margin-top: 0.25em;
}

#searchbox table, #searchbox tr, #searchbox th, #searchbox td {
   border: none;
   margin: 0 0;
   padding: 0;
}


/* @end */

/* @end */

/* @group Tutorial */

#tutorial-footer {
   text-align: center;
   float: right;
   padding: 0 5%;
   margin: 0 1em;
   padding: 1em;
   border: 2px solid #558;
}

#tutorial-footer li {
   display: inline;
   list-style: none;
   float: left;
   padding: 0 0.5em;
   margin: 0;
}

#tutorial-footer li:before {
   content: "  \02022\000a0\00a0 ";
   color: #558;
}

#tutorial-footer li.first:before {
   content: '';
}


/* @end */


/* @group News Pages */

.article {
   clear: both;
   margin-top: 4em;
}

.article h1 {
   font-size: 1.5em;
   font-weight: bold;
   border-top: 1px solid silver;
   padding-top: 1em;
}

.obit {
   border: 10px solid #000;
   margin: 1em;
}

.obit h1 {
   border: 0;
   padding-top: 0;
}

/* @end */


/* @group Conference Pages */

#conference #baldyheader {
   margin: 1.5em;
   margin-bottom: 2.5em;
}

#conference #baldyheader img {
   float: left;
   padding-bottom: 1em;
}

#conference #baldyheader p {
   float: left;
   width: 30%;
}

#conference h2 {
   clear: both;
}

#conference #imagepanel {
   margin: 0 2em 1em 2em;
   width: auto;
   float: left; 
   clear: both;
}

#conference #imagepanel img {
   text-align: center;
}


#conference table {
   border: none;
   margin: 0;
}

#conference dl {
   width: 75%;
   margin-left: 2em;
}

#conference dt {
   font-weight: bold;
}

#conference .author {
   font-weight: bold;
}

#conference .talktitle {
   font-style: italic;
}

#conference .address {
   margin: 0.5em 2em;
}

#registration form {
   border: 2px solid #9a96cc;
   margin: 2em;
   padding: 0.5em 1em;
}

#conference form table {
   text-align: left;
}

#conference #confvideo {
   padding-right: 25%;
   padding-left: 25%;
}

/* @end */