body { 
	background-color: #9CA0AD;
	color: #2D2E32;
	font-family: "Century Gothic", "Franklin Gothic", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: 300;
	line-height: 15pt;
	}
	
#main-content p, 
#main-content ul, 
#main-content ol {
	font-weight:600;
	}
	
#main-content blockquote {
	font-size: 0.8em;
	letter-spacing: -0.5pt;
	font-weight:800;
	} 

img { border: 0; }

h1, h2, h3, h4, h5, h6 { margin: 5px 0; }


#index-header {
	
	} 
	
#index-wrapper { } 
#index-main { 
	float: right;
	width: 100%;
	margin-left: -250px;
	} 
	 
#index-content-wrapper {
	position: relative;
	left: 0;
	margin-left: 250px;	
	}
	
#index-content {
	position: relative;
	top: 0;
	left: 0;
	padding-left: 150px;
	margin: 10px 30px 10px 10px;
	background: url('images/bg-rotate/rotate.php') no-repeat top left;
	height: 450px;
	width: 500px;
	}

#index-content-menu {
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
#index-sidebar {
	width: 250px;
	float: left;
	} 

#index-footer { height: 200px; } 


#wrapper { } 
#main { 
	float: right;
	width: 100%;
	margin-left: -250px;
	} 
	
#main-wrapper {
	position: relative;
	left: 0;
	margin-left: 250px;	
	}
	 
#main-content {
	position: relative;
	top: 0;
	left: 0;
	padding-left: 150px;
	margin: 10px 30px 10px 10px;
	background: url('images/bg-rotate/rotate.php') no-repeat top left;
	height: 430px;
	width: 500px;
	}

#main-content-menu {
	position: absolute;
	bottom: 0;
	right: 0;
	}

#main-frame { } 

#sidebar {
	width: 250px;
	float: left;
	text-align: left;
	}

#footer { } 

.bio-author-photo {
	float: left;
	margin: 2em;
	}

body.body-appearances { text-align: center; }
body.body-appearances #main-content { width: 630px; padding: 10px; }

body.body-biography #main-content { width: 630px; padding: 10px; }

#shorter-works-main {
	width: 400;
	height: 600;
	overflow: auto;
	padding: 10px;
	}


h1.nic-kelman-header {
	position: relative;
	top: -3px;
	left: -152px;
	margin: 0;
	padding: 0;
	text-indent: -5000px; 
	background: url('images/nic-kelman-title.gif') no-repeat top left;
	height: 64px;
	width: 420px;
	font-size: 72pt;
	font-weight: 300;
	line-height: 72pt;
	}

h1.words-title {
	position: relative;
	top: 0px;
	left: -152px;
	margin: 0;
	padding: 0;
	text-indent: -5000px; 
	background: url('images/words-title.gif') no-repeat top left;
	height: 54px;
	width: 250px;
	font-size: 72pt;
	font-weight: 300;
	line-height: 72pt;
	}

h1.girls-title {
	position: relative;
	top: 0px;
	left: -152px;
	margin: 0;
	padding: 0;
	text-indent: -5000px; 
	background: url('images/girls-title.gif') no-repeat top left;
	height: 54px;
	width: 184px;
	font-size: 72pt;
	font-weight: 300;
	line-height: 72pt;
	}

img.girls-cover {
	display: block;
/*	position: absolute;
	bottom: 0px;
	right: 30px;
*/
	height: 240px;
	width: 164px;
	}
		
h1.vga-title {
	position: relative;
	top: 0px;
	left: -152px;
	margin: 0;
	padding: 0;
	text-indent: -5000px; 
	background: url('images/vga-title.gif') no-repeat top left;
	height: 54px;
	width: 593px;
	font-size: 72pt;
	font-weight: 300;
	line-height: 72pt;
	}

img.vga-cover {
	display: block;
/*	position: absolute;
	bottom: 0px;
	right: 30px;
*/
	height: 240px;
	width: 171px;
	}
	
h1.shorter-works-title {
	position: relative;
	top: 0px;
	left: -152px;
	margin: 0;
	padding: 0;
	text-indent: -5000px; 
	background: url('images/shorter-works-title.gif') no-repeat top left;
	height: 54px;
	width: 556px;
	font-size: 72pt;
	font-weight: 300;
	line-height: 72pt;
	}

h1.image-title {
	position: relative;
	top: 0px;
	left: -152px;
	margin: 0;
	padding: 0;
	text-indent: -5000px; 
	background: url('images/images-title.gif') no-repeat top left;
	height: 54px;
	width: 259px;
	font-size: 72pt;
	font-weight: 300;
	line-height: 72pt;
	}
	
h1.contact-header {
	padding-top: 10px;
	}

h1.video-game-art-excerpt-title {
	font-size: 20pt;
	font-weight: 300;
	line-height: 20pt;
	text-transform: uppercase;
}

.girls-excerpt h1 {
	font-size: 20pt;
	font-weight: 300;
	line-height: 20pt;
	text-transform: uppercase;
	}
	
ul.navigation { 
	list-style-type: none; 
	margin: 0 0 1.5em 0; padding: 0;
	font-size: 20pt;
	} 

.navigation li { 
	margin-bottom: 0.2em;
	}

.navigation li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #2D2E32;
	font-weight: 700;
	}

li.nav-bio, li.nav-appearances { font-size: 12pt; }

.navigation li.nav-contact a:hover, .navigation li.nav-contact a:active { 
	color: #6767e9;
	}
.navigation li.nav-words a:hover, .navigation li.nav-words a:active { 
	color: #c94700;
	}
.navigation li.nav-images a:hover, .navigation li.nav-images a:active { 
	color: #4700c9;
	}
.navigation li.nav-bio a:hover, .navigation li.nav-bio a:active { 
	color: #c90047;
	}
.navigation li.nav-appearances a:hover, .navigation li.nav-appearances a:active { 
	color: #0047c9;
	}	

.navigation li.nav-bio a, .navigation li.nav-appearances a { font-weight: 400; }

	
.clearing { clear: both; width: 100%;} 


.thumbwrap {
	display: inline-block;
	width: 580px;
/* border: 1px solid #999; */	
	padding: 15px 8px 0 8px;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;  /* Moz */
	display: inline-block;  /* Op, Saf, IE \*/
	vertical-align: top;  /* IE Mac non capisce e a volte crea extra v space */
	margin: 0 7px 15px 7px;
	padding: 0;
}
.thumbwrap a {
	display: block;
	border: 4px solid #999;
	color: #000;
	background-color: #eee;
	text-decoration: none;
}
.thumbwrap a:hover {
	border-color: #555;
	background-color: #ddd;
}
.thumbwrap a img {
	border-width: 0;
	vertical-align: bottom;
}
.thumbwrap a span {
	display: block;
	width: 160px;
	w\idth: 152px; /* Moz */
	padding: 4px;
}
/*\*//*/ .thumbwrap a {
	width: 160px;
}
/* hover Op */
@media all and (min-width: 0px) {
	.thumbwrap a {
		display: inline-block;
	}
	.thumbwrap li {
		width: 168px;
	}
}