/* Grid based on 8 6.5em columns with 1em margins */

/* ----- Containers ----- */

body {
	font-size:62.5%;
	font-family:"Helvetica Neue",helvetica,arial,sans-serif;
	color:#1c2024;
	background:#1c2024;
	}

#main {
	background:#fff;
	padding-bottom:3em;
	}

#header,
#days,
#comments,
#page,
#center {
	width:62.5em;
	margin:0 auto;
	}

#header {
	position:relative;
	overflow:hidden;
	padding:3em 0 4em;
	}

#intro {
	padding-top:4em;
	margin-left:16em;
	}

#days {
	clear:both;
	}

#entry {
	position:relative;
	}

#pagination {
	overflow:hidden;
	margin-left:16em;
	}

#comments {
	padding-bottom:5em;
	}

#footer {
	color:#ece7e9;
	padding-bottom:2.8em;
	border-top:4px solid #101214;
	}

#center {
	position:relative;
	}

#photos {
	overflow:hidden;
	width:65em;
	margin-left:16em;
	padding-top:2.4em;
	}

#songs {
	float:left;
	overflow:hidden;
	width:30.5em;
	margin-left:16em;
	}

#twitter {
	float:right;
	overflow:hidden;
	width:14.5em;
	}

#meta {
	clear:both;
	margin-left:16em;
	padding-top:2.8em;
	}

/* ----- Links ----- */

a:link, 
a:visited {
	color:#1c2024;
	text-decoration:underline;
	}

a:hover {
	color:#fff;
	text-decoration:none;
	}

.article a:hover {
	background:#4100a3;
	}

.quote a:hover {
	background:#00ac08;
	}

.link a:hover {
	background:#c30202;
	}

.comment a:hover {
	background:#00c0dd;
	}

#intro a:link,
#intro a:visited {
	color:#f0017d;
	text-decoration:none;
	}

#intro a:hover,
#intro a.current,
#entry a:hover {
	color:#fff;
	background:#f0017d;
	}

#pagination a {
	display:block;
	font-size:1.2em;
	padding:.7em 0;
	}

#pagination a:hover {
	background:#00c0dd;
	}

#footer a:link,
#footer a:visited {
	color:#ece7e9;
	}

#footer a:hover {
	color:#fff;
	background:#00c0dd;
	}	

#footer #meta a:link,
#footer #meta a:visited {
	color:#4f545a;
	}

#footer #meta a:hover {
	color:#fff;
	}

/* ----- Navigation ----- */

#nav {
	overflow:hidden;
	margin-left:16em;
	padding:2.5em 0 1em;
	}	

#nav li {
	float:left;
	text-align:center;
	width:6.5em;
	margin-right:1.5em;
	}

#nav li a {
	display:block;
	font-size:1.4em;
	text-decoration:none;
	padding:.6em 0;
	}

#nav li a#all-nav:hover,
#nav li a#all-nav.current {
	color:#fff;
	background:#00c0dd;
	}

#nav li a#articles-nav:hover,
#nav li a#articles-nav.current {
	color:#fff;
	background:#4100a3;
	}

#nav li a#quotes-nav:hover,
#nav li a#quotes-nav.current {
	color:#fff;
	background:#00ac08;
	}

#nav li a#links-nav:hover,
#nav li a#links-nav.current {
	color:#fff;
	background:#c30202;
	}

#nav li a#rss-nav:hover,
#nav li a#rss-nav.current {
	color:#fff;
	background:#ff7700;
	}


/* ----- Headings ----- */

#home h1,
#logo a {
	position:absolute;
	top:4em;
	right:48.5em;
	text-indent:-9999px;
	width:120px;
	height:120px;
	background:url(/images/logo.gif) no-repeat left top;
	}

#detail .article h1,
#entry h1 {
	font-family:georgia,serif;
	font-size:2.2em;
	font-weight:normal;
	line-height:1.3em;
	}

#home h2.date,
#landing h2.date {
	float:left;
	text-align:right;
	width:10em;
	font-family:georgia,serif;
	font-size:1.4em;
	padding:.5em .357em 1.8em 0;
	margin-top:-4.286em;
	*margin-bottom:-.4em; /* KLUDGE - Hack for margin issues in IE */
	border-top:2px solid #1c2024;
	}

#detail #comments h2 {
	font-family:georgia,serif;
	font-size:1.8em;
	font-weight:normal;
	margin-left:9.167em;
	}

#detail h2.date {
	top:0;
	padding-top:1.75em;
	}

#detail .quote h2.date,
#detail .link h2.date {
	top:0;
	padding-top:2.35em;
	}

