/*===================*/
/*=    CSS reset    =*/
/*===================*/

html, body, div, span, h2, h4, hr, img, table, tr, td, header, nav, footer
									{
									    margin: 0;
									    padding: 0px;
									    border: 0;
									    outline: 0;
									    vertical-align: baseline;
									    background: transparent;
									}

header
{

}

img
{
    max-width: 30%;
}


/*====================================*/
/*=    Styles relevant everywhere    =*/
/*====================================*/

/* the header would shift slightly if the scrollbar were allowed to disappear */
html
{
    overflow-y: scroll;
}


body{
    padding-bottom: 21px;  /* leaves some space at the bottom of the page */
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11pt;
    font-weight:200
}

h5{
    font-weight:24
}

h1
{
    text-align:center;
    font-style:normal;
    font-family:"Alegreya sans", sans-serif;
    font-weight:100
/* 
    text-transform: uppercase;     
    font-size: 36px;
    line-height: 41px;
    letter-spacing: 3px;
    margin: 5%;
*/
}

#icon
{

}

.boxed {
    padding: 7px;
    
    background-color: #eff4fb;
} 

.boxy {
    box-shadow: 5pt 5pt 3pt 2pt ;
    background-color: #DAA ;
}

.other {
    outline: 2px solid #eff4fb ;
    outline-offset: 10px;
}

rp {
    padding-right: 5px;
}

lp {
    padding-left: 5px;
}

h2
{
    margin-top: 40px;
    font-style:normal;
    font-family:"Alegreya sans", sans-serif;
    font-weight:300
/* 
    text-transform: uppercase;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 2px;
*/

}

/* all links will be COLOR, and displayed without an underline, hover grey */
a:link,
a:visited
      {
	  color: #6697da;
	  text-decoration: none;
      }

a:hover,
a:visited:hover
	      {
		  color: #cccccc;
		  text-decoration: none;
	      }


hr
{
    width: 100%;
    height: 2px;
    background-color: #999999;
    a
}


nav
{
    text-align: center; /* center aligns nav bar */
    margin: 0 auto;
    padding: 0 50px;   /* side padding should match that of the content div */
    width: 700px;      /* width should match that of the content div */	
    line-height: 24px; /* pads nav bar */
}


/* suppresses bullets and all other list formatting */
nav ul
{
    margin: 0 auto 0 auto;
    padding: 0;
    border: 0;
    list-style: none;
    display: inline;
}


/* spaces nav links away from each other */
nav li
{
    margin: 0 30px;
    display: inline-block;
}



#content
{
    margin: 0 auto;          /* centers the content div on the page */
    padding: 0px 50px 0px;  /* makes room for the header, leaves some space at the sides of the page */
    height: 450px;
    width: 700px;
}



/* spacing between entries of a list */
li
{
    margin-top: 15px;
}


 /* prevents space between borders of adjacent table cells */
 /* 
table
{
  border-collapse: collapse;
}
*/


/* makes table header cells left-aligned and non-bold */
th
{
    text-align: left;
    font-weight: normal;
}





/*==========================================*/
/*=    Styles relevant on the home page    =*/
/*==========================================*/

#portrait
{
    float: right;
    padding-left: 50px;
}




/*==============================================*/
/*=    Styles relevant on the research page    =*/
/*==============================================*/

#links
{
    margin-left: 0.5em;
}

sup, sub { vertical-align: 0;
           position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }

/*=======================================*/
/*=    Styles relevant in the footer    =*/
/*=======================================*/


.footer {
    
    right: 0;
    bottom: 0;
    left: 0;
    color: rgb(102, 102, 102);
    font-size: 9pt;
    margin: 0 auto;          /* centers the content div on the page */
    padding: 0px 0px 0px;  /* makes room for the header, leaves some space at the sides of the page */
    width: 700px;

}


/*  by default, put the footer on the bottom  */
/*  right, immediately after the content div  */ 

footer
{
    float: center;

}


/*  however, on devices with screens of width > 1024px,  */
/*  fix the footer in the bottom right of the screen     */
/*  (1025 chosen to rule out almost all mobile devices,  */
/*  whose browsers don't play well with fixed elements)  */
/*
@media (min-device-width: 1025px)
{
  footer
  {
    float: none;
    margin: 0;
    position: fixed;
    bottom: 10px;
    right: 10px;
  }
}


footer img
{
  vertical-align: text-bottom;
  margin: 2px 0;
}
*/

#code_links a
{
    margin: 0 3px;
}


footer ul
{
    list-style: none;
}


footer li
{
  display: inline-block;  /* --- */
  margin: 0 20px;         /* --- */
}