/* 
	Hi.
	04022007
	02022008
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img { margin:0; padding:0; border:0; }
hr, legend, .vcard { display: none; }

body {
	background: #fff url(../images/dev/angles.jpg) center top repeat-x;
	color: #534e46;
	font: 62.5%/1.67 Helvetica, Arial, Verdana, sans-serif;
}
#iam { display: none; }	
#home { padding-top: 140px; }

#wrapper, .faux {
	margin: 0 auto;
	position: relative;
	width: 914px;
}
#sense {
	float: right;
	font-size: 1.2em;
	margin: 0 0 0 14px;
	padding: 0 0 4em 0;
	width: 500px;
}
	h1 {
		font-size: 5em;
		letter-spacing: -.07em;
		line-height: .9;
		margin: 95px 0 0 0;
		text-transform: uppercase;
	}
	a {
		color: #dcd8cc;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: none; }
	a.revealed { background: #f3c; }
		/* the title */
		h1 span {
			display: block;
			float: right;
			width: 500px;
		}		
		h1 em {
			color: #2e595f;
			float: left;
			font-style: normal;
			text-align: right;
			width: 400px;
		}
	h2 { 
		line-height: 1.3;
		margin: .965em 2px 0 0;
	}
	#home h2 				{ margin-top: .922em; }
	#home h2:first-child 	{ margin-top: 0; }
	h2 a 					{ color: #2e595f; }
	#post h2 				{ line-height: 1.15; }
	#post h3 				{ margin: 1.5em 0 0 0; line-height: 1.25; }
	h4 						{ margin: 1.67em 0 0 0; }
	h5.date 				{ color: #dcd8cc; font-size: 1.2em; text-align: right; text-transform: uppercase; }
	h5.date span 			{ color: #2e595f; }
	
	small {
		color: #dcd8cc;
		font-size: .85em;
		margin-left: -4px;
	}
		#archive dd small { margin-left: 0; }
	#post p+p 			{ text-indent: 24px; }
	#post ul, #post ol 	{ margin: 1.6em 0 1.67em 24px; }
		#post h2+ul, #post h2+ol, #post h2+p { margin-top: .2em; }
	#post ul.points		{ list-style: none; margin: 1.6em 0 1.67em 0; }
	code { 
		font-family: "Courier New", Courier, monospace;
		font-size: 1.1em;
	}
	pre {
		line-height: 1.9;
		margin: 2.12em 0; 
		background: #fff url(../images/dev/angles.jpg) right bottom repeat-x;
	}
	#extras, #respond {
		background: #fff url(../images/dev/angles.jpg) right bottom repeat-x;
		float: left;
		margin: 1.9em 0 0 0;
		padding: 4px 4px 8px 4px;
	}
	#extras { margin-bottom: 3em; }
		#extras p {
			float: left;
			line-height: 1.3;
			margin-left: 8px;
			width: 117px;
		}
		#extras p:first-child { margin-left: 0; }
	
#nonsense { width: 400px; }
	#image {
		position: relative;
		width: 400px;
	}
		#image img {
			margin-top: 4px;
			width: 400px;
		}
		#image p {
			color: #dcd8cc;
			margin: 4px;
			position: absolute; bottom: 0; left: 0;
		}
		/* for polaroid
		#home #image p {
			bottom: 2.5em; left: 22px;
			font-weight: bold;
			font-size: 1.7em;
			font-style: italic;
		}
		* html #home #image p { top: 393px; }
		*+html #home #image p { top: 393px; } */
		#image ul { list-style: none; }
			#image li {
				float: left;
				margin: 0 0 2em 6px;
			}
			#image li:first-child {	margin-left: 0;	}
			#image ul img {
				border: 0px solid #dcd8cc;
				width: 75px;
			}
	#more {
		background: #2e595f url(../images/dev/w2c.png) 0 0 no-repeat;
		clear: left;
		margin: 8em 0 0 0;
		min-height: 120px;
		padding-top: 1px;
		width: 400px;
	}
	* html #more { background-image: url(../images/dev/w2c_flat.gif); }
		#more ul {
			font-size: 1.1em;
			line-height: 1.1;
			list-style: none;
			margin: 0 0 0 30px;
		}
			#more li 					{ display: inline; }
			#more li:before 			{ content: " / "; }
			#more li:first-child:before,
			#more li.break:before 		{ content: ""; }
			#more li:first-child,
			#more li.break 				{ margin-left: 4px; }
			#more li#w2chome 			{ display: block; margin: 8px 0 0 0; }
			#w2chome a {
				display: block;
				height: 36px;
				margin: 0 0 0 0;
				overflow: hidden;
				text-indent: -999em;
				width: 78px;
			}
	
	#nonsense form 	{ clear: left; margin-top: 2em; }	
	/*#nonsense input {
		background: #fff;
		border: 1px solid #fff;
		color: #f2f2f2;
		font-size: 2em;
		font-weight: bold;
		text-transform: uppercase;
		width: 60%;
	}
		#nonsense input:focus {
			border-color: #534e46;
			color: #2e595f;
		} */
	#nonsense input {
		border: none;
		color: #dcd8cc;
		font-size: 2em;
		font-weight: bold;
		text-transform: uppercase;
	}
		#nonsense input:focus { color: #2e595f;	}
	#nonsense form div {
		position: relative;
		border: 1px solid #fff;
		overflow: hidden;
		height: 2.4em;
		margin-bottom: 2em;
		width: 60%;
	}
	#nonsense div input {
		position: absolute;
		left: -.2em;
		top: -.2em;
		padding: .4em;
		width: 104%;
	}
	/* see the end for non-Safari hackery */