#detail h2.date,
h3.time {
	position:absolute;
	left:0;
	text-align:right;
	font-size:1.2em;
	font-weight:normal;
	width:11.667em;
	padding-right:.416em;
	border-top:2px solid #1c2024;
	}

.article .content h3 {
	font-family:georgia,serif;
	font-size:1.4em;
	font-weight:bold;
	margin:1.8em 0 1.2em;
	}

h3.time {
	top:.83em;
	border-top:none;
	}

.quote h3.time {
	top:1.65em;
	}

.link h3.time {
	top:0;
	}

#detail h3.time {
	top:3.55em;
	}

#detail .quote h3.time,
#detail .link h3.time {
	top:4.15em;
	}

.comment .info h3.date,
.comment .info h4.time {
	font-family:"Helvetica Neue",helvetica,arial,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	}

.comment .info h3.date {
	margin-top:1.65em;
	}

.comment .info h4.time {
	margin-top:.85em;
	}

#footer h3 {
	font-family:georgia,serif;
	font-size:1.6em;
	}

#footer h3 span {
	font-family:"Helvetica Neue",helvetica,arial,sans-serif;
	font-size:.7em;
	}

.article h4 {
	font-family:georgia,serif;
	font-size:1.8em;
	line-height:1.4em;
	}

.link h4,
#detail h1 {
	font-size:1.2em;
	margin-bottom:.5em;
	}

/* ----- Content ----- */

#intro p {
	font-family:georgia,serif;
	font-size:3em;
	margin-bottom:.25em;
	}

ol {
	list-style:decimal;
	font-size:1.2em;
	line-height:1.8em;
	margin:20px 0 25px 30px;
	}

ol li {
	margin:8px 0;
	}

.article ul,
.quote ul,
.link ul {
    list-style:disc;
	font-size:1.2em;
	line-height:1.8em;
	margin:20px 0 25px 30px;
}

.article ul li,
.quote ul li,
.link ul li {
	margin:8px 0;
}

.day,
.page-head {
	margin-bottom:7em;
	border-top:1px solid #1c2024;
	}

.day {
	padding-top:6em;
	}

#entry .info {
	padding-top:4em;
	}

.article,
.link,
.quote {
	position:relative;
	clear:both;
	margin-bottom:4.2em;
	/*margin:4.2em 0;*/
	}

#detail .article,
#detail .quote,
#detail .link {
	width:62.5em;
	margin:0 auto;
	}

#detail .single {
	padding-bottom:4em;
	}

#detail .comment .quote {
	padding-bottom:1.5em;
	}

#detail blockquote .quote {
	width:43em;
	}

.info {
	position:relative;
	padding-left:16.5em;
	}

#detail .info {
	padding-top:3em;
	border-top:1px solid #1c2024;
	}

#detail .link .info {
	padding-top:5em;
	}

#detail .comment {
	position:relative;
	margin:2.8em 0;
	}

#detail .comment .info {
	position:absolute;
	top:0;
	left:0;
	width:14em;
	text-align:right;
	padding:0 .5em 0 0;
	border:none;
	}

.info img.icon {
	position:absolute;
	left:6em;
	}

.info img.doc {
	top:.7em;
	width:1.4em;
	height:1.5em;
	}

.info img.quotation {
	top:1.85em;
	width:1.5em;
	height:1.2em;
	}

.info img.bookmark {
	top:-.4em;
	width:1.2em;
	height:1.6em;
	}

.content {
	margin-left:16.5em;
	}

.content p {
	line-height:1.8em;
	font-size:1.2em;
	margin-bottom:1em;
	}

.article .content {
	padding-top:1.2em;
	}

.article .content p {
	position:relative;
	}

#detail .article .content {
	padding-top:.4em;
	}

#entry .content {
	padding-top:1.6em;
	}

.article .content p.options {
	margin-bottom:0;
	}

.comment blockquote {
	padding-bottom:1em;
	}

.quote blockquote .quote-body,
.comment blockquote .quote,
.article blockquote {
	min-height:3em;
	margin:0;
	padding:1.5em 1.5em 1em;
	background:#ececec;
	}

.quote blockquote p.citation,
.comment blockquote p.citation {
	margin-left:4em;
	padding-top:22px;
	background:#fff url(/images/spur.gif) no-repeat left top;
	}

.comment blockquote p.citation {
	margin-top:0;
	}

.article blockquote,
.comment .quote blockquote {
	margin:.75em 0 2.5em;
	padding:1.5em 1.5em;
	border:1px dashed #bcbcbc;
	}

.comment .quote blockquote {
	background:#fff;
	}

.article blockquote p.citation {
	font-style:italic;
	margin:-.5em 0 0 2em;
	}

#pagination {
	margin-top:-3em;
	padding-bottom:4em;
	}

