body {
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 77%; 
  margin:40px;
  background:#F0F0F0;	
  line-height:160%;  color:#444;
}

A  { color: #2C88BA; }
A:link	{ color: #2C88BA; }
A:active	{ color: #FFCC00;  }
A:hover	{ color: #FFCC00; }


.description {
  font-family:palatino,  georgia, times new roman, serif;
  color:#4A5837;
  font-size:.85em;
  text-transform:none;	
}

h1 {font-size: 1.8em; font-weight: normal;}
h3.resume {color:#36966c; padding-top:2.5em;}

.detail { color:#777; font-size:.9em; font-weight:normal;}
.gray { color:#777; }

#banner { 
  margin: 24px 0 0 56px;
  width:74%; min-width: 56em;
  padding:0;
}

#content {
  background:#FFF;
  margin:0px 18px 12px 36px;
  width:74%;
  min-width: 56em;
  padding:16px 20px 8px 20px;
  float:left;
  position:absolute; top:6em;
}

#portfolio_details {
  background:#FFF;
  margin:0px 18px 12px 36px;
  width:74%;
  min-width: 56em;
  padding:16px 20px 8px 20px;
  float:left;
  overflow-y:auto;
  position:absolute;
  top:25em; bottom:30px;
}

.hr {
  border-bottom: 1px dotted #DEDBC3;
  font-size:.5em;
  margin:12px 0 24px 0;
  clear:both;
 }

.portfolio_col {
  float:left;
  margin-right:2em;
}
.portfolio_col .last {
  margin-right:0;
}

img.outline {
    border:1px solid #ccc;
}

a img {border:1px solid;}
.noborder {border:none;}

ul {
    padding:0 0 0 1em;
    margin-top:0;
    list-style-image: url('images/bullet.gif');
}
ul li {
    margin-left:.5em;
    line-height:1.3em;
    margin:.3em 0 .4em .2em;

}