/* images: w800 h600 t130 */

html
{
	/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
}

body
{
	background: #fff;
	color: #000;
	font-size: 11px;
	line-height: 18px;
	padding: 0 0 2em 0;
	font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode";
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin: 1em 0 1em 0;
}

ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

h1
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-weight: bold;
}

h2
{
font-size: 14px;
border-bottom: 0px solid #000;
font-weight: bold;
letter-spacing: 0px;
word-spacing: 1px;
margin: 1em 0 1em 0;
padding: 0;
background: transparent;
font-family: Georgia; "Lucida Grande", "Lucida Sans Unicode", Verdana;
}

#about h2, #links h2
{
background: #fff;
font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", Verdana;
border-bottom: 2px solid #000;
}

h3.artwork-title
{
font-size: 14px;
border-bottom: 0px solid #000;
font-weight: bold;
margin: 1em 0 1em 0;
padding: 0;
letter-spacing: 0px;
word-spacing: 1px;
font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", Verdana;
}

.emphasis { font-style: italic; }

#links p
{margin: 0.5em 0 0.5em 0;}

p.layout
{
	border: 1px solid #666;
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
}

sup { font-size: 0.75em; line-height: 0.75em; color: #666; margin: -0.25em 0 0 0; padding: 0; vertical-align: top; }

img { border: 0; }
.description, .author, .category, .link-title
{color: #000; font-size: 11px; line-height: 18px; text-decoration: none; margin: 1em 0 1em 0; padding: 0 0 0 0; background: transparent; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;}

#footer { margin-top: 3em; padding: 4px 0 4px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }

#banner {text-align: left; font-size: 18px; margin: 10px; 10px; padding: 10px 0; font-weight: bold; letter-spacing: 0px; word-spacing: 1px; font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", Verdana;}

#nav {border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 30px;}

.navitem {color: #000; text-align: left; font-size: 11px; line-height: 18px; margin: 0 10; padding: 6px 0 4px 0; background: transparent; width: 140px; display: block; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;}

.rule {border-bottom: 1px solid #000; margin-bottom: 20px;}

.horizontal-rule {border-bottom: 1px solid #000; margin-bottom: 20px;}

.full-rule {border-top: 1px dotted #000; margin-top: 1em; margin-bottom: 1em;}

#links .full-rule {border-top: 1px dotted #000; margin-top: 2em; margin-bottom: 1em;}

a:focus {outline: 1px dotted invert;}
a:link, a:visited {color: #000; text-decoration: none; background: transparent; border-bottom: 1px dotted #000;}
a:hover {color: #000; text-decoration: none; background: #e7faff; border-bottom: 1px solid #000;}
a:active {color: #fff; text-decoration: none; background: #000; border-bottom: 1px solid #000;}

#nav * a:link, #nav * a:visited {color: #000; text-decoration: none; background: transparent; width: 140px; display: block; border-bottom: 1px solid #000; border-top: 1px solid #fff;}

#nav * a:hover {color: #000; text-decoration: none; background: #e7faff; width: 140px; display: block; border-bottom: 1px solid #000; border-top: 1px solid #000;}

#nav * a:active {color: #fff; text-decoration: none; background: #000; width: 140px; display: block; border-bottom: 1px solid #000; border-top: 1px solid #000;}

body#projects #projects-tab a, body#artworks #artworks-tab a, body#texts #texts-tab a, body#about #about-tab a, body#links #links-tab a
{color: #000; text-decoration: none; background: #fff; width: 140px; display: block; border-bottom: 1px solid #000; border-top: 1px solid #000;}

a:link.thumbnail-box, a:visited.thumbnail-box {display: block; width: 130px; height: 130px; text-align: center; background: #fff; border: 1px dotted #000; margin: 1em 0 1em 0; padding: 4px;}
a:hover.thumbnail-box {display: block; width: 130px; height: 130px; text-align: center; background: #e7faff; border: 1px solid #000;  margin: 1em 0 1em 0; padding: 4px;}
a:active.thumbnail-box {display: block; width: 130px; height: 130px; text-align: center; background: #000; border: 1px solid #000;  margin: 1em 0 1em 0; padding: 4px;}

#footer a:link, #footer a:visited {color: #000; text-decoration: none; background: transparent; border: 0;}

#footer a:hover {color: #000; text-decoration: none; background: #e7faff;  border: 0;}

#footer a:active {color: #fff; text-decoration: none; background: #000;  border: 0;}