/* avioli.name master stylesheet. recreated by avioli june 2008
------------------------------------------------------------------*/

/* Global
------------------------------------------------------------------*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}
body {
	background-color: #000;
	color: #fff;
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: 100; /* ultra light */
	letter-spacing: 1px;
	line-height: 110%;
	text-align: center;
	width: 100%;
	min-width: 980px;
}
img { border: 0; }
ul,
li {
	list-style: inside;
	list-style-type: decimal;
}
h1,
h2,
h3,
h4 {
	display: block;
	line-height: 1em;
	margin: 0 auto;
}

/* Links
------------------------------------------------------------------*/
a:link, a:visited {
	color: #fff;
	outline: none;
	text-decoration: underline;
}
	a:active { outline: none; }
	a:hover, a:active { text-decoration: none; }

/* Commonly used
------------------------------------------------------------------*/
.clear { clear: both; }
hr {
	border-bottom: 1px solid #666;
	border-left: none;
	border-right: none;
	border-top: none;
	clear: both;
	height: 1px !important;
	overflow: hidden;
}
.right {
	float: right;
	padding: 0 10px 0 10px;
}
.left {
	float: left;
	padding: 10px 10px 10px 0;
}
.smalltype { font-size: 12px; }

/* Layout
------------------------------------------------------------------*/
#bottom-fade {
	background: transparent url('../images/overlay_bottom.png') repeat-x 0 0;
	bottom: 0;
	height: 56px;
	left: 0;
	position: fixed;
	width: 100%;
}
#madeOnMac {
	background: transparent url('../images/madeonmac.png') no-repeat 50% 50%;
	bottom: 10px;
	display: block;
	height: 18px;
	line-height: 200px;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

#navigation {
	background-color: transparent;
	background-image: url('../images/overlay_top.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	left: 0;
	min-width: inherit;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
}
	#navigation a {
		background: transparent url('../images/menu.png') no-repeat 0 0;
		display: inline-block;
		height: 68px;
		line-height: 300px;
		overflow: hidden;
	}
		a#navbio {
			background-position: 0 0;
			width: 242px;
		}
			a#navbio:hover,
			#bio a#navbio { background-position: 0 -69px; }
			#bio a#navbio:hover { background-position: 0 -138px; }
		
		a#navcv {
			background-position: -242px 0;
			width: 91px;
		}
			a#navcv:hover,
			#cv a#navcv { background-position: -242px -69px; }
			#cv a#navcv:hover { background-position: -242px -138px; }
			
		a#navpf {
			background-position: -333px 0;
			width: 194px;
		}
			a#navpf:hover,
			#pf a#navpf { background-position: -333px -69px; }
			#pf a#navpf:hover { background-position: -333px -138px; }
	.navigation-big {
		background-image: url('../images/overlay_top_big.png') !important;
		height: 144px !important;
	}
		
#subpf {
	display: none;
	left: 0;
	position: fixed;
	text-align: center;
	top: 65px;
	width: 100%;
}
	#subpf a {
		background: transparent url('../images/menu_pf2.png') no-repeat 0 0;
		display: inline-block;
		height: 38px;
		line-height: 300px;
		overflow: hidden;
	}
		#subpf a#pf-id {
			background-position: 0 0;
			width: 132px;
		}
		body.cat_id #subpf a#pf-id,
		#subpf a#pf-id:hover { background-position: 0 100%; }
		
		#subpf a#pf-ad {
			background-position: -132px 0;
			width: 44px;
		}
		body.cat_ad #subpf a#pf-ad,
		#subpf a#pf-ad:hover { background-position: -132px 100%; }
		
		#subpf a#pf-3d {
			background-position: -176px 0;
			width: 42px;
		}
		body.cat_3d #subpf a#pf-3d,
		#subpf a#pf-3d:hover { background-position: -176px 100%; }
		
		#subpf a#pf-dr {
			background-position: -218px 0;
			width: 77px;
		}
		body.cat_drawn #subpf a#pf-dr,
		#subpf a#pf-dr:hover { background-position: -218px 100%; }
		
		#subpf a#pf-al {
			background-position: -295px 0;
			width: 78px;
		}
		body.cat_ #subpf a#pf-al,
		#subpf a#pf-al:hover { background-position: -295px 100%; }
		
		#subpf a#pf-wb {
			background-position: -373px 0;
			width: 61px;
		}
		body.cat_web #subpf a#pf-wb,
		#subpf a#pf-wb:hover { background-position: -373px 100%; }
		
		#subpf a#pf-lg {
			background-position: -434px 0;
			width: 71px;
		}
		body.cat_logos #subpf a#pf-lg,
		#subpf a#pf-lg:hover { background-position: -434px 100%; }
		
		#subpf a#pf-ph {
			background-position: -505px 0;
			width: 84px;
		}
		body.cat_photos #subpf a#pf-ph,
		#subpf a#pf-ph:hover { background-position: -505px 100%; }
		
		#subpf a#pf-pr {
			background-position: -589px 0;
			width: 59px;
		}
		body.cat_print #subpf a#pf-pr,
		#subpf a#pf-pr:hover { background-position: -589px 100%; }

#content { padding: 50px 0; }
	#content h1,
	#content h2 {
		background-color: #3c3c3c;
		background-position: center center;
		background-repeat: no-repeat;
		display: block;
		height: 50px;
		line-height: 1000px;
		margin-bottom: 1px;
		overflow: hidden;
	}
	#content .info {
		bottom: 100px;
		height: 50px;
		position: absolute;
		width: 750px;
	}
	#content .img {
		background-position: center center;
		background-repeat: no-repeat;
		display: block;
		margin-bottom: 5px;
		margin: 0 auto;
	}
	#content .jsafter { border: 5px solid transparent; }
	#content .jsafter:hover { border-color: #999; }
	#content .jsafter div { display: none; }
	#content .jsafter:hover div { display: block; }
	#content a span {
		background: transparent url('../images/hover_text_bg.png');
		display: none;
		padding: 10px 20px;
		text-align: left;
	}
		#content a:hover span { display: block; }
	#content .notes {
		font-size: 1.3em;
		line-height: 50px;
	}
	#content table { width: 98%; }
	#content table td {
		border-bottom: 1px solid #3c3c3c;
		width: auto;
	}
	#content table thead td {
		background-color: #3c3c3c;
		padding: 0.5em;
	}
	
#bio #content,
#cv #content {
	background: #000 url('../images/bg.png') repeat 0 50% fixed;
	font-size: 1.3em;
	line-height: 1.1em;
	padding: 50px 100px;
	text-align: left;
}
	#bio #content strong,
	#cv #content strong {
		font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 500; /* medium */
	}
	
	#bio #content p,
	#cv #content p { padding: 0.5em 0; }
	
	#bio #content h1,
	#cv #content h1,
	#cv #content h2 {
		font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1.7em;
		font-weight: 100; /* ultra light */
		letter-spacing: 1px;
		line-height: 50px;
		text-indent: 0.3em;
	}
	
	#bio #content img {
		display: block;
		margin: 0 auto;
	}

#cv #content h2 {
	font-size: 1.2em;
	height: 2em;
	line-height: 2em;
}
	#cv ul { padding: 0.6em 0; }
		#cv ul li { list-style: none; }
		#cv ul.bullets { padding: 0; }
			#cv ul.bullets li {
				list-style-position: inside;
				list-style-type: square;
			}
	#cv .showMore { display: none; }