/* force vert scrollbar in ff */
.info p { display: none; }
.info h3 { display: none; }
.wide-info p { display: none; }
.wide-info h3 { display: none; }
.info .url p { display: block; }
html { 
    overflow-y: scroll;
}
/*min-height: 100%; margin-bottom: 1px; }*/

h1, h2, h3, h4 {
    font-family: "Trebuchet MS";
}
h1 {
    color: #aaa;
    font-size: 16px;
}
h2 {
    margin-bottom: .5em;
    color: #444;
}
h3 {
   color: #aaa;
   font-size: 12px;
}
h4 {
    font-size: 12px;
    margin: 0; padding: 0;
    margin-bottom: 1em;
    text-transform: uppercase;
    color: #aaa;
}

a, p {
    font-family: arial;
    line-height: 150%;
    font-size: 12px;
    color: #000;
}
img { 
    border: 0;
}
.content {
    width: 900px;
    padding-left: 50px;
    margin-left: auto; margin-right: auto;
}
.content.personpage {
    margin-top: 30px;
}

.content.home h1 {
	font-size:46px;
    margin-top: 0;
}
.content.home img {
}

.index { 
    float: left; 
    margin-bottom: 20px;
}
.index tr { 
	vertical-align: top;
}
td a.person, td a.person:visited {
color: #c00;
	display: block;
	width: 140px;
    font-size: 14px; 
    margin-bottom: 5px;
    margin-right: 10px;
    margin-left: 10px;
    text-decoration: none;
}
.index a:hover, td a.person:hover { text-decoration: underline; }
.sidebar {
    float:right; 
    width: 420px; 
    margin-right: 50px;
}
.sidebar h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.sidebar p {
    margin-top: .5em;
}

.nav {
	margin-right: 200px;
}
.nav a, .nav a:visited {
	color: #c00;
	text-transform: lowercase;
	text-decoration: none;
	margin-right: 10px;
}
.nav a:hover{ 
    text-decoration: underline;
    color: #444;
}
.notes { 
    float: left; width: 200px;
}
.person .info { 
    float: left;
    width: 200px;
    margin-right: 20px;
}
.person .wide-info {
    float: left;
    width: 400px;
    margin-left: 100px;
    margin-right: 20px;
}
.info h3, .wide-info h3 {
    margin-bottom: .3em;
}
.info p, .wide-info p {
    margin-top: .3em;
}
.person .work {
    float: left;
    margin-left: 30px;
    margin-top: 10px;
    max-width: 620px;
}
.work {
    position: relative; 
    top: -80px;
    left: 30px;
}
.work p {
	color: #666;
	margin: 0; padding: 0;
	margin-bottom: 20px;
}
.work img { display: block; margin-bottom: 10px; }
.work a { 
	display: block; color: #ccc; text-align: right;
	text-decoration:  none;
}

div.url { margin-top: 20px; }
div.url a, div.url a:visited, div.url p { 
	color: #444; font-size: 12px;  
	text-decoration: none;
}
div.url a:hover { color: #000; text-decoration: underline; }
td.directions {  
    padding-left:  30px;
}
td.directions p { 
    color: #444;
}