/* --- STYLE RESET ---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }

:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* --- MAIN STYLESHEET --- */

body { font-family: "Helvetica","Arial",sans-serif; font-size: 9pt; line-height: 1.5; 
		color: #333; padding-bottom: 47px; background-color: #ffffff; } 
		
a:link, a:visited { color: #8a8a8a; text-decoration: underline; }
a:hover { color: #c3c3c3; text-decoration: underline; }

del { color: #999; }
em { font-style: italic; }

h1, h2, h3 { line-height: 1; font-weight: 400; font-family: "Cambria","Georgia",serif; }
h1 { clear: both; /*border-top: 1px solid #ccc;*/ width: 709px; background: url('/images/h1c.gif') left no-repeat; 
	height: 50px; text-indent: -9999px; padding: 11px 0; }
h2 { color: #000; font-size: 218%; margin-top: -5px; margin-bottom: 7px; margin-left: -3px; }
h3 { color: #000; font-size: 164%; margin-bottom: 14px; }
	p + h3 { margin-top: 30px; }
	h3.meta { margin-bottom: 20px; }
	h3.alert { font-family: "Helvetica","Arial",sans-serif; color: #992d2d; font-style: italic; font-size: 145%; font-weight: 700; }
	h3#h3_flickrbadge { margin-bottom: 0; }
	dl + h3 { margin-top: 30px; }
h4 { color: #333; font-size: 118%; font-weight: bold; }
input, textarea { background: #ffffff url('/images/input.gif') repeat-x; border: 1px solid #7f9db9; width: 184px; padding: 3px; }
label { display: block; font-size: 90%; }
p { margin-bottom: 1em; }
strong { font-weight: 700; }

#header, #body { clear: both; width: 709px; margin: 0 auto; }
	#accessibility { display: none; list-style-type: none; font-size: 90%; padding-top: 9px; line-height: 1; margin-bottom: 5px; }
		#accessibility li { display: inline; width: 109px; padding-left: 11px; margin-right: 54px; }
		#accessibility a:link, #accessibility a:visited { text-decoration: none; color: #666; }
		#accessibility a:hover { text-decoration: underline; color: #999; }
	#header em { display: none; }
#body, #footer { padding-top: 18px; border-top: 1px solid #ccc; }
	#navigation { width: 98px; float: left; padding-left: 11px; font-size: 118%; line-height: 1; }
		#navigation a:link, #navigation a:visited { color: #8a8a8a; text-decoration: none; font-weight: bold; }
		#navigation a:hover { text-decoration: underline; color: #c3c3c3; }
		#navigation li { height: 2em; }
	#content { width: 567px; padding: 0 11px; float: right; }
		#content dl { margin-top: 1em; }
			#content dt { font-weight: 700; }
			#content dd { margin-bottom: 1em; }
				#content dd.excerpt { padding: 0 11px; }
		#content img { display: block; margin: 1em auto 0 auto; }
		#content ol { list-style-type: decimal; margin-bottom: 1em; margin-left: 2em; }
		#content ul { list-style-type: circle; margin-bottom: 1em; margin-left: 2em; }
			#content li { margin-bottom: .25em; }
			
		.colophon { margin-bottom: 27px; }		
		.content_sub, .content_sub1 { /*border-top: 1px solid #ccc;*/ margin-top: 24px; padding-top: 17px; }
		.content_sub { width: 327px; float: left; margin-bottom: 27px; }
		.content_sub1 { width: 207px; float: right; margin-bottom: 47px; }
			.content_sub1 form { margin-bottom: 1.5em; }
			#content .content_sub ul, #content .content_sub1 ul { list-style-type: none; margin-bottom: 1.5em; margin-left: 0em; }			
			#content .content_sub li, #content .content_sub1 li { display: inline; margin-bottom: 0; }
			
	#intro { font-size: 124%; line-height: 1.4; color: #000; font-family: "Cambria","Georgia",serif; border-bottom: 1px dotted #ccc; padding-bottom: 1em; }
		#intro + h3 { margin-top: 0; }
	#social-bookmarks { font-size: 90%; text-align: right; padding-top: 5px; }
		#social-bookmarks a { padding-left: 17px; background-position: left; background-repeat: no-repeat; }			
			a#link-delicious { background-image: url('/images/delicious.gif'); }
			a#link-digg { background-image: url('/images/digg.gif'); padding-left: 20px; }
			a#link-furl { background-image: url('/images/furl.gif'); }
			a#link-magnolia { background-image: url('/images/magnolia.gif'); }
			a#link-reddit { background-image: url('/images/reddit.gif'); }
	#comments { font-size: 90%; padding-bottom: 20px; }
		#comments dt { margin-bottom: 1em; color: #000; background: url('/images/bubble.gif') left no-repeat; padding-left: 15px; }
			#comments dt.alex { background: url('/images/orangebubble.gif') left no-repeat; }
		#comments dd { margin-bottom: 27px; padding-left: 11px; }
	#txpCommentInputForm { }
		#txpCommentInputForm .comments-wrapper p { margin-left: 11px; }
		#txpCommentInputForm input, #txpCommentInputForm textarea { width: 293px; margin-bottom: 10px; }
		#txpCommentInputForm input.button { background: #ccc; padding: 0; width: 8em; border: 1px outset #7f9db9; margin-bottom: 0; margin-right: 5px; }
	#footer { clear: both; width: 699px; margin: 20px auto 0 auto; padding-left: 10px; }
		#footer p { margin-bottom: 0; }

.meta { font-family: "Helvetica","Arial",sans-serif; color: #000; font-size: 90%; background: url('/images/clock.gif') left no-repeat; padding-left: 15px; }

.flickr_badge_image { padding: 0; margin: 0; display: block; float: left; width: 68px; height: 68px;  }
	.flickr_badge_image a { margin: 0; padding: 0; border: none; text-decoration: none; }
		.flickr_badge_image a:link img, .flickr_badge_image a:visited img { opacity: .50; }
		.flickr_badge_image a:hover img { opacity: 1; }
	.flickr_badge_image img { margin: 0; padding: 0; width: 66px; height: 66px; }
	
img#photo-me { float: right; margin: 0 0 1em 1em; padding: 0; }