* {
margin: 0;
padding: 0;
}
html{height:100%;}
body{
background: url('css_images/body_bg.png') repeat-x scroll left top;
height: 100%;
color: #fff;
}
#page{
position: relative;
margin: 0 auto;
top: 120px;
width: 576px;
}
#footer{
margin-top: 8px;
padding: 0 16px 0 5px;
}
.bio { float: left; width: 390px; }
.books { text-align: center; width: 100%; padding-top: 15px}
.main { margin: 70px 5px 0 5px; }
h1 {
font-size: 200%;
font-style: italic;
}
.logo {
float: left;
margin: 9px 0 0 5px;
}
.logo a:link, .logo a:visited {
height: 20px;
color: #fff;
text-decoration: none;
}
h2 {
font-size: 140%;
margin-bottom: 10px;
}
p{
padding-bottom: 1em;
font-size: 100%;
line-height: 160%;
}
address{color: #6792c6;
float: left;
line-height: 160%;
}
address a:link{color: #6792c6}
address a:hover{text-decoration: none;}
p.xing{float: right;}
strong {font-weight: bold}
a:link, a:visited{ color: #fff;}
a:active, a:hover{ text-decoration: none;}
/* Navigation ==========================*/
.navigation {float: right; text-align: left; margin-right: 5px;}
.navigation li {text-align: right; float: left; padding-left: 25px}
.navigation a:link, .navigation a:visited, .navigation a:active{
display: block;
font-size: 160%;
color: #fff;
text-decoration: underline;
padding-top: 14px;
}
.navigation .active a:link, .navigation .active a:visited, .navigation a:hover{
text-decoration: none;
}
/* VCARD ==========================*/
.vcard{

float: right;

}
.photo{
border: 1px solid #fff;
padding: 4px;
width: 113px;
}
/* XFN ==========================*/
a[rel=me]:hover:after { content: " " url('css_images/xfn-me.png'); }
a[rel=colleague]:hover:after { content: " " url('css_images/xfn-colleague.png'); }
a[rel=colleague-met]:hover:after { content: " " url('css_images/xfn-colleague-met.png'); }
/* Background ==========================*/
/*
  -- Based on the article http://www.schillmania.com/content/projects/even-more-rounded-corners/ --

*/

.bg {

 position:relative;

 margin:0px auto;

 width:560px; /* based on image dimensions - not quite consistent with drip styles yet */

 color:#fff;

 z-index:1;

 margin-left:12px; /* default, width of left corner */

 margin-bottom:0.5em; /* spacing under bg */

}

.bg .content,

.bg .t,

.bg .b,

.bg .b div {

 background:transparent url(bg_800x1600.png) no-repeat top right;

 _background-image:url(bg.gif);

}

.bg .content {

 position:relative;

 zoom:1;

 _overflow-y:hidden;

 padding:0px 12px 0px 0px;

}

.bg .t {

 /* top+left vertical slice */

 position:absolute;

 left:0px;

 top:0px;

 width:12px; /* top slice width */

 margin-left:-12px;

 height:100%;

 _height:1600px; /* arbitrary long height, IE 6 */

 background-position:top left;

}

.bg .b {

 /* bottom */

 position:relative;

 width:100%;

}

.bg .b,

.bg .b div {

 height:30px; /* height of bottom cap/shade */

 font-size:1px;

}

.bg .b {

 background-position:bottom right;

}

.bg .b div {

 position:relative;

 width:12px; /* bottom corner width */

 margin-left:-12px;

 background-position:bottom left;

}

.bg .hd,

.bg .bd,

.bg .ft {

 position:relative;

}

.bg .wrapper {

 /* extra content protector - preventing vertical overflow (past background) */

 position:static;

 max-height:1000px;

 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */

}