body {
	background:#fff url(/images/page_top.gif) repeat-x top left;
	padding-top:14px;
}

strong a {font-weight:bold;}

#header ul,
#networks,
#profiles
{
	list-style:none;
	padding:0;
	margin:0;
}

#header {
	position:relative;
	height:45px;
	margin-bottom:30px;
}
.home #header {
	height:220px;
	margin-bottom:75px;
}
.resume #header {
	height:130px;
	margin-bottom:50px;
}
.blog #header {
	height:130px;
	margin-bottom:50px;
}
#header strong,
#header h1 {
	position:absolute;
	bottom:0;
	left:0;
	text-indent:-10000px;
}
.page #header strong,
.page #header h1 {
	position:static;
	text-indent:0;
	font-family:Georgia,serif;
	font-size:2em;
	font-weight:normal;
}
#header strong,
#header strong a,
#header h1 a {display:block;}
.home #header h1 {
	background:url(/images/main_sprite.png) no-repeat top left;
	width:649px;
	height:149px;
}
.resume #header h1 {
	background:url(/images/resume_sprite.png) no-repeat top left;
	height:60px;
	width:290px;
}
.resume #header h1 a {height:60px;}
.blog #header strong {
	background:url(/images/blog_header.png) no-repeat;
	height:59px;
	width:259px;
}
.blog #header strong a {height:59px;}
#header ul {
	float:right;
	width:220px;
}
#header ul li {
	float:left;
	margin-left:6px;
}
#header ul li a {
	display:block;
	width:104px;
	height:38px;
	text-indent:-10000px;
	font-size:10px;
	background:url(/images/top_sprite.png) no-repeat;
}
#header ul #tab_resume a {background-position:top right;}
#header ul #tab_resume a:hover {background-position:bottom right;}
#header ul #tab_blog a {background-position:top left;}
#header ul #tab_blog a:hover {background-position:bottom left;}


#about {
	float:left;
	width:165px;
	padding-top:30px;
	text-align:right;
}
#about h2 {
	float:right;
	text-indent:-10000px;
	text-align:left;
	height:23px;
	width:72px;
	background:url(/images/main_sprite.png) -576px -149px;
	margin-bottom:30px;
}
#about p {
	clear:both;
	font-family:Tahoma,Helvetica,Arial,sans-serif;
	font-size:14px;
}


#feature {
	float:left;
	width:530px;
	text-align:center;
	padding-top:50px;
}

#contact {
	float:left;
	width:265px;
	font-size:20px;
	line-height:33px;
}
#contact h2,
#contact h3 {
	display:none;
}
#contact_email,
#contact_cell,
#contact_skype {
	display:block;
	background:url(/images/contact_sprite.png) no-repeat;
	text-indent:-10000px;
	line-height:1em;
	font-size:18px;
	margin-bottom:0.75em;
	margin-left:-8px;
	padding-left:4px;
	border-left:4px solid #fff;
}
#contact_email:hover,
#contact_cell:hover,
#contact_skype:hover {
	border-left:4px solid #ddd;
	
}
#contact_email {background-position:4px top;height:21px;}
#contact_cell {background-position:4px -21px;height:18px;margin-bottom:12px;}
#contact_skype {background-position:4px -39px;height:26px;}


#profiles {
	margin-bottom:30px;
	padding:10px 0;
}
#profiles li {line-height:1.5em;}
#profiles li a {
	font-family:Georgia,Times,serif;
	color:#6995a9;
	text-decoration:none;
}
#profiles li a:hover {text-decoration:underline;}


#networks li {
	float:left;
	list-style:none;
	height:72px;
	width:72px;
	margin:0 15px 15px 0;
}
#networks a {
	display:block;
	height:72px;
	width:72px;
	background:url(/images/networks_sprite.png) no-repeat;
	text-indent:-10000px;
}
#network_twitter a {background-position:top left;}
#network_facebook a {background-position:top center;}
#network_stumbleupon a {background-position:top right;}
#network_tumblr a {background-position:left -72px;}
#network_mixx a {background-position:center -72px;}
#network_linkedin a {background-position:right -72px;}

