html, body {
margin:0;
padding:0;
background-color:#000000;
background-image:url("background_page.png");
color: #909090;
font-family: verdana, sans-serif;
font-size:14px;
line-height:1.45em;
}

#center {
margin:0 auto;
width:800px;
}

#logo {
clear:both;
margin-bottom: 10px;
margin-top:10px;
}
#logo a { border: none 0; }

/* Vertical centering: make div as large as viewport and use table layout */
div.slo {top: 0; left: 0; width: 100%; height: 80%;
position: absolute; display: table; }
p.slo {display: table-cell; vertical-align: middle}

/* Horizontal centering of image: set left & right margins to 'auto' */
img.slo {display: block; margin: 0 auto; border: none 0;}

#menu {
float:left;
font-variant: small-caps;
font-size: 1em;
text-align:right;
padding:0px;
margin-right:30px;
border-right: 1px solid #dddddd;
}
#menu li { list-style: none; text-align: right; }
#menu a {
color:#eeeeee;
display: block;
padding-left: 2em;
padding-right: 1em;
font-variant: small-caps;
text-decoration:none; 
border: none 0;
}
#menu a:hover { background-color: #808080; }

#tags {
font-size: 0.8em;
padding-left: 0;
}
#tags a {
color:#bbbbbb;
display: block;
font-variant: small-caps;
text-decoration:none; 
border: none 0;
}
#tags a:hover { color: #ffffff; background: none; }
#tags b {
margin-right: 1em;
}

/* content bgcolor: 0b0b0b */
#content {
float:left;
width:600px;
padding:5px;
margin:0px;
margin-top:-1em;
padding-top:0px;
padding-bottom:20px;
text-align:justify;
}

a.note:link { color: #ff6600; text-decoration: none; border: none; }
a.note:visited { color: #ff6600; text-decoration: none; border: none; }
a.note:active { color: #ff6600; text-decoration: none; border: none; }
a.note:hover { color: #ff6600; text-decoration: none; border: none; }

#latest td { margin-right: 1em; padding-right: 1em; }
#latest a:link { font-variant: small-caps; color: #ff6600; text-decoration: none; border: none; }
#latest a:visited { font-variant: small-caps; color: #ff6600; text-decoration: none; border: none; }
#latest a:active { font-variant: small-caps; color: #ff6600; text-decoration: none; border: none; }
#latest a:hover { font-variant: small-caps; color: #ff6600; text-decoration: none; border: none; }

.noteinfo {
color:#555555;
font-size: 0.8em;
margin:0px;
}
a.noteinfo:link {color:#aaaaaa; text-decoration:none; border: none 0; } 
a.noteinfo:visited {color:#aaaaaa; text-decoration:none; border: none 0; } 
a.noteinfo:active {color:#aaaaaa; text-decoration:none; border: none 0; } 
a.noteinfo:hover { color:#ffffff; text-decoration:none; border: none 0; }

#email {
text-align: center;
font-size: 0.7em;
}

#email b {
font-variant: small-caps;
font-size: 2em;
color: #ababab;
}

.projectShot {
float:left;
}
p.projectShot {
text-align:center;
text-indent:0;
}
img.projectShot {
border: 1px inset #3d3d3d;
}

#footer {
font-variant: small-caps;
font-size: 0.7em;
clear:both;
margin-top:5px;
text-align:center;
}

img {
border: none 0px;
margin: 2px;
}

h1 { font-size: 1.5em;  }
h2 { font-size: 1.3em;  }
h3 { font-variant: small-caps; font-size: 1.1em;  }
h4 { font-variant: small-caps; font-size: 1em;    }
h1, h2, h3, h4 { color: #ff6600; margin-top: 1em; clear: both; }

p {
margin: 0px;
padding: 5px;
}

table {
width:100%;
margin: 0px;
padding: 0px;
border: 0px;
}

tt.nick {
font-size: 1em;
color: #ababab; 
font-weight: bolder;
}

.thumbLink { color:#dddddd; text-decoration:none; border-bottom: 1px dotted green; }

a.link:link { text-decoration:none; border: none 0; }
a.link:visited { text-decoration:none; border: none 0; }
a.link:active { text-decoration:none; border: none 0; }
a.link:hover { text-decoration:none; border-bottom: 1px dotted #bbbbbb; }

a.undecorated:link { text-decoration:none; border: none 0; }
a.undecorated:visited { text-decoration:none; border: none 0; }
a.undecorated:active { text-decoration:none; border: none 0; }
a.undecorated:hover { text-decoration:none; border: none 0; }

a:link { color:#dddddd; text-decoration:none; border-bottom: 1px dotted green; }
a:visited { color:#808080; text-decoration:none; border-bottom: 1px dotted green; }
a:active { color:#ffffff; text-decoration:none; border-bottom: 1px solid green; }
a:hover { color:#ffffff; text-decoration:none; border-bottom: 1px solid green; }

ul.links { list-style: none; }
li.links { list-style: none; }

/* Library */

table.lib { width:100%; margin: 0px; padding: 0px; border: 0px; }
td.lib { width: 33%; border-bottom: 1px dotted #101010; }
span.top { color:gray; font-size: 0.8em; }
span.sub { color:gray; font-size: 0.8em; }
span.author_info { color:gray; font-size: 0.8em; }
span.id_type { color:gray; font-size: 0.8em; }