html {
	background: url('../img/bg.jpg') repeat;
}

body {
	font-family: "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #7c7c7c;
	text-shadow: #fff 0 1px 0;
	background: transparent;
}

h2 {
	color: #454545;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	text-transform: uppercase;
	text-shadow: #b4b4b4 0 1px 0;
	letter-spacing: .1em;
	font-size: 11px;
	text-align: center;
	color: #373737;
}

strong {
	font-weight: bold;
}

a, a:link, a:visited {
	color: #454545;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

p {
	line-height: 1.5em;
}

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cb {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

a.button, a:link.button, a:visited.button {
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
}

.nav {
	margin-right: 33px;
}

.date {
	margin: 10px 0 0 -110px;
	background: #fff url('../img/date-gradient.jpg') repeat-x top;
	color: #737373;
	padding: 7px 0;
	width: 110px;
	text-align: center;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 1px 0 #696969;
	-webkit-box-shadow: 0 1px 0 #696969;
}

.data {
	background: #454545 url('../img/data-gradient.jpg') repeat-x top;
	padding: 20px;
	color: #bababa;
	text-shadow: #000 0 1px 0;
	border-bottom: 1px solid #cdcdcd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align: middle;
	margin-bottom: 27px;
}

.data img {
	vertical-align: bottom;
}

.data p {
	margin-left: 45px;
}

.bio {
	padding: 0 40px 11px 0;
	margin-top: 23px;
	line-height:  1.6em;
}

.contact img {
	padding-right: 5px;
}

.atdot {
	color: #ababab;
}

#wrapper {
	width: 803px;
	margin: 0 auto;
	background: url('../img/spotlight.png') no-repeat top center;
}

	#container {
		padding-top: 124px;
		width: 473px;
		margin: 0 auto;
	}

	#card {
		background: url('../img/card.png') no-repeat top center;
		top: 124px;
		width: 473px;
		height: 275px;
		position: absolute;
		overflow: hidden;
	}
	
		#window {
			width: 437px;
			height: 243px;
			position: absolute;
			overflow: hidden;
			margin-left: 18px;
		}
		
		#scroll-container {
			width: 1400px;
			position: absolute;
		}
	
			#home {
				text-align: center;
				padding-top: 86px;
				height: 157px;
				width: 473px;
				margin: 0 auto;
				display: inline;
			}
			
				#buttons {
					margin: 15px 0 0 7px;
				}
				
					#buttons li {
						text-align: left;
						display: inline;
					}
					
					#buttons li:last-child {
						margin-left: 14px;
					}
					
					#buttons a, #buttons a:link, #buttons a:visited {
						text-transform: uppercase;
						font-size: 10px;
						text-decoration: none;
						color: #454545;
						text-shadow: #efefef 0 1px 0;
					}
					
					#buttons a:hover {
						color: #fafafa;
						text-shadow: #a9a9a9 0 -1px 0;
					}
				
					#about-me {
						background: url('../img/left.png') no-repeat top left;
						padding: 5px 15px 5px 21px;
					}
					
					#find-me {
						background: url('../img/right.png') no-repeat top left;
						padding: 5px 31px 5px 15px;
					}
					
					#about-me:hover, #find-me:hover {
						background-position: 0 -23px;
					}
					
			#about, #find {
				padding: 26px 0 0 0;
				display: inline;
			}
			
			#about {
				padding-left: 48px;
				width: 420px;
				height: 217px;
			}
			
				#about>img {
					margin: 10px 0 0 -14px;
				}
				
				#about p {
					font-size: 11px;
					color: #7c7c7c;
				}
				
					#about p a, #about p a:link, #about p a:visited {
						text-decoration: none;
						color: #454545;
						font-weight: bold;
					}
					
					#about p img {
						vertical-align: text-bottom;
					}
					
			#find {
				width: 425px;
				height: 217px;
			}
			
				#find .nav {
					margin-right: 37px;
				}
			
				#networks {
					width: inherit;
					margin: 14px 0 0 -13px;
				}
			
					#networks li {
						padding: 2px 0 0 0;
						margin-top: -2px;
						width: 189px;
						height: 48px;
						text-align: left;
						font-size: 14px;
						font-weight: bold;
						color: #454545;
					}
					
					#networks li:hover {
						background: transparent url('../img/network-hover.png') no-repeat top left;
					}
					
						#networks li a {
							color: inherit;
							text-decoration: none;
							padding: 7px 0 9px 13px;
							display: block;
						}
						
						#networks li a:hover {
							filter:alpha(opacity=100);
							-moz-opacity: 1;
							-khtml-opacity: 1;
							opacity: 1;
						}
					
						#networks li img {
							margin: -1px 11px 0 0;
						}
						
						#networks li strong {
							display: block;
						}
					
						#networks li small {
							font-size: 12px;
							display: block;
							text-transform: lowercase;
							color: #7c7c7c;
							font-weight: normal;
						}
						
				#find p {
					padding-top: 6px;
				}
	
	#lifestream {
		width: 437px;
		margin: 275px auto 0 auto;
		position: relative;
	}
	
		#lifestream a, #lifestream a:link, #lifestrean a:visited {
			color: #7e7e7e;
			font-weight: normal;
			text-decoration: underline;
		}
	
		#stream {
			margin-top: 33px;
		}
		
	#footer {
		font-size: 11px;
		text-align: center;
		background: #fff;
		width: 437px;
		margin-left: 17px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		padding: 10px 0;
	}
	
		#copyright {
			margin-top: 10px;
		}