#network_twitter a:hover {background-position:left -144px;}
#network_facebook a:hover {background-position:center -144px;}
#network_stumbleupon a:hover {background-position:right -144px;}
#network_tumblr a:hover {background-position:left bottom;}
#network_mixx a:hover {background-position:center bottom;}
#network_linkedin a:hover {background-position:right bottom;}


#resume_profile h2,
#resume_technical h2,
#resume_education h2,
#resume_experience h2 {
	font-size:1em;
	margin:3em 0 1em;
	text-transform:uppercase;
}
#resume_profile h2 {
	display:inline;
	float:left;
	margin:0 1ex 0 0;
	line-height:2em;
}


#resume_name {display:none;}
#resume_left_email,
#resume_left_cell {
	display:block;
	margin-bottom:25px;
	text-indent:-10000px;
}
#resume_left_cell {
	height:15px;
	width:178px;
	background:url(/images/resume_sprite.png) no-repeat 0 -60px;
}
#resume_left_email {
	height:15px;
	width:230px;
	background:url(/images/resume_sprite.png) no-repeat 0 -76px;
}


#resume_profile {padding-top:1.5em;}


#resume_technical dl dt {
	font-weight:bold;
	margin-bottom:0.75em;
}
#resume_technical dl dd {
	padding-left:2em;
}
#resume_technical dl dd ul {
	list-style:none;
	padding:0;
	margin-bottom:1em;
}
#resume_technical dl dd ul li {
	display:inline;
	padding:0 2em 0 0;
}


#resume_education .url {font-weight:bold;}


#resume_experience ol {
	list-style:none;
	padding:0;
}
#resume_experience ol li strong,
#resume_experience ol li em {
	display:block;
}
#resume_experience ol li em,
#resume_experience ol li em span {font-style:oblique;}
#resume_experience strong a {color:#000;}


#linkedin {
	margin-top:5em;
	padding-top:3.5em;
	border-left:1px solid #ddd;
}
#linkedin h2 {
	float:left;
	height:23px;
	width:100%;
	margin-top:-3em;
	background:url('http://static.linkedin.com/img/logos/logo_82x23.gif') no-repeat center center;
	text-indent:-10000px;
	font-size:1em;
}
#linkedin dt {display:none;}
#linkedin dd {
	padding-left:41px;
	line-height:24px;
	margin-bottom:1em;
}
#linkedin dd img {
	margin-left:-41px;
	float:left;
}
#linkedin dd.connections img {margin-left:-30px;}
#linkedin p {
	padding-left:1em;
}


#footer {
	position:relative;
	margin-top:100px;
}
#footer #help {
	display:block;
	text-indent:-10000px;
	height:62px;
	width:40px;
	position:absolute;
	bottom:0;
	left:60px;
	background:url(/images/main_sprite.png) no-repeat bottom left;
}
#footer #help:hover {width:69px;}
#footer div.copyright {
	float:right;
	width:312px;
}
#footer div.copyright * {
	float:left;
	display:block;
	height:44px;
	text-indent:-10000px;
}
#footer div span {
	background:url(/images/main_sprite.png) no-repeat -69px bottom;
	width:154px;
}
#footer div a {
	background:url(/images/main_sprite.png) no-repeat -223px bottom;
	width:158px;
}
#footer div a:hover {background-position:-381px bottom;}





/* Debugger */
#debug {
    background: #ffffdd;
    color: #666;
    padding: .4em .75em .5em .75em;
    border-top: .1em solid #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 33%;
}
#debug h5 {
    margin: 0;
    font-size: 1.1em;
    color: #a3a39a;
}
#debug h5 .sub {
    color: #b3b3aa;
}
#debug ol.queries li {
    margin: 0 0 1em;
}
#debug pre {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 .5em;
}
#debug .toggle {
    font-weight: bold;
    color: #666;
    float: right;
}



