body, html
{
    /* claim all of the browser window, particularly in IE */
    margin:0;
    padding:0;
    border:0;
    width:100%;
    /* page color settings */
    background-color:rgb(245,243,243);
    color: rgb(52,52,52);
    
    /* set the font etc. */
    /* Sans-Serif option? */
    /*font-family: Verdana;
    color: rgb(52,52,52);
    text-decoration: none;
    word-spacing: normal;
    text-align: justify;
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: 1em;*/
    /* Serif option? */
    text-align:left;
    font-family:et-book,Palatino,"Palatino Linotype",Georgia;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: 0;
    line-height:1.1em;
    font-size: 16px;
    font-weight: 300;
    /* good site for this: http://www.typetester.org/ */
}

#wrap
{
    margin:0 auto;
    /* width of the part of the page to display */
    width:800px;
    display:flex;
    flex-direction: column;
}

a
{
    text-decoration:none;
    font-weight: 600;
}

a:link
{
    color:rgb(60,90,140);
}

a:visited
{
    color:rgb(90,100,110);
}

a:hover
{
    color:rgb(90,130,170);
}

/* The moment the link is clicked */
/*a:active
{
    color:rgb(0,0,0);
}*/


/* New Layout Ideas */

.page_vspacer {
    float:left;
    height:10px;
    width:100%;
}

.text_vspacer {
    line-height:0.1em;
    height:5px;
    /*font-size:1.2em;
    font-weight:500*/
}

.full_row {
    float:left;
    width:100%;
    display:flex;
    justify-content: space-between;
    /*background:rgb(52,52,100);*/
}

.half_row {
    float:left;
    width:50%;
}


.big_box {
    /*background:rgb(100,100,100);*/
    float:left;
    width:400px;
    height:400px;
}

.imgteaser {
    /*margin:0;*/
    overflow:hidden;
    float:left;
    position:relative;
    margin:5px;
}

.imgteaser a {
    /*text-decoration:none;*/
    float:left;
}

.imgteaser a:hover {
    cursor:pointer;
}

/*.imgteaser a img {
  float: left;
  margin: 0;
  border: none;
}*/

.imgteaser a:hover .desc{
  display: block;
  /*font-size: 1.2em;
  padding: 10px 0;*/
  background:rgb(245,243,243);
  /*filter:alpha(opacity=75);
  opacity:.75;*/
  color:rgb(52,52,52);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 190px;
}

.imgteaser a .desc {  display: none; }

.grid_box {
    /*background:rgb(150,150,150);*/
    float:left;
    padding:5px;
    width:190px;
    height:190px;
    position:relative;
}

.color_box {
    /*background:rgb(150,150,150);*/
    float:left;
    padding:5px;
    width:190px;
    height:100%;
    position:relative;
}

.color_block {
    /*margin:5px;*/
  display:block;
  background:rgb(0,0,0);
  width: 100%;
  height: 100%;
}

.imgstatic {
    overflow:hidden;
    float:left;
    position:relative;
    /*margin:5px;*/
    width: 100%;
    height: 190px;
}

.color_bar_box {
    /*background:rgb(150,150,150);*/
    float:left;
    width:30px;
    height:200px;
    position:relative;
}
.color_bar {
    margin:5px;
    display:block;
    background:rgb(0,0,0);
    width:20px;
    height:190px;
}

.project_page {
}

.project_title {
    margin-bottom:15px;
    margin-top:15px;
    line-height:1em;
    text-align:center;
    letter-spacing:0em;
    font-size:3.5em;
    font-weight:500;
}
.project_subtitle {
    line-height:1.5em;
    text-align:center;
    letter-spacing:0em;
    font-size:1.5em;
    font-weight:500;
    font-style:italic;
}
.project_abstract {
    line-height:1.2em;
}
.project_narrow_body{
    margin:0 auto;
    width:600px;
}
.project_pic {
    float:right;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
}
.project_item {
    line-height:1.2em;
}

.vspacer {
    height:5px;
    /*font-size:1.2em;
    font-weight:500*/
}

/* end new layout ideas */