@charset "UTF-8";


   xxxh2.cv { font-size:120%;font-weight:bold;width:100%;border-bottom: 2px dotted #666666; }
   xdiv.project-image { clear:both; float:left; width:140px; margin-top:5px; }
   xdiv.project-text { float:left; margin-top:5px; }
   xxdiv.project-text { margin-top:-80px; min-height:100px;margin-left:140px; padding-bottom:10px; border-bottom: 2px dotted #666666; }
   #xheader { background-image:url(../images/michaeleckel-logo-364x50.gif);background-repeat:no-repeat;background-position-left:20px; }


   xxbody {  background-image:url(../images/background-v1.jpg);background-repeat:repeat-x;background-color:#BABABA; }
   xxbody {  background-image:url(../images/background-v2.jpg);background-repeat:repeat-x;background-color:#000000; }
   xxbody {  background-image:url(../images/background-v3.jpg);background-repeat:repeat-x;background-color:#79bde9; }
   xxbody {  background-image:url(../images/background-v5.jpg);background-repeat:repeat-x;background-color:#93776c; }
   body {  background-image:url(../images/background-v4.jpg);background-repeat:repeat-x;background-color:#ececed; }
  
   #edge-tl, #edge-tr, #edge-bl, #edge-br { background-image:none; }
   #border-top, #border-bottom { background-image:none; }
   .page { background-image:none; }
   .page_margins { background-image:none; border: 1px dotted #000000; }

   #twitter-on { background-image:url(../images/twitter_mini_a.png); background-repeat:no-repeat; padding-left:20px; cursor:pointer; font-style: italic; font-size:90%; margin-right:50px; width:200px;}
   #twitter-off { background-image:url(../images/twitter_mini_a.png); background-repeat:no-repeat; padding-left:20px; cursor:pointer; font-style: italic; font-size:90%; border-bottom: 1px dotted #121212; margin-right:50px; margin-bottom:2px; }
   #twitter-anno { font-size:90%; border-top: 1px dotted #121212; margin-right:50px; }
   #twitter { margin-right:50px; height:50px; }
   #twitter-box { background:url(../images/twitter.gif) no-repeat right bottom; background-color:#ECECED; color:#68676c; border-top:1px #68676c solid; padding:10px; margin-top:10px; height:80px; }

   h1.pagetitle { display:none; }
   h4 { font-family: Verdana, Arial, Sans-serif; font-weight:bold; font-size:110%; }
   #header-logo { display:block;float:left;margin:10px;margin-top:-3px;padding:0; }
   #topnav { width:100%;margin:0;padding:0; }
   #topnav ul { list-style-type: none; float:right; padding:0; margin:0; }
   #topnav ul li { list-style-type: none; float:left; padding:0; margin:0; margin-left:3px; padding-left:3px; border-left: 1px solid #999999; }
   #nav { margin-top:3px;}
   #footer { text-align:center; }

   dl.cv-list { text-align: left; }
   dl.cv-list dt { font-size:100%;font-weight:bold; margin-bottom:5px;margin-top:20px;margin-left:140px; margin-right:140px; border-bottom: 2px dotted #666666; }
   dl.cv-list dd { margin-bottom:2px;margin-top:2px;margin-left:140px;margin-right:140px; }
   dl.cv-list dd.pseudo-subcat { margin-bottom:2px;margin-top:5px;margin-left:140px;margin-right:140px; font-weight:bold; }
   dl.cv-list em.date { margin-left:-140px;width:130px;display:block;float:left;text-align:right;color:#666666; font-size:90%; background-color:#F5F5FF; }
   dl.cv-list em.anno { color:#666666; font-size:85%; font-style:italic; background-color:#F5F5F5; }
   dl.cv-list em.intro { color:#555555; font-size:85%; font-style:normal; }
   dl.cv-list em.more { color:#666666; font-size:85%; font-style:italic; background-color:#F5F5F5; padding:2px; float:right; }
   
   a { color:#336699; }
   a:hover { color:#7ec0ea; }
   .feature-project a:hover { color:#336699; }
   #dl.cv-list a, dl.uniclasses-list a, div.project-text a, div.project-text-first a { color:#336699; text-decoration:none; }
   #dl.cv-list a:hover, dl.uniclasses-list a:hover, div.project-text a:hover, div.project-text-first a:hover { color:#7ec0ea; text-decoration:underline; }

   dl.uniclasses-list { text-align: left; }
   dl.uniclasses-list dt { font-size:100%;font-weight:bold; margin-bottom:5px;margin-top:20px;margin-left:140px; margin-right:140px; border-bottom: 2px dotted #666666; }
   dl.uniclasses-list dd { margin-bottom:2px;margin-top:2px;margin-left:140px;margin-right:140px; }
   dl.uniclasses-list dd.pseudo-subcat { margin-bottom:2px;margin-top:5px;margin-left:140px;margin-right:140px; font-weight:bold; }
   dl.uniclasses-list em.semester { margin-left:-140px;width:130px;display:block;float:left;text-align:right;color:#666666; font-size:90%; background-color:#F5F5FF; }
   dl.uniclasses-list em.type { color:#666666; font-size:85%; font-style:italic; background-color:#F5F5F5; padding:2px; float:right; }
   dl.uniclasses-list em.university { color:#555555; font-size:85%; font-style:italic; background-color:#F5F5F5; padding:2px; float:right; margin-right:5px; }
   dl.uniclasses-list em.staff { color:#555555; font-size:85%; font-style:normal; }

   div.project-image { width:140px; height:80px; margin-top:10px; }
   div.project-subcat { margin-top:10px; margin-left:140px; font-weight:bold; }
   div.project-text { margin-top:-80px; min-height:100px;margin-left:140px; padding-top:10px; border-top: 2px dotted #666666; }
   div.project-text-first { margin-top:-80px; min-height:100px;margin-left:140px; }
   div.project-text em.more, div.project-text-first em.more { color:#666666; font-size:85%; font-style:italic; background-color:#F5F5F5; padding:2px; float:right; }

  .feature-picture { background:#93776b; color:#000000; border:2px #93776b solid; padding:10px; margin-bottom:1em; }
  .feature-project { background:#7ec0ea; color:#000000; border:2px #000000 solid; padding:10px; margin-bottom:1em; }
  .feature-milestone { background:#ECECED; color:#68676c; border:2px #68676c solid; padding:10px; margin-bottom:1em; }

  ul.bullets { list-style-type: square !important; }
  ul.bullets li { margin-left:10px; }

  .noscreen { display:none; }

  .yform .type-button input[type=submit] { color:#ececed; background:#454545 url(screen/images/button_gray.png) top left repeat-x; }
  .yform .type-button input.submit { color:#ececed; background:#454545 url(screen/images/button_gray.png) top left repeat-x; }
  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#336699; color:#ffffff;
  }
  .yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #336699 solid;
    background:#fff;
  }
  .yform sup { color:#336699; font-weight:bold; }
  .yform .type-text, .yform .type-select, .yform .type-check { padding-left:0 !important; }