/* Stylesheet Master for cdharrison.info */

	@import url(reset.css);		/* Eric Meyer's CSS Reset */
	
	body {
		/* background:#222 url(img/bg.png) no-repeat 50% 0; */
		background:#333;
		color:#333;
		font:normal 62.5%/1.6 helvetica,arial,sans-serif;
		margin:0;
		text-align:center;
		}
		article, aside, dialog, figure, footer, header, nav, section, time {
			display:block;
			}
	
	a {
		color:#00aeef;
		text-decoration:none;
	}
	#card {
		background:#fff;
		border:1px solid #fff;
		border-radius:20px 0;
		-moz-border-radius:20px 0;
		-webkit-border-radius:20px 0;
		-moz-border-radius-topleft:20px;
		-webkit-border-top-left-radius:20px;
		-moz-border-radius-bottomright:20px;
		-webkit-border-bottom-right-radius:20px;
		margin:2em auto;
		min-height:490px;
		padding:1em;
		text-align:left;
		text-shadow:0 1px 0 #d5d5d5;
		width:385px;
		}
		header {
			margin:10px 0 0 85px;
			}
			header .avatar {
				float:left;
				margin:-10px 0 10px -85px;
				padding:0;
				}
			header h1 {
				font:bold 28px helvetica,arial,sans-serif;
				letter-spacing:-1px;
				margin:0 0 -2px;
				}
				header h1 a {
					color:#333;
					}
					header h1 a:hover {
						color:#00aeef;
						}
			header p.title {
				font:normal 10px georgia,times,serif;
				margin:0;
				text-transform:uppercase;
				}
	
	#card #main { clear:both; }
	#card #main #nav { margin:20px 0 0; }
	#card #main #nav ul { font-size:100%; font-weight:bold; list-style:none; margin:0; padding:0; text-indent:0; text-transform:uppercase; }
	#card #main #nav ul li { display:inline; }
	#card #main #nav ul li a {
		background:#fff;
		border:1px solid #eee;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		color:#333;
		float:left;
		margin:0 3px 0 0;
		padding:5px 10px;
	}
	#card #main #nav ul li a:hover,
	#card #main #nav ul li.current a {
		background:#eee;
		border:1px solid #ddd;
		}
	
	#card #main_content {
		clear:both;
		padding:20px 10px;
		}
		#card #main_content a {
			color:#00aeef;
			font-weight:bold;
			}
			#card #main_content a:hover {
				color:#000;
				}
	#card #main_content h2 {
		color:#444;
		font-size:110%;
		font-weight:bold;
		letter-spacing:3px;
		margin:0 0 .5em;
		text-transform:uppercase;
	}
	#card #main_content h2 a,
	#card #main_content h2 a:hover { color:#111; }
	#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:#333; float:left; font:bold 9px georgia,times,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:120%;
		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:#333; display:block; float:none; font:bold 9px georgia,times,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 ul.networks li.linkedin { background:url(../img/ico/linkedin.png) no-repeat 0 40%; }
	#card #main_content ul.networks li.viadeo { background:url(../img/ico/viadeo.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;
					}