* {margin: 0; padding: 0; border: 0;}
body {margin: 0; padding: 0; font: 85% arial, hevetica, sans-serif; text-align: center; color: #fff; font-family: "Verdana", sans-serif; background: #000 url("celtic_knot.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center;}
.clear {display: block; clear: both; float: none;}
.center {text-align: center; text-indent: 0;}
.left {float: left;}
.right {float: right;}
.und {text-decoration: underline;}
.indent {margin-left: 2em;}
abbr {cursor: help;}

.debug {border: 1px solid red;}
H1 {font-weight: bold; font-size: 400%; color: #fff;}
H2 {font-weight: normal; font-size: 300%; color: #fff;}
H3 {font-weight: bold; font-size: 250%; color: #fff;}
A:link {color: #9ad095; text-decoration: none;}
A:active {color: #fff; text-decoration: none;}
A:visited {color: #9ad095; text-decoration: none;}
a.portfolio:visited {color: #fff; text-decoration: none;}
A:hover {color: #fff; text-decoration: none;}
ADDRESS {font-size: 90%; color: #fff; font-style: italic;}
hr {border-width: 1px 0; border-color: #598b3f; border-style: solid;}

p {text-indent: 2em;}

#container {margin: 0 auto; padding: 122px 0 0 0; width: 1000px; text-align: left; background-color: #000; background-image: url("/images/layout/bkgnd.gif"); background-repeat: no-repeat;}
#content_wrapper {margin: 0 0 0 50px; width: 898px; height: 403px; overflow: auto;}

#mainnav {margin: -90px 0 90px 75px;}
#mainnav ul {list-style-type: none;}
#mainnav ul li {float: left; margin: 2px 5px; padding: 2px 5px;}
#mainnav ul li a:hover {border-width: 2px 0 0 0; border-color: #fff; border-style: solid;}
#contents {margin: 20px; padding: 5px; margin: 15px 5px 5px 5px;}
#footer  {margin: 1.3em 0 21px 75px; padding: 5px; font-size: 80%;}
#copyright {font-size: 80%; text-align: center;}
a.email {letter-spacing: 2px;}

.picbox {border: 1px solid #55843e; margin: 2em 5em; padding: 2em 5em;}
.picbox img {margin: 0 1em 0 0;}
.picbox3 {float: left; border: 1px solid #55843e; margin: 20px; padding: 10px; width: 200px; text-align: center;}
.picbox2 {text-align: center;}
#picNav {margin: 0 auto; width: 60%; font-size: 80%;}

.showbox {width: 848px;}
.showpic {float: left;}
.showpic2 {float: right;}
.showpic, .showpic2 {width: 414px;}
.showdesc {float: right;}
.showdesc2 {float: left;}
.showdesc, .showdesc2 {width: 414px; text-align: center; margin: 4em 0;}

.other_box {text-align: center; width: 450px; margin: 0 auto; padding: 5em 0;}
.other_port {width: 150px; float: left;}
.other_port a:hover, .thesis_port a:hover {border-bottom: 2px solid #fff;}

#fptext {float: left; margin: 0 0 4em 0; width: 600px;}

#show-feature {border-width: 0 2px 0 0; border-style: solid; border-color: #56883f; float: left; width: 600px; padding: 0 12px 0 0; margin: 0 12px 0 0;}
#show-feature div {border-width: 2px 0 0 0; border-style: solid; border-color: #56883f; padding: 12px 0 0 0;}
#show-feature div img {margin: 12px;}

#headshot {border-width: 0 0 0 2px; border-style: solid; border-color: #56883f; float: right; width: 200px; padding: 0 0 0 12px; margin: 0 0 0 12px;}
#headshot div {border-width: 0 0 2px 0; border-style: solid; border-color: #56883f; padding: 0 0 12px 0; text-align: center; font-style: italic; font-size: 85%;}
#headshot div img {margin: 0px;}

ul.editmenu {list-style-type: none;}
ul.editmenu li {float: left; margin: .2em .5em; padding: .2em .5em;}
ul.editmenu li.text {width: 60%;}
ul.editmenu li.disp {width: 15%;}
ul.editmenu li.clear {float: none; clear: both;}
ul.editmenu li img {float: left; margin: 0 1em 0 0;}

ul.indent {text-indent: 2em;}

.thesis-title {display: block; width: 350px; text-align: center;}
.thesis-section {float: left; margin: 1em 25px;}
#thesis-main img {border: 1px solid #fff;}
#thesis-nav {font-size: 80%; margin: 0 0 1em 0;}