/*
color scheme:

FFFFCC - light yellow
C7E9B4 - light green  
7FCDBB - teal   menu bg
41B6C4 - turquoise  menu mouseover
2C7FB8 - blue   ?
253494 - dark blue      title font
*/
@font-face {
  font-family: facebook;
  src: url(facebolf.otf);
}

@font-face {
  font-family: orthodox;
  src: url(Kremlin_Orthodox_Church.ttf);
}

@font-face {
  font-family: propaganda;
  src: url(propagan.ttf);
}


body {
  background-color: #EEE;/* yellow - #FFEC73;*/
  padding: 0;
  margin: 0;
  font-size: 10pt;
  font-family: verdana, courier new;
}

.container {
  width: 100%;
  height: 100%;
}

.header {
  opacity: 1.0;
  background-color: #DDD;
/*  background-color: #fee869;*/
/*
  background-color: #FFC440;/*#FFEC73;*/
  display: block; 
  float: left; 
  padding-top: 10px;
  position: absolute; 
  width: 100%; 
  height: 170px; 
  left: 0; 
  right: 0;
}

.main {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}

.title {
  width: 55%;
  font-size: 30;
  font-family: propaganda;
  text-align: center;
  background-color: #fec659;/*#F2723C;*/
  height: 135px;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.subtitle {
  font-family: propaganda;
  border: 0px solid yellow;
  text-align: left;
}

.subsubtitle {
  font-size: 16;
  float: left;
  text-align: left;
  width: 100%;
  border: 0px solid orange;
}

.email {
  font-size: 12pt;
  font-family: courier;
  text-align: left;
}

.photo {
  margin-left: 10px;
  border: 1px dashed green;
  float: left;
  height: 120px;
  width: 100px;
}

.navigation {
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  display: block;
  /*font-family: propaganda;
  font-size: 14;*/
  height: 30px;
}  

.menuItem {
  float: left;
  display: inline;
  margin: 0;
  padding: 3px 14px;
  border-left: 1px solid pink;
  display: inline;
  background-color: #7FCDBB;
  width: 30%;
  text-align: center;
}

.menuItem:hover {
  cursor: pointer;
  background-color: #41B6C4;
}

.first {
  margin: 0;
  border-left: none;
  list-style: none;
  display: inline;
  padding-right: 17px;
  width: 30%;
}

.menulink {
  text-decoration: none;
}

.menulink:hover {
  cursor: pointer;
  background-color: #41B6C4;
}

.blob {
  background-color: white;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.projBlob1 {
/*  background-color: #ffe773;*/
/*  background-color: #eee;*/
  background-color: white;
  padding-bottom: 0px;
  height: 100px;
/*  float: left;*/
}

.projBlob2 {
  background-color: white;
  padding-bottom: 0px;
  height: 100px;
/*  border-top: solid 1px #ffe773;
  border-bottom: solid 1px #ffe773;*/

/*  float: left; */
}

.projPic {
  float: left;
  width: 100px;
  height: 100px;
  padding-right: 6px;
}

.projDesc {
  float: left;
  padding-top: 6px;
  margin-top: 0px;
  width: 400px;
}

.project_list {
  margin-left: -14px;
  margin-top: 3px;
  padding-left: 1em;
  border: 0px black solid;
  list-style: none;
}

.project_list li {
/*  border-bottom: 1px green dotted;*/
  padding-bottom: 0px;
}

.project_title {
  font-size: 12pt;
  font-family: Times;
  padding: 0;
}

.pubList {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.pubEl {
  margin-left: -19px;
  margin-bottom: 10px;
/*  list-style-type: lower-alpha;*/
}

.li:before { 
  display: marker;
  content: "[" counter(item) "]";
  counter-increment: counter;
  width: 6em;
  text-align: center;
}

.blah {
  color: blue;
}