#pagination p {
	text-align:center;
	width:6.5em;
	}

#pagination p.next {
	float:left;
	}

#pagination p.prev {
	float:right;
	}

#bio-img {
	position:absolute;
	top:0;
	left:0;
	width:14.5em;
	padding-top:2em;
	border-top:2px solid #1c2024;
	}

#bio-img img {
	padding:4px;
	border:1px dashed #bcbcbc;
	background:#ececec;
	}

abbr {
	cursor:help;
	border-bottom:1px dotted #1c2024;
	}

code {
	font-size:1.2em;
	}

.pic-left,
.pic-right {
	color:#8c8c8c;
	width:14.5em;
	}

.pic-right {
	float:right;
	margin: 0 0 1em 1.5em;
	}

.pic-left {
	float:left;
	margin: 0 1.5em 1em 0;
	}
	
.pic-left img,
.pic-right img {
	padding:4px;
	border:1px dashed #bcbcbc;
	background:#ececec;
	}

.pic-left p,
.pic-right p {
	font-size:1.2em;
	font-style:italic;
	line-height:1.4em;
	padding-top:1em;
	margin:0 .416em;
	}

ol.code {
	list-style:none;
	overflow:auto;
	font-size:1.2em;
	margin-bottom:1.5em;
	margin-left:0;
	border:1px dashed #bcbcbc;
	}

ol.code li {
	white-space:pre;
	padding:.5em;
	margin:0;
	}

ol.code li.alt {
	background:#ececec;
	}

/* ----- Forms ----- */

#header form {
	position:absolute;
	top:3em;
	right:0;
	}

#header form #keywords {
	font-size:1.2em;
	width:9.583em;
	padding:.4em 2em .4em .5em;
	border:none;
	background:#ececec;
	}

#header form #submit {
	position:absolute;
	bottom:0;
	right:0;
	width:1.6em;
	height:1.6em;
	margin:0 .4em .4em 0;
	}

#comment_form {
	padding-top:1.6em;
	}

#comment_form p {
	overflow:hidden;
	font-size:1.2em;
	margin:1em 0;
	}

#comment_form p label {
	display:block;
	float:left;
	text-align:right;
	width:11.583em;
	padding:.6em 0 .4em;
	}

#comment_form p.options label {
	display:inline;
	float:none;
	text-align:left;
	width:auto;
	padding:0;
	}

#comment_form p .commenter-info,
#comment_form textarea {
	float:right;
	font-size:1em;
	width:37.333em;
	padding:.4em .5em;
	border:none;
	background:#ececec;
	}
	
#comment_form textarea {
	font-family:"Helvetica Neue",helvetica,arial,sans-serif;
	line-height:1.8em;
	height:14em;
	}

#comment-label {
	margin-top:.275em;
	}

#comment_form button {
	font-family:"Helvetica Neue",helvetica,arial,sans-serif;
	font-size:1.2em;
	color:#fff;
	cursor:pointer;
	height:2.5em;
	width:5.416em;
	margin:1.2em 0 0 13.75em;
	border:none;
	background:#00c0dd;
	}

#comment_form .options {
	font-size:1em;
	color:#9c9c9c;
	margin-left:16.5em;
	}

#comment_form .options input {
	font-size:1.2em;
	margin-right:1em;
	}



/* ----- Footer ----- */

#footer-logo {
	position:absolute;
	bottom:-2em;
	right:48em;
	}

#footer-logo a {
	display:block;
	text-indent:-9999px;
	width:91px;
	height:91px;
	background:url(/images/footer_logo.gif) no-repeat left top;
	}

#footer-logo a:hover {
	background:url(/images/footer_logo.gif) no-repeat left top;
	}

#photos ul {
	overflow:hidden;
	list-style:none;
	width:65em;
	height:6.5em;
	padding:2em 0 2.8em;
	}

#photos ul li {
	font-size:1em;
	float:left;
	}

#photos ul li a {
	display:block;
	margin-right:1.5em;
	border:.5em solid #2b3036;
	}

#photos ul li a:hover {
	border:.5em solid #00c0dd;
	}

#photos ul li a.last {
	margin-right:0;
	}

#photos ul li a img {
	width:5.5em;
	}

#songs ul {
	list-style:none;
	padding-top:1.4em;
	}

#songs ul li {
	font-size:1.2em;
	line-height:1.3em;
	margin:.3em 0;
	}

#twitter p {
	font-size:1.2em;
	line-height:1.6em;
	padding-top:1.3em;
	}

#meta p {
	font-size:1.2em;
	color:#4f545a;
	margin-bottom:.6em;
	}

#meta p#copyright {
	color:#373c42;
	}