/* inital stuff (thx to chrismontoya.com and informationarchitects.jp) */
html { font-size:100.01%; }
body { font-size:1em; background-color: #fafafa; color: #333; }

html, body, form, fieldset {
	margin: 0;
   padding: 0;
   line-height: 140%;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, legend {
        margin: 1em 0;
        padding: 0;
}

li, dd, blockquote {
        margin-left: 1em;
}

form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea, button {
      font-size: 100.01%;
		font-family: inherit;
}

/* typefacing */
html, body, form, 
fieldset 					{ font-family: Garamond, Georgia, serif; }
h1, h2, h3, h4, h5, h6, legend, div.subpost, p.olderposts, p.sub, ul.navarrows
							 	{ font-family: Helvetica, Arial, sans-serif; }
ul.meta, form label, form ol li span
								{ font-family: Helvetica, Arial, sans-serif; color: #999; font-size: 0.7em; }
form label, form ol li span
								{ color: #666; }
div#sidebar	ul				{ font-size: 0.9em; }
div.subpost, p.olderposts
								{ font-size: 0.8em; }
p#twitter_update_list	{ font-family: "Courier New", monospace; text-transform: uppercase; font-size: 0.8em; }
legend						{ font-size: 1.5em; font-weight: bold; }
p.editedby					{ font-size: 0.8em; color: #b33; }


/* layout */
h1						{ background-image: url('img/header.jpg'); height: 182px; cursor: pointer; }
h1	span				{ display: none; }
div#container 		{ width: 900px; margin: 0 auto;}
div#mainbar			{ float: left; width: 650px; }
div#sidebar			{ float: left; width: 240px; }

ul						{ list-style-type: square; }
ul.meta				{ float: left; width: 60px; margin:0; margin-top: -5px; padding: 0; }
ul.meta li			{ margin: 0; padding: 0; }
div.article			{ float: left; width: 560px; margin-top: -25px; }
div.reactions		{ margin-left: 65px; width: 560px; margin-top: -15px; }
div.clear			{ clear: both; }

/* basic stuff */
a:link				{ color: #480; }
a img					{ border: none; }
h1 a:link, h1 a:visited, h1 a:hover
						{ color: #333; text-decoration: none; }

h2 a:link, h2 a:visited
						{ color: #333; text-decoration: none; }
h2 a:hover			{ color: #333; text-decoration: underline; }

/* misc */
ul.lean 				{ list-style: none; }
ul.lean li			{ padding: 0; margin: 0; }
ul.bar				{ width: 100%; }
ul.bar li			{ display: inline; }
ul.navarrows		{ text-align: center; }

p.olderposts		{ text-align: center; text-transform: uppercase; }

ul.pages				{ border-bottom: 1px solid #ccc; }
ul.pages li			{ border-top: 1px solid #ccc; list-style: square; }


div.subpost			{ text-align: right; text-transform: uppercase; float:right; width: 105px; margin-top: -15px; }

div.article			{ border-bottom: 1px solid #ccc; margin-bottom: 9px; }

p#twitter_update_list 
						{ list-style: none; background-color: #ebad51; margin: 0; padding: 5px; border-right: 2px solid #999; border-bottom: 2px solid #999; }

p.editedby			{ margin-top: -10px; margin-left: 25px; }

/* sidebar stuff */
#sidebar h3,
#sidebar ul,
#sidebar p			{ margin: 0; }

h3.twitter			{ background: url('img/arr2.png') no-repeat 214px 0px; margin: 0; padding: 5px; }
h3.twitter span	{ display: none; }
p.twitter			{ background-color: #ebad51; margin: 0; padding: 7px; border-right: 2px solid #999; border-bottom: 2px solid #999; }
p.avatar				{ text-align: right; padding-right: 8px; }
#sidebar p.sub		{ text-align: right; font-size: 0.75em; margin-bottom: 7px; }
span.timestamp		{ color: #00f; }

#sidebar h3.lists	{ margin-top: 11px; }

#sidebar h3.copy	{ margin-top: 83px; border-top: 5px solid #333; }
#sidebar p.colofon{ font-size: 0.7em; }

/* reactions */
#mainbar p.comment{ margin-top: 0; }
#mainbar p.madeby	{ margin-bottom: 0; border-bottom: 1px solid #ccc; text-align: left; font-weight: bold; }

form					{ margin:0; padding: 0px; width: 650px; }
form ol				{ list-style: none; padding: 0; margin: 0; }
form ol li			{ padding: 7px 0; margin: 0; vertical-align: top; }
form ol li span	{ padding-left: 3px; }
legend				{ font-size: 150% ; margin: 0; padding: 0; }
form label			{ display: -moz-inline-box; display: inline-block;	width: 62px; vertical-align: top; margin-top: 3px; padding-left: 3px; }
form label.wide	{ width: 300px; }
form textarea, input.text
						{ border: 1px solid #666; width: 350px; }
form textarea		{ height: 200px; }
form input.submit,fieldset p
						{ margin-left: 65px; }
			

div#recaptcha_widget_div		{ margin-left: 69px; }

/* flickr stuff */
#flickr_badge_uber_wrapper 	{ text-align:center; width:240px;}
#flickr_badge_wrapper, #flickr_badge_wrapper_sq 			
										{ padding: 0; }
#flickr_badge_wrapper_sq		{ margin-top: 4px; }
.flickr_badge_image 				{ margin:0; }
.flickr_badge_image img 		{ border: none; }
#flickr_badge_image1, #flickr_badge_image2  
										{ display: inline; padding-right: 7px; }
#flickr_badge_image3 			{ display: inline; padding-right: 1px; }

/* tables */
table					{ border-collapse: collapse; font-size: 11pt; width: 640px; text-align: left; }
table td				{ border: 1px solid #ddd; border-left: none; border-right: none; vertical-align: middle; text-align: left; }
table td, table th{ padding: 3px; }