/*** GENERAL ***/

html {
height: 100%; 
margin-bottom: 1px;
}

html * {
padding: 0;
margin: 0;
}




body {
margin: 0;
padding: 38px 0 45px 0;
font-size: 76%;
font-family: Trebuchet MS, Helvetica, sans-serif;
text-align: center;
background-image: url("bg.gif");
background-repeat: repeat-x;
background-color: #3E7FA5;
color: #444;
}


#everything {
width: 646px;
text-align: left;
margin: 0 auto;
}


a {
outline: none;
}






/***** HEADER *****/

div#header {
background-image: url("header.jpg");
margin: 0;
padding: 0;
height: 128px;
}

div#header h1 a {
display: block;
height: 128px;
text-indent: -5000px;
}

div#header p {
text-indent: -5000px;
}

#pagecontent {
background-image: url("body_bg.gif");
background-repeat: repeat-y;
padding: 15px 30px 15px 30px;
}



/***** MAIN MENU *****/


div#mainmenu {
height: 42px;
}

#mainmenu ul {
display: block;
padding: 0;
list-type: none;
height: 42px;
background-image: url("menu.jpg");
background-repeat: no-repeat;
position: relative;
}

#mainmenu ul li {
display: block;
position: absolute;
top: 0px;
height: 42px;
padding: 0;
margin: 0;
}

#mainmenu ul li a {
display: block;
height: 42px;
text-indent: -5000px;
}

#mainmenu ul li#nav_home         { left: 225px; width:  59px; }
#mainmenu ul li#nav_bios         { left: 284px; width:  45px; }
#mainmenu ul li#nav_archive      { left: 329px; width:  73px; }
#mainmenu ul li#nav_conversation { left: 402px; width: 122px; }
#mainmenu ul li#nav_resources    { left: 524px; width:  97px; }

#mainmenu ul li#nav_home         a:hover { background: transparent url("menu.jpg") -225px -42px no-repeat; }
#mainmenu ul li#nav_bios         a:hover { background: transparent url("menu.jpg") -284px -42px no-repeat; }
#mainmenu ul li#nav_archive      a:hover { background: transparent url("menu.jpg") -329px -42px no-repeat; }
#mainmenu ul li#nav_conversation a:hover { background: transparent url("menu.jpg") -402px -42px no-repeat; }
#mainmenu ul li#nav_resources    a:hover { background: transparent url("menu.jpg") -524px -42px no-repeat; }

/*** PAGE CONTENT ***/

#pagecontent h1 {
color: #3F6277;
margin: 0 0 12px 0;
}



#pagecontent h2 {
  margin-bottom: 10px; 
  color: #888;
  font-size: 18px;
  font-weight: bold;
}

#pagecontent p {
margin: 0 0 12px 0;
}


#pagecontent a:link,
#pagecontent a:visited,
#pagecontent a:active {
text-decoration: none;
color: #147;
background-color: #f0f0f0;
}

#pagecontent a:hover {
background-color: #fe7;
}

#pagecontent ul {
margin: 15px 0px 12px 15px;
}

#pagecontent ul li {
margin: 6px 0 0 0;
}

b, strong {
}

/*** HOME PAGE ***/

#pagecontent div.intro {

}

#pagecontent div.intro ul {
list-style-type: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#pagecontent div.intro ul li {
padding: 0;
margin: 0;
}

#pagecontent div.promo {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #eee;
  margin-bottom: 20px;
  padding: 10px 0;
}

#pagecontent div.promo h2, #pagecontent div.promo p, #pagecontent div.promo div {
  padding: 0 10px;
}


#pagecontent div.promo h2 {
text-transform: uppercase;
font-weight:bold;
margin: 0;
font-size: 1.2em;
}

#pagecontent div.promo h2 a {
color: #3F6277;
background-color: transparent;
text-decoration: none;
}

#pagecontent div.promo p, #backchannel p, #links p, #links li {
margin: 3px 0px 3px 0px;
font-size: 1.2em;
}

#pagecontent div.promo p a, #pagecontent #backchannel p a, #pagecontent #links p.link a {
text-align: right;
font-weight: bold;
display: block;
padding-right: 19px;
background-image: url(arrow.jpg);
background-repeat: no-repeat;
background-position: right;
color: #6386AB;
}

#pagecontent div.promo p a:hover, #pagecontent #backchannel p a:hover, #pagecontent #links p.link a:hover {
background-color: transparent; 
color: #147;
}


div.promos:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.promos {display: inline-table;}

/* Hides from IE-mac \*/
* html div.promos{height: 1%;}
div.promos{display: block;}
/* End hide from IE-mac */


/*** PHOTOS ***/

div.photos {
width: 450px;
}

div.photos span.photo {
display: block;
float: left;
width: 78px;
margin: 0px 12px 12px 0px;
}

div.photos span.photo a img {
border: 1px solid black;
}

div.photos:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.photos {display: inline-table;}

/* Hides from IE-mac \*/
* html div.photos{height: 1%;}
div.photos{display: block;}
/* End hide from IE-mac */

.biophoto {
border: 1px solid black;
}

.right {
float: right;
margin: 0px 0px 10px 15px;
}

.left {
float: left;
margin: 0px 15px 10px 0px;
}

.vert {
height: 150px;
}

.horiz {
width: 150px;
}


/*** FOOTER ***/

div#footer {
padding: 30px 0 0 0;
background-image: url("footer.gif");
background-repeat: no-repeat;
}

div#footer p {
margin: 0;
padding: 0;
text-align: center;
color: #fff;
font-size: 0.9em;
}

div#footer a:link, 
div#footer a:visited, 
div#footer a:active {
color: #fff;
text-decoration: underline;
}

div#footer a:hover {
color: #9DD0ED;
}




#panel p {
  padding-top: 5px;
}

#panel .date {
  font-size: 24px;
  font-weight: bold;
  font-family: Trebuchet MS;
}

#panel .date2 {
  line-height: 24px;
  font-size: 18px;
  font-weight: bold;
  font-family: Trebuchet MS;
}

#panel .who {
  font-family: Trebuchet MS;
  font-size: 12px !important;
}


#backchannel {
/*
  background-image: url(backchannel.png);
  background-repeat: no-repeat;
*/
}

#backchannel h2 {
  color: #888;
  font-size: 18px;
  font-weight: bold;
/*  margin-left: 80px; */
  margin-bottom: 10px;
}

#backchannel p {
/*  margin-left: 80px; */
  padding-right: 10px;
}

#pagecontent #backchannel p a {
  background-color: white;
}

#slug h2 {
  color: #999;
  font-size: 24px;
  font-weight: bold;
}

#slug p {
  font-size: 16px;
  line-height: 1.4em;
}

#slug blockquote {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: bold;
  color: #999;
}

div.promo h2 {
  margin-bottom: 15px;
}