@charset "UTF-8";

/* CSS Document */


body { margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #999; line-height: 20px; }
#wrapper { width: 921px; margin: auto; position: relative; }
a img { border: none; }
a:link, a:visited { color: #999; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: none; }
.hidden {display:none;}
h5 {font:bold 10px arial, sans-serif; color: #000; margin:0; padding:0}
h6 {font:normal 10px arial, sans-serif; color:#999; margin:0; padding:0}
form {margin:0; padding:0}
a.news_headline {text-align:left}

/* - - - - - HEADER - - - - - */
#header { height: 101px; position: relative; }
#tagline { position: absolute; bottom: 5px; right: 0; }

/* - - - - - GREY BAR - - - - - */
#grey_bar { height: 290px; position: relative; }
#logo { position: absolute; left: 112px; top: 124px; }
#main_image, #projects, #project_page { width: 621px; float: right; padding-right: 9px; }
#projects { padding: 11px 9px 11px 0; }
#project_page { height: 290px; }
.project_small { float: left; padding: 0 8px 8px 0; }
#project_image { float: left; width: 409px; }
#project_thumbs { float: right; width: 212px; padding-top: 9px; height: 235px; }
#project_thumbs .project_small { float: left; padding: 0 0 9px 9px; }
#project_nav { width: 207px; float: left; padding-left: 5px; }
#project_nav_previous, #project_nav_grid, #project_nav_next { float: left; }
#project_nav_grid { padding: 0 26px 0 24px; }
.opaque {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5}
.opaque:hover, .full {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1}

/* - - - - - CONTENT - - - - - */
#content { clear: both; margin-top: 22px; }

/* - - - - - COLUMN 1 - - - - - */
#col1 { width: 261px; float: left; text-align: right; padding: 0 30px 0 0; }
ul#nav { list-style: none; margin: 0; padding: 0; }
#nav li { margin-bottom: 5px; }
#nav li a:link, #nav li a:visited { color: #000; text-decoration: none; }
#nav li a:hover, #nav li a:active, #nav li.current a { color: #cc3333; }
.nav_number { font-size: 10px; }
#footer { margin-top: 100px; font-size: 10px; }

/* - - - - - COLUMN 2 - - - - - */
#col2 { width: 339px; float: left; padding: 0 60px 0 10px; position: relative; }
#copy { text-align: justify; }
#copy p { margin: 0 0 20px 0; }
h1 { margin: 0 0 10px 0; font-size: 13px; line-height: 16px; color: #cc3333; }
#directions { text-align: right; padding-top: 2px; }
#directions a:link, #directions a:visited { font-size: 10px; font-style: italic; text-decoration: none; }
#bio {line-height: 16px}
.bio { clear: both; line-height: 16px; padding-bottom: 6px; display:block}
.bio_pic { width: 85px; float: left; }
.bio_text { float: left; padding-left: 15px; }
.bio_text_alt { background-color: #efefef; border-left: 6px solid #fff; float: left; width: 238px; height: 75px; padding: 5px; }
.name { color: #cc3333; }
.name a:link, .name a:visited { color: #cc3333; text-decoration: none; }
.name a:hover, .name a:active { color: #000; }
.bio_links { float: left; font-size: 10px; margin-top: 25px; width: 228px; }
.resume { background-image: url(../images/pdf_icon_grey.png); background-repeat: no-repeat; float: left; }
.resume a:link, .resume a:visited, .vcard a:link, .vcard a:visited { padding-left: 20px; line-height: 16px; color: #cc3333; text-decoration: none; }
.resume a:hover, .resume a:active, .vcard a:hover, .vcard a:active { color: #000; }
.vcard a:link, .vcard a:visited { padding-left: 27px; }
.vcard { background-image: url(../images/vcard_icon_grey.png); background-repeat: no-repeat; float: right; }
#bio h5 {font:normal 12px arial, sans-serif; color: #cc3333; margin:15px 0 0 0; padding:0}
#bio h6 {font:normal 11px arial, sans-serif; margin: 2px 0 0 0; padding:0}
#story_prev, #return, #story_next { float: left; }
#return { padding: 0 71px 0 63px; }

/* - - - - - COLUMN 3 - - - - - */
#col3 { width: 192px; float: left; font-size: 10px; line-height: 12px; padding: 0 9px 0 20px; background-repeat: no-repeat; background-position: 0 2px; }
#col3.latest { background-image: url(../images/col3_latest.png); }
#col3.related { background-image: url(../images/col3_related.png); }
#col3.address { background-image: url(../images/col3_address.png); }
.col3_item { margin-bottom: 10px; }
.item_title { font-weight: bold; color: #000; }
.item_title a:link, .item_title a:visited { color: #000; }
.item_title a:hover, .item_title a:active { color: #999; }
.item_text { margin-top: 2px; }
.pdf_link { background-image: url(../images/pdf_icon.png); background-repeat: no-repeat; padding: 0 0 5px 0; }
.pdf_link a:link, .pdf_link a:visited { line-height: 16px; display: block; color: #cc3333; text-decoration: none; padding-left: 20px; }
.pdf_link a:hover, .pdf_link a:active { color: #000; }
#contact { margin-top: 10px; }
input.contact_field { height: 12px; width: 144px; padding: 2px; font-size: 10px; color: #999; margin-bottom: 9px; }
textarea.contact_comments { width: 144px; padding: 2px; height: 71px; font:normal 10px arial, sans-serif; color: #999; margin-bottom: 10px; }


/* - - - - - CLEAR - - - - - */
.clear { clear: both; display:block; visibility:hidden; height:0}

/* paragraph tag control */
#bio p {margin:0; padding:0}
.col3_item p {margin:0; padding:0}