html * {
	padding: 0;
	margin: 0;
	font-family: 'Lucida Grande', helvetica, sans-serif;
	font-size: 13px;
	}
cite, code, samp, em, strong, a, abbr, acronym { font-size: inherit; }
code, samp, kbd { font-family: monospace; }
body
	{
	background: rgb(45,45,45);
	}
span.filename {
	font-family: monospace;
	}
h1 {
	font-size: 22px;
	}
h2 {
	font-size: 16px;
	margin: 15px 0 5px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid rgb(200,200,200);
	}
h3 {
	margin: 15px 0 5px 0;
	border-bottom: 1px solid rgb(200,200,200);
	padding-bottom: 2px;
	}
p {
	text-align: justify;
	line-height: 1.5;
	margin: 10px 0;
	}
p.parenthesis {
	font: italic 11px/1.25 'Lucida Grande', helvetica, sans-serif;
	}
a:link,
a:hover,
a:visited,
a:active {
	color: #700;
	border: none;
	}
ul li {
	list-style-type: none;
	background: transparent url(/images/bullet.gif) no-repeat 0 5px;
	padding-left: 12px;
	margin: 2px 7px;
	}
ol {
	font-family: 'Lucida Grande', helvetica, sans-serif;
	font-size: 13px;
	margin-left: 3em;
	}
ol li {
	margin: 3px;
	}
dl.links dt {
	list-style-type: none;
	background: transparent url(/images/bullet.gif) no-repeat 0 5px;
	padding-left: 12px;
	margin: 2px 7px 0 7px;
	}
dl.links dd {
	list-style-type: none;
	padding-left: 12px;
	margin: 0 7px 4px 7px;
	font-size: 80%;
	}

abbr,
acronym {
	font-style: normal;
	}
ins {
	text-decoration: none;
	}
del {
	display: none;
	}
cite.person {
	font-style: normal;
	}
cite.footnote {
	font: italic 11px 'Lucida Grande', helvetica, sans-serif;
	position: relative;
	top: -5px;
	}
p.footnote {
	font: italic 11px 'Lucida Grande', helvetica, sans-serif;
	}
pre.codeblock {
	font-size: 12px;
	background: rgb(240,240,240);
	margin: 10px 15px;
	_margin: 10px 0;
	padding: 0 25px;
	border: dotted 1px rgb(200,200,200);
	}
blockquote {
	background: rgb(240,240,240);
	margin: 10px 15px;
	padding: 0 15px;
	border: dotted 1px rgb(200,200,200);
	}
blockquote * {
	font-size: 11px;
	}
fieldset {
	border: none;
	}
label {
	display: block;
	margin: 7px 0 1px;
	font-size: 10px;
	text-transform: uppercase;
	font-variant: small-caps;
	}
label.radio,
label.checkbox {
	display: inline;
	}
textarea {
	display: block;
	margin-bottom: 7px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 250px;
	width: 550px;
	}
input.submit {
	margin-top: 7px;
	}
img {
	border: none;
	}

#content {
	position: relative;
	width: 750px;
	w\idth: 700px;
	border: 1px solid rgb(31,31,31);
	margin: 25px auto;
	padding: 25px 25px 3px 25px;
	background: #fff;
	}


#goto-toc {
	margin: -5px 0 15px 0;
	width: 700px;
	border-bottom: 1px dotted rgb(51,51,51);
	}
#goto-toc a {
	visibility: hidden;
	}
.home #goto-toc {
	margin: 10px 0 5px 0;
	_margin-top: 35px ;
	background: rgb(203, 209, 215) url(/images/shades.jpg) no-repeat;
	height: 185px;
	border: 1px solid rgb(31,31,31);
	}


#articles h2 {
	border-bottom: solid 1px rgb(153,153,153);
	padding-bottom: 5px;
	margin: 10px 0 5px 0;
	}
#articles h2 a:link,
#articles h2 a:visited {
	color: #000;
	text-decoration: none;
	}
#articles h2 a:hover {
	text-decoration: underline;
	}
#articles h3.meta {
	border-top: solid 1px rgb(153,153,153);
	border-bottom: none;
	margin: 5px 0;
	}
#articles h3.meta * {
	color: #000;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	}
#articles h3.meta .date {
	border-right: solid 1px rgb(136,136,136);
	padding-right: 3px;
	}
#articles h3.meta .feedback {
	display: block;
	width: 45%;
	float: right;
	text-align: right;
	padding-top: 4px;
	_margin-top: -18px;
	}
#articles h3.meta a:hover {
	text-decoration: underline;
	}
.home #articles .article {
	border: none;
	padding: 0;
	margin: 40px 0 0 0;
	background: 0;
	}
.home #articles {
	padding: 0px;
	margin: 40px 0 25px 225px;
	}
.home #articles h2 {
	font-size: 14px;
	}
.home #articles h3 {
	font-size: 12px;
	}
.archive .article h2 {
	margin-top: 4px;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #333;
	}
.yearly-archive #articles .article,
.monthly-archive #articles .article {
	border: solid 1px #ddd;
	padding: 0 12px;
	background: rgb(247,247,247);
	margin: 10px 0 20px 0;
	}


