* { margin: 0; padding: 0; }
body { font: 100%/150% "Trebuchet MS";  text-align: center; }
h1 { font: italic 180%/120% serif; margin: 1em 0 0.5em 0; }
ul { list-style-type: none; width: 80%; display: block; margin: 2em auto; clear: both; 
}
li { display: block; float: left; }
img { border: none; display: block; margin: 0 auto; padding: 10px 0 0 0;}
a { text-decoration: none; color: #999; }
li a { font-size: 70%; display: block; text-align: center; width: 80px; 
padding: 0 10px 0 10px; overflow: hidden; height: 80px; border: 3px solid white; }
li a:hover, li.selected a { color: #C15B27; border: 3px solid #999; }
* html li.selected a { margin: -3px; }
li.me { width: 30%; float: right; margin: 10px 0 1500px 0.5em; border: 3px solid white;}
li.me.selected {  border: 3px solid #999; }
li.me a { font-size: 100%; text-decoration: underline; display: inline; 
width: auto; height: auto; overflow: visible; float: none;  border: none!important; padding: 0; }
li.me a img, #visible img { float: none; display: inline;}
li.me p { text-align: left; margin: 0 0 0.75em 0; } 

li.spacer { clear: left; }
li.hr { width: 60%; padding: 0 0 1em 0; margin: 2em 0 0 20px; border-top: 1px solid #999; 
font-size: 75%; clear: left; }
* html li.hr { margin: 2em 10px 0 5px; }
* html li.last { clear: right; margin-right: 200px;}

#c { padding: 2em 0 1em 0; font: 75%/120% sans-serif; text-align: center; }
#c a { text-decoration: none; padding: 0 0.25em 0 24px; background: url('imgs/decor/mail.png') no-repeat 0px 2px;}
#view { background: #333; position: fixed; top: 0; right: 0; left: 0; bottom: 0;
-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); 
text-align: center; display: none; cursor: pointer; }
* html #view { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; cursor: hand;}
#visible { width: 457px; height: 500px; background: white; top: 50%; left: 50%; 
position: fixed; margin: -250px 0 0 -228px; display: none; text-align: center; 
border: 10px solid #999; z-index: 10; }
* html #visible { position: absolute; }
#visible a { padding: 0 0 1em 0; }
#loading { margin: 212px 0 212px 0; }

#menu { display: none; float: left; margin: 0 1em 0 0; }