body {
  font-family:  Arial,Verdana,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1.21em;
  color:black;
  padding:0px;
  margin:0px;
  background-image: url('./img/background.gif');
}

body.simple {
  font-family: Verdana, Arial,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1em;
  color:black;
  padding:10px;
  margin:0px;
  background:white;
}


div#topbar {
  width:100%;
  height:100px;
  background-color:rgb(153,0,0);
  color:white;
  border-bottom: 1px solid white;
  padding:0px;
  margin:0px;
  font-size:18px;
  font-weight:bold;
}
#topbar img {
  vertical-align:middle;
}

ul.naked {
  list-style-type:none;
  border:0px;
  margin:10px;
  padding:8px;
  padding-right:0px;
}
ul.naked li {
  margin-bottom:4px;
  text-indent:-10px;
}

img.naked { 
  border:0px;
  margin:0px;
  padding:0px;
}

.grey { 
color:#aaa;
 }

div#logobar {
  float:left;  /*necessary for ie/firefox bug*/
  text-align:center;
  padding-top:10px;
  padding-bottom:11px;
  width:100px;
  background:#fff;
  color:#000;
  border:1px solid black;
  position:relative;
  top:-54px;
  margin-bottom:-54px; /*makes up for rel. pos*/
  left:24px; /*necessary for ie/firefox bug */
}

div#navbar {
  width:100%;
  background: #88d;
  color:white;
  font-weight:bold;
}

#navbar ul {
  display:inline;
  list-style-type: none;
  padding:0px;
}
#navbar ul li {
  display:inline;
  margin-right:15px;
  margin-left:0px;
}
#navbar a {
  color: white;
  text-decoration:none;
  font-weight:bold;
}
#navbar a:hover {
  color: #ee8;
}

table#bodywrapper 
{
  float:left;
  width:800px;
  background:white;
  border:0px;
  padding:0px;
  border-collapse:collapse;
}

tr#bodycontent {
  vertical-align:top;
  width:800px;
  background-color:white;
}

td#leftside {
  background-image: url('./img/pagebg.gif');
  background-repeat: repeat-y;
  width:150px;
  height:100%;
  padding:0px;
  margin:0px;
}

#leftside ul {
  color:white;
  font-weight:bold;
  font-size:11px;
  list-style-type:none;
  border:0px;
  margin:0px;
  padding:8px;
  padding-right:0px;
}

#leftside ul.nolines {
  background-color:transparent;
  background-image: url(./img/leftlines.gif);
  background-repeat:repeat-y;
}

#leftside ul.lines {
  background-color:transparent;
  background-image: url(./img/leftlines-fishline.gif);
  background-repeat:repeat-y;
}


#leftside ul li {
  padding-left: 5px;
  margin-bottom: 5px;
}
#leftside a {
  color: white;
  text-decoration:none;
  font-weight:bold;
}
#leftside a:hover {
  color: #ee8;
}
#leftside img {
  border:0px;
  margin:0px;
  padding:0px;
}

td#mainside {
  width:auto;
  float:left;
  padding:15px;
  font-size:12px;
  background:white;
}

#mainside h1 {
  text-align:center;
}

.blue {
  color: #77c;
}

.red {
  color:rgb(153,0,0);
}

.caption { 
  font-size:9px;
  font-style:italic;
}
div#footer {
  clear:both;
  background-color:transparent;
  background: url(./img/footerbg.gif);
  background-repeat: repeat-x;
  color:white;
}

/* For the peoples list */
table.people {
  font-size:12px;
/*  border-collapse:collapse;*/
}

.people h3 {
  margin-top:0px;
  margin-bottom:0px;
}
.people h4 {
  font-weight:normal;
  margin-top:0px;
  margin-bottom:10px;
}

.people th {
  font-size: 18px;
  background:#ddf;
  border: 1px solid black;
}

.people tr {
}

.people td {
  padding:4px;
  padding-bottom: 24px;             
}

.people td.sep {
  height:40px;
}

.people a.hires { 
  font-size:10px;
  color:#555;
  text-decoration:none;
}


/* For project descriptions (.project class) */
div.project {
  width:580px;          
  border:1px solid #999;
  padding:5px;
  margin-bottom:20px;
}

.project img {
  margin:5px 8px 0 8px;
}  

.project h2 {
  color:rgb(153,0,0);
  margin-bottom:2px;
  margin-top:5px;
}  

/* the description block inside the project div */
.project .description { }


/* For paper descriptions (.paper class) */
div.paper {
  width:540px;          
  border:1px solid #999;
  padding:5px;
  margin-bottom:20px;
}

.paper img {
  margin:0 8px 0 8px;
}  

/* the description block inside the paper div */
.paper .description { }

.paper div.bibtex {
   line-height:1em;
   position: absolute;
   z-index:99;
   visibility: hidden;
   width: auto;
   height: auto;
   border: 1px solid black;
   background: #ddf;
   color: black;
   padding:10px;
   font-size:12px;
}

.paper .title {
  color:#77f;
   font-size: 14px;
   font-weight: bold;
}
  
  
/* For news story descriptions (.paper class) */
div.newsstory {
  width:560px;          
  border:1px solid #999;
  padding:5px;
  margin-bottom:20px;
}
.newsstory .title {
   font-size: 14px;
   font-weight: bold;
   float:left;
}

.newsstory .date {
   float:right;
   color:rgb(153,0,0);
   font-weight:bold;
}

.newsstory .title  a {
   color:#77f;
   text-decoration:none;   
}
.newsstory blockquote {
  border-left: 8px solid #fcc;
  margin-left:5px;
  padding-left:10px;
  margin-bottom:0px;
}


/* for the left toolbar links' content pages */
.profile {
  width:580px;
  float:left;
}

.profile p { 
  text-align:justify;
}

.profile img { 
   padding:4px;
}

.profile h1 {
   margin-top:5px;
 }

/* for sidebars */
div.sidebar_l, div.sidebar_r {
  border: 1px solid black;
  background: #ccf;
  color: #000;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  width:200px;
  font-size: 90%;
}

.sidebar_l {
  margin-left:0px;
  margin-right: 5px;
  float:left;
  clear:left;
}

.sidebar_r {
  margin-right:0px;
  margin-left: 5px;
  float:right;
  clear:right;
}

.sidebar_l  h1, .sidebar_r  h1 {
  color: #55f;
  font-weight: bold;
  font-size: 130%;
  text-align: left;
}

.sidebar_l  ul, .sidebar_r  ul{ 
  margin-top:0px;
  padding-top:0px;
  padding-left:20px;
  margin-left:0px; /* for IE, leave blank for firefox */
}

.sidebar_l p, .sidebar_r p { 
  text-align:left;
 }

.profile img.basic { 
  vertical-align: middle; 
  border: 0px;
  margin: 0 3 0 3px;
  padding: 0px;
}

.profile dt { 
  font-weight:bold;
}

/** FOR PROMOTIONAL LINKS **/
.promo span { 
  float:left;
  width:220px;
}

.promo div { 
  float:right;
  width:320px;
}

.promo textarea {
  width: 320px;
  height: 80px; 
  font-size: 11px; 
}


/** FOR THE BLOG **/
#blogiframe { 
  width:570px;
  padding:0px;
  margin:0px;
  border:0px;
height:100%;
}