#feedback h2 {
	font-size: 14px;
	font-style: normal;
	color: #000;
	font-weight: bold;
	}
#feedback h3 {
	font-size: 12px;
	border: none;
	}
.comment {
	border: solid 1px #ddd;
	padding: 0 12px;
	background: rgb(247,247,247);
	margin: 10px 0 20px 0;
	}


#recent-photos {
	float: left;
	width: 200px;
	padding-top:10px;
	}
#recent-photos h1 {
	margin: 5px 0 0 -25px;
	border: none;
	line-height: 20px;
	}
#recent-photos img {
	margin-bottom: 10px;
	border: solid 1px rgb(31,31,31);
	}

#recent-work {
	float: right;
	width: 200px;
	}
#recent-work h1 {
	margin: 0 -25px 0 0;
	text-align: right;
	border: none;
	}
#recent-work dd {
	text-align: justify;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 15px;
	}
#recent-work img.thumb {
	border: solid 1px rgb(192,192,192);
	}


#copyright {
	clear: both;
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(175,175,175);
	margin-right: -20px;
	text-align: right;
	}
.photos #copyright {
	display: none;
	}
#copyright a:link {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	color: rgb(175,175,175);
	}
#copyright a:hover {
	color: #000;
	}


#toc {
	clear: both;
	position: absolute;
	top: 0;
	height: 35px;
	text-align: right;
	width: 100%;
	right: 25px;
	}
.photos #toc {
	position: static;
	text-align: center;
	margin: 25px 0 -10px 0;
	}
#toc li {
	display: inline;
	padding: 0 0 0 8px;
	margin: 0;
	line-height: 35px;
	background: transparent url(/images/toc-slash.gif) no-repeat 0 4px;
	}
#toc li.first-child {
	background-image: none;
	}
#toc li a:link,
#toc li a:visited {
	color: #000;
	font-size: 11px;
	text-decoration: none;
	}
#toc li a:hover,
#toc li a:active {
	text-decoration: underline;
	}
#toc #home-link {
	background-image: none;
	position: absolute;
	left: 0;
	top: 0;
	}
#toc #home-link * {
	display: block;
	text-indent:30em;
	color: #fff;
	width: 110px;
	height: 35px;
	}

#site-logo {
	position: absolute;
	top: 0;
	left: 13px;
	}

#test-frame {
	margin: 15px 20px 25px 10px;
	padding-bottom: 0;
	text-align: center;
	border: solid 1px #ddd;
	padding: 17px 25px;
	background: rgb(245,245,245);
	}
#test-frame span {
	font-size: 22px;
	font-weight: bold;
	}
.filter-test .meta {
	margin-bottom: 20px;
	}
.filter-test .meta h2 {
	font-size: 12px;
	}
.filter-test .meta a {
	padding-left: 2.5em;
	}



.photos h1 {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;float: left;
	text-align: left;
	}
.photos h2.meta {
	font-size: 9px;
	border: none;
	text-align: right;
	width: 175px;
	float: right;
	padding: 0;
	margin: 0;
	}
.photos h2.meta * {
	color: #000;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	}
.photos h2.meta .feedback {
	border-left: solid 1px rgb(136,136,136);
	padding-left: 3px;
	}
.photos h2.meta a:hover {
	text-decoration: underline;
	}
.photos #content {
	background-repeat: no-repeat;
	text-align: center;
	}
.photos img.photo {
	margin: 0 -25px 0 -25px;
	border: solid 1px #333;
	}
.photos #photo-nav {
	text-align: right;
	margin: -38px 0 0 0;
	}
.photos #photo-nav a {
	color: rgb(151,151,151);
	font-size: 11px;
	}
.photos #photo-nav a:link,
.photos #photo-nav a:visited {
	color: #700;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	}
.photos #photo-nav a:link:hover,
.photos #photo-nav a:active {
	text-decoration: underline;
	}
.photos #goto-toc {
	border: none;
	}
.photos #feedback {
	text-align: left;
	}
.photos #feedback h2 {
	margin-top: 35px;
	}

.photo-archive .year {
	border: solid 1px #ddd;
	padding: 5px 12px;
	background: rgb(247,247,247);
	margin: 10px 0 20px 0;
	width: 100%;
	}
.photo-archive .year caption {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 5px;
	}
.photo-archive .year td {
	padding: 8px;
	}
.photo-archive .month caption {
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #ccc;
	}
.photo-archive .month td {
	padding: 1px;
	color: #999;
	}

#preview {
	line-height: 1.5;
	margin-bottom: 3em;
	}
.match {
	background: yellow;
	}


#adsense {
	display: block;
	position: absolute;
	top: 98px;
	right: 25px;
	border: solid 1px #ccc;
	padding: 5px 5px 3px 5px;
	background: #fff;
	}


#feed {
	padding: 0px;
	margin: 25px 0 25px -5px;
	}
#feed ul {
	margin-left:0;
	}
#feed ul li {
	background-image:none;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:2.5em;
	padding-bottom:2.5em;
	padding-left:0;
	}
#feed span.headline {
	font-weight:bold;
	font-size:1.25em;
	}