/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:inherit;}a{outline:none;}a{color: #000; text-decoration: none; border: 0 }


/* structure */

body {
	margin: 0;
	padding: 0;
	border-top: 3px solid black;
	background-color: #fff;
}

#title {
		width: 200px;
		height: 200px;
		overflow: hidden;
	}

#title a {
	font: 200px/200px normal Times, monospace;
	margin: 0px 0 0 5px;
	color: black;
	overflow: hidden;
	z-index: -1;
}

.cufon-loading #title, .cufon-loading .roll {
	visibility: hidden !important;
}

span.roll {
	font: 20px/20px normal Times;
	margin-left: -25px;
	padding-top: 2px;
	padding-right: 1px;
	float: left;
}

#content a:hover, #advance a:hover, #footer a:hover {
	color: red;
	border-bottom-color: red;
}


#search input {
		border: 0;
		border-bottom: 0px solid black;
		width: 60px;
		padding: 0px;
		padding-left: 15px;
		background-color: inherit;
		background-image: url('/search_icon.gif');
		background-repeat: no-repeat;
		background-position: 0px 5px;
		outline: 0;
		font: 12px/20px normal Times, Times New Roman, serif;
	}

#sections {
	position: relative;
	margin: 20px 0 0 20px;
	font: 12px/25px bold Times, Times New Roman, serif;
	z-index: 100

}

	#sections ol {
		position: absolute;
		left: 0px;
		top: 0px;
		font-weight: bold;
		width: 100px;
	}
	
	#sections ul {
		position: absolute;
		width: 100px;
		left: 90px;
		top: 0px;
	}

	#sections li a {
		padding: 0;
		background-color: 0;
	}

	#sections ol li a:hover, #sections ol .active a {
		border-bottom: 1px solid black;
	}
	
	#sections ul li a:before {
		content: "→  ";
		margin-left: -15px;
		color: #fff;
	}

	#sections ul.over li.active a:before {
		color: #fff;
	}

	#sections ul li.active a:before, #sections ul.over li.over a:before {
		color: #000;
	}

	
#content-wrapper {
	margin:	0 0 40px 220px;
	min-height: 350px;
}

#content { 
	width: 500px;
	font: 14px/20px normal Times, Times New Roman, serif;
	color: #000;
}

	#content h1 {
		font: 19px/20px bold Times, Times New Roman, serif;
	}

	#content .byline, #content .caption, #content h2, #content .invite, .tags span {
		font: 9px/20px normal Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;	
	}

	#content #filter {
		border-bottom: 1px solid black;
		margin: 0 0 20px;
		padding: 0 0 20px 0;
	}

	#content #filter h2 {
		display: inline;
	}
	
	#content #filter p {
		display: inline;
		margin-left: 10px;
		font-style: italic;
	}

	#content .invite.excerpt :before {
		content: "→ ";
		font-size: 12px;
		font-family: Times, Times New Roman, serif;
	}

	#content .invite a {
		padding: 10px 10px 0 0;
	}

	#content .comment-invite {
		margin-bottom: 30px;
		content: "";
	}

	#content h2 {
		margin: 30px 0 0 0;	
	}
	
	#content .byline {
		margin: 5px 0 15px 0;
	}
	
	#content .caption {
		margin: 0px 0 20px 0;
		line-height: 15px;
	}
	
	#content .byline, #content .post .caption em, #content .post .caption i {
		font-style: normal; font-weight: inherit;
	}

	#content .byline em:before, .footer em:before, .caption em:before {
		position: relative;
		top: 2px;
		content: "‘";
		font-size: 12px;
		line-height: 0;
	}
	
	#content .byline em:after, .footer em:after, .caption em:after {	
		position: relative;
		top: 2px;
		content: "’";
		font-size: 12px;	
		line-height: 0;	
	}
	
	#content span.slash {
		font-size: 13px;
		line-height: 1px;
		font-family: Georgia;
		font-style: italic;
		margin: 0 4px;
		color: #999;
	}
	
	#content .post p {
		margin: 10px 0;
	}

	#content .post em, .archive li em {
		font-style: italic;
		
	}

	#content strong {
		font-weight: bold;
		margin-right: 5px;		
	}
	
	#content .post ol {
		margin: 10px 0;
	}
	
	#content .post ol li {
		margin: 0;
		text-indent: 0px;
		list-style-type: decimal
	}

	#content .post ul li:before {
		font-size: 15px;
		content: "… "; 
	}

	#content .post ul li {
		margin: 10px 0;
	}

	#content .post table td {
		vertical-align: top;
		padding: 3px;
	}

	#content .post table td.caption {
		font: 9px/20px bold Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	#content .post p sup {
		vertical-align: 0;
		position: relative;
		font-size: 9px;
		top: -6px;
	}

	#content .post p .caps {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	#content .post p.caption .caps {
		font-size: inherit
	}

	#content .post p span.sidenote {
		display: block;
		font-size: 11px;
		line-height: 20px;
		font-style: normal;
		margin-top: 20px;
		margin-left: 12px;
		text-indent: -12px;
	}

	#content .post p span.sidenote strong {
		font: 9px/20px normal Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;	
	}

	#content .post p span.sidenote em {
		font-style: italic;
	}

	#content .dateline {
		text-align: right;
		font-style: normal;
		margin: 20px 0 0 0;
	}

	#content .filing {
		font: 9px/20px normal Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	#content .tags {
		position: absolute;
		display: inline;
		width: 150px;
		left: 540px;
		font-size: 11px;
		line-height: 15px;
		font-style: normal;
		margin-top: -5px;
	}

	#content .tags ul li {
		margin: 0;
	}
	
	#content .tags ul li:before {
		content: "";
	}
	
	#content .post {
		position: relative;
		margin-bottom: 40px; 
	}

	#content .post p object {
		margin-top: 0px; 
	}
	
	#content .post p a, #content .post li a, #content .post p blockquote {
		border-bottom: 1px solid black;
	}

	#content .post .caption p a {
		border-bottom: 0;
	}
	
	#content .post p q {

	}
	
	#content blockquote {
		font-style: italic;
	}
	
	#content .post blockquote p em, #content post blockquote p i {
		font-style: normal;
	}

	#content .archive, #content .linklist {
		margin: 0;
	}

	#content .archive li p { display: inline }

	#content .taglist  {
		margin: 20px 0 0 72px;
		text-indent: -72px;
	}
	
	#content .archive li {
		margin: 10px 0 0 72px;
		text-indent: -72px;
	}

	#content .archive li:a {
		border-bottom: 1px solid black;
	}

	#content .archive span.datestamp {
		font: 9px/20px bold Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

