/* CSS Document */

body {
	font-family:'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size:75%;
	background-color:#EEEEEE;
	color:#444444;
	margin:0;
	
	/* flexibg */
	margin: 0;
	padding: 0;
	background-position: top center;
	background-repeat: no-repeat;
	/* This next one is for IE6 */
	background-attachment: fixed;
   
}

div#photo_info {
	position:absolute;
	top:0;
	left:0;
	font-size:0.8em;
	color:#FFFFFF;
}
div#photo_info a { color:#FFFFFF; }

div.container {
	width:35em;
	min-width:410px;
	min-height:620px;
	margin:0 auto;
	padding:1em 1em 0.5em 1em;
	background-color:#FFFFFF;
}

div#portfolio {
	width:75em;
	min-width:900px;
}

h1#header {
	font-family:Helvetica, Arial, sans-serif;
	font-size:5em;
	letter-spacing:-0.08em;
	text-align:center;
	margin:0;
	padding:0.4em 0 0.4em;
}

h1#header a { color:#444444; text-decoration:none; outline:none; }

div#portfolio h1#header {
	padding:0 0 0.4em;
	text-align:left;
}


ul#nav {
	list-style:none;
	margin:0 0 1.2em;
	padding:0;
	overflow:hidden;
}

ul#nav a { text-decoration:none; color:#000000; display:block; outline:none; padding:0.1em 0 0.15em; }
ul#nav li:hover a { color:#444444; }
ul#nav li span { display:block; padding:0.1em 0 0.15em; background-color:#EEEEEE; }
ul#nav li {
	float:left;
	background-color:#CCCCCC;
	text-align:center;
	
	/* tweak to fill container */
	/* 5 items */
	/*
	width:7em; 
	min-width:82px;
	*/
	width:8.7em;
	min-width:102px;
}

div#portfolio ul#nav li {
	width:7.5em;
	min-width:90px;
}

div#portfolio img {
	float:left;
	margin-bottom:1em;
	margin-right:1em;
}

div#portfolio strong {
	font-size:1.2em;
}

a { color:#0000CC; text-decoration:none; }
a:hover,a.item:hover,a.nolink:hover { color:#0000CC; text-decoration:underline; }

a.item { color:#514cb2; }
a.nolink { color:#444444; }

.clear { clear:both; }

img { border:1em solid #EEEEEE; }

div.post {
	border-bottom:0.15em dashed #D2DADA;
	padding:0.8em;
}

div.post img { border:0.8em solid #EEEEEE; }

div.post:hover, ul#nav li a:hover { background-color:#F7F7F7; }

div.post p {
	font-size:1.2em;
	margin:0;
}

div.post p.date, div.post p.date a {
	font-size:1em;
	margin:0.8em 0 0;
	color:#999999;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.post div.item { 
	margin-bottom:1em;
	text-align:center;
}

div#newtweets {
	display:none;
}

.youtube {
	width:400px; 
	height:336px;
}

.title { font-size:1.2em; }
.small { font-size:0.8em; }
.left { float:left; }
.right { float:right; }

div#floatFooter {
	background-color: #EEEEEE;
	height: 1.4em;
	text-align: right;
	width: 100%;
	position:fixed !important;
	position: absolute; /* ie6 value b/c !important ignored */
	bottom: 0px;
	z-index:5;
}

div#floatFooterContainer {
	width:75em;
	min-width:900px;
	padding-top:0;
	min-height:auto;
}

div#floatFooter p { padding:0; margin:0em; font-size:0.9em;}

/* flexibg */
img#expando {
	border:0;
	padding: 0;
	margin: 0;
	position: absolute;
	display: none;
	z-index: 1;
	-ms-interpolation-mode: bicubic;
}
 
.wide img#expando, .tall img#expando {
	display: block;
}
 
.wide img#expando {
	width: 100%;
	height: auto;
}
 
.tall img#expando {
	width: auto;
	height: 100%;
}

.ie6fixed {
	position: absolute;
	top: expression((ignoreMe = document.documentElement.scrollTop ?
	document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}