.blog .date {
	float:left;
	width:90px;
	position:absolute;
	font-size:2.5em;
	text-align:right;
	padding-top:1em;
	
}
.blog .date span {font-size:0.75em;}
.blog #content .post {padding:0 40px 40px 0;}
.blog #content .postlist .post {padding:0 20px 40px 120px;}
.blog #content h1,
.blog #content h2 {
	font-size:1.9em;
	font-family:Chaparral Pro,Georgia,Times New Roman,Times,serif;
	margin-bottom:0.5em;
}
.blog #content .post h1 a,
.blog #content .post h2 a {
	color:#999;
	text-decoration:none;
}
.blog #content .post h1 a:hover,
.blog #content .post h2 a:hover {text-decoration:underline;}
.blog #content .post .controls {
	background:#ffd;
	float:left;
	padding:0.7em;
	border:1px solid;
	border-top-color:#ffe;
	border-left-color:#ffe;
	border-right-color:#eea;
	border-bottom-color:#eea;
}
.blog #content .post .controls,
.blog #content .post .controls a {color:#666;}
.blog #sidebar h2 {display:none;}

.blog #comments {padding-left:60px;}
.blog #comments h2 {
	font-family:Chaparral Pro,Georgia,Times New Roman,Times,serif;
	font-size:1.5em;
}

.blog blockquote {
	font-size:1.5em;
	line-height:1.5em;
	margin-top:0;
}
.blog blockquote p {margin-bottom:0.5em;}
.blog blockquote cite {
	display:block;
	text-align:right;
	padding:1em 0 1em 30%;
	font-size:0.9em;
	line-height:1.2em;
}

.blog .post dl dt {
	line-height:2em;
	font-weight:bold;
}
.blog .post dl dd {
	line-height:2em;
	padding-left:0.5in;
	margin-bottom:1em;
}

.blog .next_post,
.blog .prev_post,
.blog .prev_page,
.blog .next_page {
	display:block;
	padding:0.7em;
	background:#f5f5f5;
	border:1px solid #fbfbfb;
	border-right-color:#eee;
	border-bottom-color:#eee;
	text-decoration:none;
	color:#666;
}
.blog .next_post,
.blog .prev_post {
	margin-bottom:2em;
}
.blog .prev_post,
.blog .prev_page {float:left;}
.blog .next_post,
.blog .next_page {float:right;}

.blog .next_post:hover,
.blog .prev_post:hover,
.blog .prev_page:hover,
.blog .next_page:hover {
	text-decoration:underline;
	background:#f5f5f5;
	border:1px solid #fdfdfd;
	border-right-color:#e5e5e5;
	border-bottom-color:#e5e5e5;
}
.blog .next_post:active,
.blog .prev_post:active,
.blog .prev_page:active,
.blog .next_page:active {
	background:#eee;
	border:1px solid #e5e5e5;
	border-right-color:#fbfbfb;
	border-bottom-color:#fbfbfb;
}
.blog .pages {
	display:block;
	padding:0.7em 0.7em 0.7em 120px;
	text-align:center;
}

.blog #sidebar h3 {
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:1.5em;
}
.blog #sidebar ul {padding:10px 0;}
.blog #sidebar ul li {
	border-bottom:1px solid #ddd;
	list-style:none;
	padding:0.15em;
}
.blog #sidebar ul li a {
	color:#666;
	text-decoration:none;
}
.blog #sidebar ul li a:hover {color:#b00;}

.blog .notice {
	padding:1em;
	font-size:1.5em;
	margin-bottom:1em;
	text-align:center;
}
.blog .notice .sub {color:#aaa;}

#nice,
#notnice {
	font-size:2em;
	line-height:1.6em;
	text-align:center;
}
#nice strong,
#notnice strong {
	display:block;
	text-transform:lowercase;
	font-style:oblique;
	font-weight:normal;
	font-family:Georgia,Times New Roman,Times,serif;
}
#nice .t1 {color:#c00;}
#nice .t2 {color:#d70;}
#nice .t3 {color:#dc0;}
#notnice .t1 {color:#26304c;}
#notnice .t2 {color:#636f7a;}
#notnice .t3 {color:#839aa3;}


.blog #content .post h2.word,
.blog #content .post h1.word {margin:0;}
.blog #content .post h2.link a,
.blog #content .post h1.link a {
	text-decoration:underline;
	font-family:Arial,Helvetica,sans-serif;
	color:#0F709A;
}
.blog #content .post h2.word a,
.blog #content .post h1.word a {
	font-size:2em;
	font-style:oblique;
	font-family:Georgia,Times New Roman,Times,serif;
}
.blog .word_info {
	font-size:1.5em;
	line-height:2em;
}
.blog .part_of_speech {font-style:oblique;}