#respond { margin: 0; }
	#respond label {
		display: block;
		line-height: 1.2;
	}
	#respond input, #respond textarea {
		border: 1px solid #dcd8cc;
		color: #534e46;
		font-size: 1.1em;
		line-height: 1.3;
		margin: 0 0 .4em 0;
		padding: 2px;
	}
		#respond input:focus, #respond textarea:focus { border-color: #bcaf9b; }
	#respond textarea {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		height: 140px;
		width: 478px;
		
	}
	button {
		background: #fff url(../images/dev/angles.jpg) -322px -211px;
		border: 1px solid #dcd8cc;
		color: #534e46;
		cursor: pointer;
		padding: 0;
		margin: 0;
	}
		button:hover, button:focus {
			border-color: #bcaf9b;
			color: #393020;
		}
		
a#w2c {
	color: #2e595f;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 2em;
	line-height: 2em;
	overflow: hidden;
	position: absolute; left: 0; top: -95px;
	text-indent: -9999px;
	width: 100%;
}
	#archive a#w2c { top: 0; }
	a#w2c:hover {
		background: transparent;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
	}
	
#sense ol.commentlist 			{ margin: 0 0 0 18px; }
	#sense ol.commentlist li 	{ margin: 0 0 1.7em 0;	}
	cite {
		font-style: normal;
		font-weight: bold;
		text-transform: uppercase;
	}
	cite a 			{ color: #2e595f; }
	#sense li.rad 	{ background: #fff url(../images/dev/angles.jpg) 0 -230px repeat-x; }
blockquote { border-left: 1px solid #dcd8cc; margin: 0 0 1.5em 0; padding: 0 0 0 16px; }

/* the bonus */
.bonus, .flickr { padding-right: 15px; background: url(../images/dev/camera.gif) no-repeat center right; }
.flickr 		{ background: url(../images/dev/camera_flickr.gif) no-repeat center right; } 
.prize {
	background: transport;
	border: 1px solid #dcd8cc;
	border-width: 1px 0;
	cursor: pointer;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}
.prize img {
	border: 5px solid #eee;
	margin: 0 auto 5px auto;
}
#post .prize p + p {
	text-align: center;
	text-indent: 0;
}
.hint 					{ margin: 0; }
blockquote 				{ border-left: 1px solid #dcd8cc; margin: 1.5em 0; padding: 0 0 0 8px; }
blockquote p 			{ margin-bottom: .7em; }
#post blockquote p + p 	{ text-indent: 0; }

#wrapper table {
	background: #fff;
	border: 1px solid #dcd8cc;
	border-collapse: collapse;
	margin: .2em auto 1.8em auto;
}
#wrapper caption {
	font-weight: bold;
	margin: 1em auto 0 auto;
	text-align: center;
}
#wrapper td, #wrapper th {
	line-height: 1.4em;
	padding: .3em .5em;
}
#wrapper th {
	background: #fff url(../images/dev/angles.jpg) 100px -200px repeat-x;
	border: 1px solid #dcd8cc;
	border-width: 0 1px 1px 0;
	color: #534e46;
	line-height: 1.0;
}
#wrapper td {
	border: 1px solid #dcd8cc;
	border-width: 0 1px 1px 0;
	margin: 1px;
	text-align: center;
}
#wrapper td.tcat {
	background: #fff url(../images/dev/angles.jpg) 100px -200px repeat-x;
	text-align: left;
}
#wrapper th.tcat { border-left: 0; }

#graph {
	clear: both;
	height: 400px;
	margin: 0 auto;
	width: 98%;
}
#archive .faux span { color: #dbdbdb; }
td.legendLabel a:hover { text-decoration: none; }
#archive dt { font-size: 1.3em; font-weight: bold; line-height: 1.0; margin-top: 1em; }
	#archive dt:first-child { margin-top: 0; }
#archive dl { margin-bottom: 2em; }
	dl.crowd dd { margin-bottom: 1em; }

.more-old {
	font-size: 1.2em;
}

/* those automattic fellas... */
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

/* Not for you, Safari. */
html:lang(en)>body #nonsense div input 	{ left: -.4em;top: -.4em;width: 102%; }
* html #nonsense div input 				{ left: -.4em;top: -.4em;width: 102%; }
*+html #nonsense div input 				{ left: -.4em;top: -.4em;width: 102%; }