/* CSS Document */
html, body {height: 100%}

body {font-family: Arial, Helvetica, sans-serif; font-size: 80%; text-align:center; margin: 0; background-color: #BBB1B1; height: 100%}
a {text-decoration: none;  text-align: center; color:#333333}
img {border: none}
#main { background:url(images/canvas.jpg) no-repeat top center; height: 100%; border: 1px solid #5A5A59; width: 800px; background-color: #FBF6F0; margin: 0 auto }
#amyolds {margin: 60px 0 25px 300px}

#topbar {border: none; width: 650px; margin: 20px auto 50px; float: none}
#topbar img {border: none}
#amyo {margin: 15px auto}
#topbar a#portfolio {background:url(images/portfolio.gif) no-repeat top left; font-size: 0; text-align:center; margin: 0px; display: block}
#topbar span#portfolio {background:url(images/portfolio.gif) no-repeat bottom left}
#topbar a#portfolio:hover{background-position: bottom left}

#topbar a#contact {background:url(images/contact.gif) no-repeat top left; float: right;  width: 120px; font-size: 0; display: block}
#topbar a#contact:hover {background-position: bottom left}

#topbar a#biography, span#biography {background:url(images/biography.gif) no-repeat top left; width: 107px; font-size: 0; color: #FBFAEF; display: block; margin-left: 250px !important; margin-left: 0}
#topbar span#biography {background:url(images/biography.gif) no-repeat bottom left}
#topbar a#biography:hover { background-position: bottom left}

#slideshow_link { letter-spacing: 5px; white-space: nowrap}

#bio {width: 600px; margin: 0 auto; float: none}
#bio p {text-align: justify}
#bio img {float: left; border: 1px solid black; margin: 0 10px 10px 0}

div.row {float: none; clear: both; width: 700px; margin: 31px auto}
div.row div {margin: 0 20px; _margin: 0 12px 0 11px; width: 120px; text-align: center; float: left}
.img-shadow { float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important;  background: url(images/shadow.gif) no-repeat bottom right;  margin: 10px 0 0 10px !important;  margin: 10px 0 0 5px;	width: 122px  }
/* mac hide *\*/ 
.img-shadow, div.row div {width: auto} 
/* end */	

.img-shadow img {display: block;  position: relative;  background-color: #fff; margin: -4px 6px 6px -4px; border: none;}
div.row div a {display: block; clear:both; padding-right: 7px}
div.row div .img-shadow a {padding-right: 0px}

div#slideshow {margin: 0 auto; width:200px; text-align: center}
a#slideshow_link {display:block; width: 100px; margin: 6px auto;}

#full {width: 680px; margin: -10px auto 20px}
#full img.palimpsest{ margin-left: 40px}
#full ul.palimpsest {margin-right: 30px}
#full ul {list-style: none; padding: 5px; margin: 40px 0; float: right; text-align: left}
#full ul li {margin: 3px 0}
#full ul h1 {font-size: 100%; margin: 0; border-bottom: 1px solid #825386; font-style:italic}


a#portfolio, span#portfolio {background:url(images/portfolio2.gif) no-repeat top left; float: left; height: 25px; width: 92px; font-size: 0px; color: #FBFAEF}
a#biography, span#biography {background:url(images/biography2.gif) no-repeat top left; height: 25px; width: 107px; font-size: 0px; color: #FBFAEF; display: block; margin-left: 250px; _margin-left: 0}
a#contact {background: url(images/contact2.gif) no-repeat top left; float: right;  height: 25px; width: 83px; font-size: 0px; color: #FBFAEF}

.ss_wrapper { width: 400px; margin: 0 auto}
.ss_wrapper .img-shadow { float: none; clear: both; position: static}