* { margin: 0; padding: 0; }
body {
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #333;
}
img { border: 0; }
h6 { text-align: center; font-size: .88em; font-weight: normal; color: #8E8D8B;margin-top: 1em;}
p { margin-bottom: .6em; line-height: 1.4; }
a { color: #888; text-decoration: none; }
a:hover { color: #AAA; text-decoration: underline; }
li { list-style: none; }

/*Global*/
.cell { margin-bottom: 2em; }
#canvas { margin: 0 auto 1em; }
#content {
	text-align: center;
	position: relative;
	margin: 0 auto;
}

/*Navigation*/
#nav:after {
    display: block;
    clear: left;
    content: " ";
}
#nav ul:first-child {
	background-image: none;
	width: 12.4em;
}
#nav ul {
	float: left;
	background: transparent url(/_c/images/ul.png) repeat-y 0;
}
#nav li { padding: 0 .4em; }
#nav a {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#nav a:hover {
	color: #666;
	text-decoration: none;
	background-color: #F5F5F5;
}
#focus a, #focus a:hover { color: #FFF; background-color: #7AABAD; }
#sayhi a:hover { background-color: transparent; }

/* Abouts Page*/
#bio #content {
	text-align: left;
	width: 44em;
	margin: 0 auto;
	font-size: 1.1em;
}
#bio dl { margin-top: 2em; }
.title { font-weight: bold; }

#photo_nav a {
	position: absolute;
	outline: 0;
	bottom: 0;
	text-indent: -9999px;
	display: block;
	width: 50%;
	height: 100%;
	background-image: url(/_c/images/arrows.png);
	background-repeat: no-repeat;
}
#photo_nav a:hover {}
#photo_nav {}
#photo_nav .picture-slides-disabled:hover {  }

#photo_nav .picture-slides-disabled { cursor: default; background-image: none; }
.photo-prev { background-position: -97px 99%; }
.photo-next { right: 0; background-position: 266px 99%; }
.photo-counter {
	color: #8E8D8B;
	letter-spacing: .1em;
	width: 3em;
	right: -3.4em;
	bottom: .2em;
}

/*Mobile styles*/
@media screen
{
	#canvas{ width: 880px; font-size: .78em; }
	#header { margin: 1.4em 0; }
	#header h1 { float: left; }
	#content { width: 560px; }
	#nav { margin-left: 32em; }
	#nav ul { width: 7em; height: 4.4em; }
	#nav li { font-size: .88em; }
	#nav a {
		display: block;
		padding: .2em .6em;
	}
	.photo-counter { position: absolute; font-size: 1.4em; }
}
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)
{
	#header { margin: 0; }
	#header h1 { float: none; text-align: center; margin: .4em 0; }
	#nav { margin: 0 0 1em; }
	#nav ul { width: 16em; height: 10em;}
	#nav li { font-size: 2em; }
	#content { width: auto; }
	#content img { width: 96%; }
	.photo-counter { position: static; font-size: 2em; }
	.photo-next { background-position: 366px 99%; }
	.photo-prev { background-position: -75px 99%; }
}