/* Stylesheet Master for cdharrison.info */

	@import url(reset.css);		/* Eric Meyer's CSS Reset */
	@import url(fonts.css);
	
	body {
		/* background:#222 url(/img/bg.png) no-repeat 50% 0; */
		background:#000;
		color:#eee;
		font:normal 62.5%/1.6 helvetica,arial,sans-serif;
		margin:0;
		text-align:center;
		
			text-rendering:optimizeLegibility;
		}
		article, aside, dialog, figure, footer, header, nav, section, time {
			display:block;
			}
	
	a {
		color:#00aeef;
		text-decoration:none;
	}
	#card {
		margin:0 auto;
		min-height:480px;
		text-align:left;
		width:300px;
		}
		header {
			background:#222;
			border:1px solid #222;
			border-radius:0 0 3px 3px;
			-moz-border-radius:0 0 3px 3px;
			-webkit-border-radius:0 0 3px 3px;
			-moz-border-radius-bottomleft:3px;
			-webkit-border-bottom-left-radius:3px;
			-moz-border-radius-bottomright:3px;
			-webkit-border-bottom-right-radius:3px;
			margin:0 0 10px;
			padding:20px;
			text-shadow:0 1px 0 #000;
			}
			header .avatar {
				display:none;
				float:left;
				margin:-10px 0 10px -85px;
				padding:0;
				}
			header h1 {
				font:normal 400%/1 LeagueGothic;
				margin:0 0 -2px;
				text-transform:uppercase;
				}
				header h1 a {
					color:#fff;
					}
					header h1 a:hover {
						color:#00aeef;
						}
			header p.title {
				font:bold 10px helvetica,arial,sans-serif;
				margin:0;
				text-transform:uppercase
				}
	
	#card #main { clear:both; }
	#card #main #nav {
		background:#444;
		border:1px solid #444;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;		
		margin:0 0 10px;
		padding:10px;
		}
	#card #main #nav ul {
		font:normal 200% LeagueGothic;
		list-style:none;
		text-indent:0;
		text-transform:uppercase;
		}
	#card #main #nav ul li { display:inline; }
	#card #main #nav ul li a {
		color:#999;
		float:left;
		margin:0 2px 0 0;
		padding:5px 10px;
		text-shadow:0 1px 0 #222;
	}
	#card #main #nav ul li a:hover,
	#card #main #nav ul li.current a {
		color:#00aeef;
		}
	
	#card #main_content {
		background:#222;
		border:1px solid #222;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		clear:both;
		min-height:310px;
		padding:20px;
		}
		#card #main_content a {
			color:#00aeef;
			font-weight:bold;
			}
			#card #main_content a:hover {
				color:#000;
				}
	#card #main_content h2 {
		color:#eee;
		font:normal 180% LeagueGothic;
		letter-spacing:3px;
		margin:0 0 5px;
		text-transform:uppercase;
	}
	#card #main_content h2 a,
	#card #main_content h2 a:hover { color:#00aeef; }
	#card #main_content h3 { border-bottom:1px solid #d5d5d5; font-size:110%; font-weight:bold; margin:0 0 .5em; padding:0 0 .5em; }
	#card #main_content p { font-size:12px; margin:0 0 1em; }
	#card #main_content ul { font-size:12px; list-style:none; margin:0 0 1em 0; padding:0; text-indent:0; }
	#card #main_content ul li { clear:left; padding:0 0 5px 100px; }
	#card #main_content ul li strong { color:#666; float:left; font:bold 9px helvetica,arial,serif; letter-spacing:1px; margin:0 0 0 -100px; padding:3px 0 0; text-transform:uppercase; }

	#card #main_content ul.stuff { list-style:square; margin:0 0 1em 2em; padding:0 0 5px 0; }
	#card #main_content ul.stuff li { clear:none; padding:0 0 5px 0; }

	#card #main_content ul.networks {
		font-size:140%;
		list-style:none;
		margin:0 0 1em 0em;
		padding:0;
		text-indent:0;
	}
	#card #main_content ul.networks li { border-bottom:1px dotted #e6e6e6; padding:10px 0 10px 30px; }
	#card #main_content ul.networks li strong { color:#666; display:block; float:none; font:bold 11px helvetica,arial,serif; letter-spacing:1px; margin:0; padding:0; text-transform:uppercase; }
	#card #main_content ul.networks li.blog { background:url(/img/ico/feed.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.delicious { background:url(/img/ico/delicious.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.facebook { background:url(/img/ico/facebook.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.flickr { background:url(/img/ico/flickr.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.gowalla { background:url(/img/ico/gowalla.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.lastfm { background:url(/img/ico/lastfm.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.meetup { background:url(/img/ico/meetup.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.posterous { background:url(/img/ico/posterous.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.readernaut { background:url(/img/ico/readernaut.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.roboto { background:url(/img/ico/roboto.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.twitter { background:url(/img/ico/twitter.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.upcoming { background:url(/img/ico/upcoming.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.vimeo { background:url(/img/ico/vimeo.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.virb { background:url(/img/ico/virb.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.yelp { background:url(/img/ico/yelp.png) no-repeat 0 40%; }
	
	#card #main_content em { font-style:italic; }
	#card #main_content strong { font-weight:bold; }

	footer {
		clear:both;
		color:#eee;
		font-size:11px;
		margin:10px auto;
		text-shadow:0 1px 0 #000;
		width:300px;
		}
		footer p {
			margin:0;
			}
			footer a {
				color:#fff;
				font:bold 9px georgia,times,serif;
				letter-spacing:1px;
				text-transform:uppercase;
				}
				footer a:visited {
					color:#eee;
					}
				footer a:hover,
				footer a:active {
					color:#00aeef;
					}

	
/* --- Browser Fixes --- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}