#content #comments {
	margin-top: 30px;
	position: relative;
}


#content #comments h2, #content #comments h1 {
	margin: 20px 0 20px 0;
}

#content #comments h1 {
	font-size: 16px;
}

#content #comments .comment {
	padding-bottom: 20px;
}

#content #comments-form {
	min-height: 300px;
}

#content #comments input {
	border: 0;
	border-bottom: 1px solid black;
	font-size: 12px;
	line-height: 12px;
	width: 402px;
	outline: 0;
	padding-top: 9px;
}

#content #comments input[type="submit"] {
	width: 100px;
	border: 1px solid black;
	background-color: white;
	font: 9px/20px bold Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	min-height: 20px;
	padding-top: 0px;
}

#content #comments #comment-preview #txpCommentSubmit {
	color: red }

#content #comments input[type="checkbox"] {
	width: 10px;
	margin-left: 20px;
	border: 0;
	height: 20px;
}

#content #comments textarea {
	border: 1px solid black;
	font-size: 11px;
	line-height: 20px;
	width: 400px;
	margin: 20px 0 20px;
	outline: 0;
}


#content #comments .digest a, #content #comments .labels a {
		font-weight: normal;
}


#content #comments .digest {
		font: 9px/20px bold Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;	
}

#content #comments #labels label {
		display: block;
		font-size: 12px;
		line-height: 12px;
		font-style: normal;
		border-bottom: 1px solid #fff;
		padding-top: 12px;
}

#content #comments #labels label[for="message"] { padding-top: 0px; }

#content #comments #data {
		float: right;
		width: 400px;
}
	
#advance-wrapper {
	width: 100%;
}

#advance {
	font: 9px/20px bold Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 40px 0 0 0; 
	padding: 10px 0 10px 220px;
	min-height: 20px;
}


	
#advance #older {
	margin-left: 400px;
	white-space: nowrap;
}
	
#advance #older:after {
	content: " …";
	font-size: 12px;
}

#advance #newer {
	float: left;
	white-space: nowrap;
}
	
#advance #newer:before {
	/*margin-left: -18px;
	content: "… ";
	font-size: 12px;*/

}


#footer-wrapper {
	width: 100%;
	padding: 0 0 0 0px;
	float: left;	
}

#footer {
	margin: 0 0 0 220px;
	position: relative;
	height: 300px;
	width: 720px;
	
	border-top: 1px solid black;
	
	font: 11px/19px normal;
	font-family: Helvetica, sans-serif;
}

	#footer #column-1, #footer #column-2, #footer #column-3  {
		position: absolute;
		width: 180px;
		margin: 0;
		padding: 0 20px 0 0;

	}
	
	#footer #column-2 {
		left: 200px;
	}
	
	#footer #column-3 {
		left: 400px;
		width: 100px;
	}
	
	#footer h3 {
		margin-top: 20px;
		font-weight: bold;
	}
	
	#footer li {
		margin-left: 10px;
		text-indent: -10px;
	}