* {margin:0; padding:0;}
body {font:normal 80% Verdana, Ariel, Helvetica, sans-serif; line-height:1.7em; text-align:center;
	color:#aaa; background:#282828;}

a {text-decoration:none;}
a img {border:none;}

p {margin:1em 0;}
h1 {font-weight:normal; font-size:1.5em;}
h2 {font-weight:normal; font-size:1.3em; margin: 0 0 0.5em 0;}

ul, ol {list-style:none;}


/* ---------- layout, nav ------------- */

#page {width:970px; margin:25px auto 20px auto;}

#header {height:33px; text-align:right;}
#header a, #footer a {border-bottom:none;}
#logotype {float:left;}
ul#topnav {padding-top:5px;}
#topnav li {display:inline; margin-left:20px;}
#topnav li a:active {border: none;}
#subnav {margin:3px -10px 10px 0; text-align:right;}
#subnav li {display:inline; margin-left:7px;}

#main {padding:0 0 15px 0; margin:0 10px;
	border-top:1px solid #56633d; border-bottom:1px solid #56633d;}

#footer {text-align:left; clear:both; margin-bottom:30px;
	color:#888; font-size:0.9em;}
#homelink {float:right; margin:0;}



/* ---------- index pages ------------- */

#home {padding:0 0 25px 0; margin:0 10px; text-align: justify; 
	border-top:1px solid #56633d; border-bottom:1px solid #56633d;}
#home img#credo {margin: 10px 0 0 0; padding-bottom: 10px;}
.home_img {float:right; margin:0;}

.section_img {margin:20px 0;}
div.section_index #copy {margin-left:400px; padding-bottom: 20px; font-size: 1.1em; line-height:1.9em; font-weight: lighter;}



/* ---------- bios, ecology, contact ------------- */

#copy, .bio, .bio_copy {text-align:left;}
#copy a:link, 
#copy a:visited,
div.contact a:link,
div.contact a:visited,
ul#awards a:link,
ul#awards a:visited  {color:#c60; border-bottom:none/*1px dotted #c60*/;}
html body #copy a:hover,
html body #copy a:active,
div.contact a:hover,
div.contact a:active,
ul#awards a:hover,
ul#awards a:active {color:#658831; border-bottom:1px solid #658831;}

div.bio_copy {width:620px; margin-bottom: 40px; float: right;}
div.bio_copy h1 {color:#666;}
.bio_img {margin:0 20px 20px 80px;}

#bionav {float:left; margin:10px 0 20px 0; width: 280px;
	text-align: right; font: 1em Verdana, Ariel, Helvetica, sans-serif; line-height:1.8em;}
#bionav a {color: #aaa;}
#bionav a:hover, #bionav a:active, #bionav a.current {color: #658831;}

div.contact #copy {padding-top: 15px;}
div.contact #map {float:right; margin:40px 0 20px 0;}
div.contact #map a {font-size: smaller;}

ul#awards {padding-top: 100px 0 25px 0; text-align: left;}
ul#awards li {color: #888; margin: 10px 0 0 0;}
span.award_title {color: #aaa;}
span.award_date {color: #888; border-left: 1px solid #555; margin-left: 7px; padding-left: 10px;}


/* ---------- portfolio ------------- */

#main.portfolio_main {text-align:right;}
#copy.portfolio {float:left; width:400px; padding-top: 5px;}
p.proj_awards {color: #777;}
p.proj_link {font-size: 0.9em;}

#images {width:500px; margin-left:450px; padding-top: 10px;
	text-align:right;}
#main_img {margin-bottom:15px; text-align: right;}
#main_img p {margin: 4px 0 0 2px; font-size: 0.8em; line-height: 1em; color: #888;}

#thumbs a {float:right; margin:0 13.2px 13px 0;}
#thumbs a.last {margin-right:0;}
#thumbs a img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
#thumbs a:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1; opacity:1;}



#footer ul {padding:5px 10px 0 10px;}
#footer ul li {display:inline; margin-right:17px;}
.copyright {float:right; margin:5px 10px 0 10px;}

.clearing {clear:both; margin-bottom:-5px;}